Последняя версия с сервера прошлого разработчика

nova/resources/js/components/DateTimePicker.vue

@@ -0,0 +1,107 @@
+<template>
+  <input
+    :disabled="disabled"
+    :class="{ '!cursor-not-allowed': disabled }"
+    :value="value"
+    ref="datePicker"
+    type="text"
+    :placeholder="placeholder"
+  />
+</template>
+
+<script>
+import flatpickr from 'flatpickr'
+import 'flatpickr/dist/themes/airbnb.css'
+
+export default {
+  props: {
+    value: {
+      required: false,
+    },
+    placeholder: {
+      type: String,
+      default: () => {
+        return moment().format('YYYY-MM-DD HH:mm:ss')
+      },
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    dateFormat: {
+      type: String,
+      default: 'Y-m-d H:i:S',
+    },
+    altFormat: {
+      type: String,
+      default: 'Y-m-d H:i:S',
+    },
+    twelveHourTime: {
+      type: Boolean,
+      default: false,
+    },
+    enableTime: {
+      type: Boolean,
+      default: true,
+    },
+    enableSeconds: {
+      type: Boolean,
+      default: true,
+    },
+    firstDayOfWeek: {
+      type: Number,
+      default: 0,
+    },
+  },
+
+  data: () => ({ flatpickr: null }),
+
+  watch: {
+    value: function (newValue, oldValue) {
+      if (this.flatpickr) {
+        this.flatpickr.setDate(newValue)
+      }
+    },
+  },
+
+  mounted() {
+    this.$nextTick(() => this.createFlatpickr())
+  },
+
+  methods: {
+    createFlatpickr() {
+      this.flatpickr = flatpickr(this.$refs.datePicker, {
+        enableTime: this.enableTime,
+        enableSeconds: this.enableSeconds,
+        onClose: this.onChange,
+        onChange: this.onChange,
+        dateFormat: this.dateFormat,
+        altInput: true,
+        altFormat: this.altFormat,
+        allowInput: true,
+        // static: true,
+        time_24hr: !this.twelveHourTime,
+        locale: { firstDayOfWeek: this.firstDayOfWeek },
+      })
+    },
+
+    onChange(event) {
+      this.$emit('change', this.$refs.datePicker.value)
+    },
+
+    clear() {
+      this.flatpickr.clear()
+    },
+  },
+
+  beforeDestroy() {
+    this.flatpickr.destroy()
+  },
+}
+</script>
+
+<style scoped>
+.\!cursor-not-allowed {
+  cursor: not-allowed !important;
+}
+</style>