ui: use flatpickr

packages/ui-default/components/datepicker/datepicker.page.tsx

@@ -0,0 +1,26 @@
+import 'flatpickr/dist/flatpickr.min.css';
+
+import flatpickr from 'flatpickr';
+import $ from 'jquery';
+import Picker from 'pickadate/lib/picker';
+import { AutoloadPage } from 'vj/misc/Page';
+import TimePicker from './timepicker';
+
+const datepickerPage = new AutoloadPage('datepickerPage', async () => {
+  $('[data-pick-date]').each(function () {
+    flatpickr(this, { allowInput: true });
+  });
+  $('[data-pick-time]').each(function () {
+    if (!$(this).data('pickatime')) {
+      // eslint-disable-next-line no-new
+      new Picker(this, 'pickatime', TimePicker, {
+        format: 'H:i',
+        editable: true,
+        interval: 15,
+        clear: false,
+      });
+    }
+  });
+});
+
+export default datepickerPage;