first init

resources/js/pages/form-flatepicker.js

@@ -0,0 +1,83 @@
+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();
+});