fix: all date picker input

src/components/02_personnel-management/FormPerson.vue

@@ -6,7 +6,9 @@ import {
   parseAndFormatDate,
   disabledAfterToday,
 } from 'src/utils/datetime';
+import { useI18n } from 'vue-i18n';
 
+const { locale } = useI18n();
 const optionStore = useOptionStore();
 
 const firstName = defineModel<string>('firstName');
@@ -143,14 +145,8 @@ defineProps<{
       </template>
       <template #trigger>
         <q-input
-          id="input-birth-date"
+          for="input-birth-date"
           hide-bottom-space
-          :mask="
-            birthDate?.toString() === 'Invalid Date' ||
-            birthDate?.toString() === undefined
-              ? '##/##/####'
-              : ''
-          "
           placeholder="DD/MM/YYYY"
           :label="$t('formDialogInputBirthDate')"
           :dense="dense"
@@ -160,15 +156,19 @@ defineProps<{
             (val: string) =>
               !!val || $t('selectValidate') + $t('formDialogInputBirthDate'),
           ]"
-          :model-value="birthDate ? dateFormat(birthDate) : ''"
+          :mask="readonly ? '' : '##/##/####'"
+          :model-value="
+            birthDate && readonly
+              ? dateFormat(birthDate)
+              : dateFormat(birthDate, false, false, true)
+          "
           @update:model-value="
             (v) => {
               if (v && v.toString().length === 10) {
                 const today = new Date();
-                const date = parseAndFormatDate(v);
+                const date = parseAndFormatDate(v, locale);
                 birthDate = date && date > today ? today : date;
               }
-              if (v && v.toString().length === 0) birthDate = '';
             }
           "
         >