Hide the date picker when the box is not checked:
var toggleHideElement = function (chk, fromLoad) {
var target = $(chk.getAttribute("data-target"));
if (chk.checked) {
target.removeClass("d-none").attr("aria-hidden", "false");
if (!fromLoad) { target.focus().datepicker("show"); }
}
else {
target.addClass("d-none").attr("aria-hidden", "true");
if (!fromLoad) { target.datepicker("hide"); }
}
};
$(document).on("change", "input:checkbox[data-toggle='hide-element']", function () { toggleHideElement(this, false); });
$("input:checkbox[data-toggle='hide-element']").each(function () { toggleHideElement(this, true); });