add ui

ui/components/datepicker/datepicker.page.js

@@ -0,0 +1,26 @@
+import { AutoloadPage } from 'vj/misc/PageLoader';
+
+import 'pickadate/lib/themes/classic.css';
+import 'pickadate/lib/themes/classic.date.css';
+import 'pickadate/lib/themes/classic.time.css';
+import './datepicker.styl';
+
+const datepickerPage = new AutoloadPage('datepickerPage', async () => {
+  if ($('[data-pick-date]').length > 0) {
+    await import('pickadate/lib/picker.date');
+    $('[data-pick-date]').pickadate({
+      format: 'yyyy-m-d',
+      clear: false,
+    });
+  }
+  if ($('[data-pick-time]').length > 0) {
+    await import('pickadate/lib/picker.time');
+    $('[data-pick-time]').pickatime({
+      format: 'H:i',
+      interval: 15,
+      clear: false,
+    });
+  }
+});
+
+export default datepickerPage;