import 'flatpickr/dist/flatpickr' class FlatpickrDemo { init() { document.getElementById("basic-datepicker").flatpickr(), document .getElementById("datetime-datepicker") .flatpickr({ enableTime: !0, dateFormat: "Y-m-d H:i" }), document .getElementById("humanfd-datepicker") .flatpickr({ altInput: !0, altFormat: "F j, Y", dateFormat: "Y-m-d", }), document .getElementById("minmax-datepicker") .flatpickr({ minDate: "2020-01", maxDate: "2020-03" }), document.getElementById("disable-datepicker").flatpickr({ onReady: function () { this.jumpToDate("2025-01"); }, disable: [ "2025-01-10", "2025-01-21", "2025-01-30", new Date(2025, 4, 9), ], dateFormat: "Y-m-d", }), document .getElementById("multiple-datepicker") .flatpickr({ mode: "multiple", dateFormat: "Y-m-d" }), document .getElementById("conjunction-datepicker") .flatpickr({ mode: "multiple", dateFormat: "Y-m-d", conjunction: " :: ", }), document .getElementById("range-datepicker") .flatpickr({ mode: "range" }), document .getElementById("inline-datepicker") .flatpickr({ inline: !0 }), document .getElementById("basic-timepicker") .flatpickr({ enableTime: !0, noCalendar: !0, dateFormat: "H:i", }), document .getElementById("24hours-timepicker") .flatpickr({ enableTime: !0, noCalendar: !0, dateFormat: "H:i", time_24hr: !0, }), document .getElementById("minmax-timepicker") .flatpickr({ enableTime: !0, noCalendar: !0, dateFormat: "H:i", minDate: "16:00", maxDate: "22:30", }), document .getElementById("preloading-timepicker") .flatpickr({ enableTime: !0, noCalendar: !0, dateFormat: "H:i", defaultDate: "01:45", }); } } document.addEventListener("DOMContentLoaded", function (e) { new FlatpickrDemo().init(); });