Verejna cast, hezci 404ka, refaktoring

src/components/inputs/DatetimePicker.vue

@@ -1,6 +1,7 @@
 <script setup>
-import {computed, onMounted, ref} from "vue";
+import {computed, onMounted, ref, watch} from "vue";
 import {FORMAT_DATETIME_LONG, FORMAT_ISO, formatDatetime, parseDate} from "src/composables/datetimeUtils";
+import {commonProps} from "src/composables/inputs";
 
 const props = defineProps({
   modelValue: {
@@ -21,24 +22,25 @@ let dateModel = ref("");
 let timeModel = ref("");
 
 let originalTime, originalDate;
-onMounted(() => {
-  let emitDefaultValue = false;
-  if (props.modelValue) {
-    let modelVal = props.modelValue;
-    if (typeof modelVal === 'string') {
-      modelVal = parseDate(props.modelValue);
-      emitDefaultValue = true;
-    }
 
-    dateModel.value = formatDatetime(modelVal, "YYYY-MM-DD");
-    timeModel.value = formatDatetime(modelVal, "HH:mm:ss");
-  }
-
-  setOriginalValues();
-  if (emitDefaultValue) {
-    emitModelUpdate();
-  }
-});
+// onMounted(() => {
+// let emitDefaultValue = false;
+// if (props.modelValue) {
+//   let modelVal = props.modelValue;
+//   if (typeof modelVal === 'string') {
+//     modelVal = parseDate(props.modelValue);
+//     emitDefaultValue = true;
+//   }
+//
+//   dateModel.value = formatDatetime(modelVal, "YYYY-MM-DD");
+//   timeModel.value = formatDatetime(modelVal, "HH:mm:ss");
+// }
+//
+// setOriginalValues();
+// if (emitDefaultValue) {
+//   emitModelUpdate();
+// }
+// });
 // TODO: ^^ by asi slo prepsat do watchera, viz ComboboxInput
 
 
@@ -57,7 +59,9 @@ const emit = defineEmits(['update:modelValue']);
 const emitModelUpdate = () => {
   const val = parseDate(model.value);
   emit("update:modelValue", val);
-  popupProxy.value.hide();
+
+  if (popupProxy.value)
+    popupProxy.value.hide();
 }
 
 const containsAnyOf = (needles, haystack) => {
@@ -103,10 +107,28 @@ const isDateValid = (date) => {
   return date >= minDate;
 }
 
+watch(() => props.modelValue, (newVal) => {
+  let emitDefaultValue = false;
+  if (newVal) {
+    let modelVal = newVal;
+    if (typeof modelVal === 'string') {
+      modelVal = parseDate(newVal);
+      emitDefaultValue = true;
+    }
+
+    dateModel.value = formatDatetime(modelVal, "YYYY-MM-DD");
+    timeModel.value = formatDatetime(modelVal, "HH:mm:ss");
+  }
+
+  setOriginalValues();
+  if (emitDefaultValue) {
+    emitModelUpdate();
+  }
+}, {immediate: true});
 </script>
 
 <template>
-  <q-input readonly v-model="publicModel">
+  <q-input readonly v-bind="commonProps" v-model="publicModel">
     <template #append>
       <q-icon name="event"/>
     </template>