รายการประวัติตำแหน่ง/เงินเดือน ==> เพิ่ม clearable

src/modules/04_registryPerson/views/edit/components/FormPosition.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-
 import { useCounterMixin } from "@/stores/mixin";
 import { useEditPosDataStore } from "@/modules/04_registryPerson/stores/Edit";
 
@@ -161,9 +160,15 @@ function classInput(val: boolean) {
             outlined
             dense
             borderless
-            :model-value="date2Thai(formData.commandDateAffect)"
+            :model-value="
+              formData.commandDateAffect
+                ? date2Thai(formData.commandDateAffect)
+                : null
+            "
             :label="`${'วันที่คำสั่งมีผล'}`"
             hide-bottom-space
+            clearable
+            @clear="formData.commandDateAffect = null"
           >
             <template v-slot:prepend>
               <q-icon name="event" color="primary" class="cursor-pointer">
@@ -247,6 +252,8 @@ function classInput(val: boolean) {
                     : formData.commandYear + 543
                 "
                 :label="`${'พ.ศ.'}`"
+                clearable
+                @clear="formData.commandYear = null"
               >
                 <template v-slot:prepend>
                   <q-icon
@@ -284,9 +291,15 @@ function classInput(val: boolean) {
             outlined
             dense
             borderless
-            :model-value="date2Thai(formData.commandDateSign)"
+            :model-value="
+              formData.commandDateSign
+                ? date2Thai(formData.commandDateSign)
+                : null
+            "
             :label="`${'วันที่ลงนาม'}`"
             hide-bottom-space
+            clearable
+            @clear="formData.commandDateSign = null"
           >
             <template v-slot:prepend>
               <q-icon name="event" color="primary" class="cursor-pointer">