แก้ validate แดง

src/modules/07_insignia/components/5_Borrow/DialogForm.vue

@@ -232,7 +232,7 @@ async function searchcardid() {
   } else {
     fullName.value = "";
     brand.value = "";
-    clearReceiveDate();
+    receivedate.value = null
     // OrganazationId.value = "";
   }
 }
@@ -243,10 +243,6 @@ function closeDialog() {
   props.close();
 }
 
-/** function reset วันที่ยืม*/
-function clearReceiveDate() {
-  receivedate.value = null;
-}
 
 /** function reset วันที่คืน*/
 function clearReturnDate() {
@@ -417,24 +413,20 @@ watch(props, () => {
                       dense
                       borderless
                       outlined
-                      lazy-rules
                       :rules="[(val) => !!val || 'กรุณาเลือกวันที่']"
                       hide-bottom-space
                       :model-value="
                         receivedate != null ? date2Thai(receivedate) : undefined
                       "
                       :label="`${'วันที่ยืม'}`"
-                      clearable
-                      @clear="clearReceiveDate"
                     >
-                      <template v-slot:prepend>
-                        <q-icon
-                          name="event"
-                          class="cursor-pointer"
-                          color="primary"
-                        >
-                        </q-icon>
-                      </template>
+                    <template v-if="receivedate" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="receivedate = null"
+                        class="cursor-pointer"
+                      />
+                    </template>
                     </q-input>
                   </template>
                 </datepicker>