(function ($) {
$(document).ready(function () {
window.flatpickr.l10ns.default.firstDayOfWeek = 1;window.flatpickr.l10ns.default.rangeSeparator = ' - ';
$(document).on("focus", ".tf-hotel-side-booking #check-in-out-date", function (e) {
const regexMap = {
'Y/m/d': /(\d{4}\/\d{2}\/\d{2}).*(\d{4}\/\d{2}\/\d{2})/,
'd/m/Y': /(\d{2}\/\d{2}\/\d{4}).*(\d{2}\/\d{2}\/\d{4})/,
'm/d/Y': /(\d{2}\/\d{2}\/\d{4}).*(\d{2}\/\d{2}\/\d{4})/,
'Y-m-d': /(\d{4}-\d{2}-\d{2}).*(\d{4}-\d{2}-\d{2})/,
'd-m-Y': /(\d{2}-\d{2}-\d{4}).*(\d{2}-\d{2}-\d{4})/,
'm-d-Y': /(\d{2}-\d{2}-\d{4}).*(\d{2}-\d{2}-\d{4})/,
'Y.m.d': /(\d{4}\.\d{2}\.\d{2}).*(\d{4}\.\d{2}\.\d{2})/,
'd.m.Y': /(\d{2}\.\d{2}\.\d{4}).*(\d{2}\.\d{2}\.\d{4})/,
'm.d.Y': /(\d{2}\.\d{2}\.\d{4}).*(\d{2}\.\d{2}\.\d{4})/
};
const dateRegex = regexMap['Y/m/d'];
let calander = flatpickr(this, {
enableTime: false,
minDate: "today",
mode: "range",
dateFormat: "Y/m/d",
altInput: true,
altFormat: 'Y/m/d',
// flatpickr locale
locale: Object.assign({}, window.flatpickr.l10ns["default"], { rangeSeparator: " - " }),
onChange: function (selectedDates, dateStr, instance) {
instance.element.value = dateStr.replace(/(\d{4}\/\d{2}\/\d{2}).*(\d{4}\/\d{2}\/\d{2})/g, function (match, date1, date2) {
return `${date1} - ${date2}`;
})
instance.altInput.value = instance.altInput.value.replace( dateRegex, function (match, d1, d2) {
return `${d1} - ${d2}`;
})
},
defaultDate: ["2026\/09\/20","2026\/09\/21"],
});
});
});
})(jQuery);