validate

src/modules/04_registryNew/components/detail/Other/01_OtherInformation.vue

@@ -48,8 +48,10 @@ const modalHistory = ref<boolean>(false);
 const date = ref<Date | null>(null);
 const detail = ref<string>();
 
+const dateRef = ref<object | null>(null);
 const detailRef = ref<object | null>(null);
 const objectRef: MyObjectRef = {
+  date: dateRef,
   detail: detailRef,
 };
 
@@ -472,6 +474,8 @@ onMounted(() => {
                     outlined
                     dense
                     :model-value="date2Thai(date)"
+                    :rules="[(val) => !!val || `${'กรุณาเลือกวันที่'}`]"
+                    hide-bottom-space
                     :label="`${'วันที่'}`"
                   >
                     <template v-slot:prepend>

src/modules/04_registryNew/interface/index/other.ts

@@ -19,6 +19,7 @@ interface FormFilter {
     isProbation: boolean;
 }
 interface MyObjectRef {
+    date: object | null;
     detail: object | null;
     [key: string]: any
 }