refactor: handleDate

src/components/01_branch-management/FormBranchInformation.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { isRoleInclude } from 'src/stores/utils';
 import DatePicker from '../shared/DatePicker.vue';
+import { disabledAfterToday } from 'src/utils/datetime';
 
 const code = defineModel<string>('code');
 const branchCount = defineModel<number>('branchCount', { default: 0 });
@@ -221,6 +222,12 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           :readonly="readonly"
           :label="$t('general.expirationDate')"
           v-model="permitExpireDate"
+          :disabled-dates="
+            (date: Date) =>
+              date.getTime() <
+              ((permitIssueDate && new Date(permitIssueDate).getTime()) ||
+                Date.now())
+          "
           clearable
         />
       </div>

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

@@ -177,6 +177,11 @@ watch(
           :readonly="readonly"
           :label="$t('personnel.form.retireDate')"
           v-model="retireDate"
+          :disabled-dates="
+            (date: Date) =>
+              date.getTime() <
+              ((startDate && new Date(startDate).getTime()) || Date.now())
+          "
           clearable
         />
 

src/components/03_customer-management/FormEmployeeHealthCheck.vue

@@ -268,7 +268,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
 
       <div class="col">
         <DatePicker
-          :label="$t('customerEmployee.formHealthCheck.coverageStartDate')"
           v-model="checkup.coverageStartDate"
           :id="`${prefixId}-input-coverage-start-date`"
           :readonly="readonly || checkup.statusSave"
@@ -282,6 +281,13 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
           v-model="checkup.coverageExpireDate"
           :id="`${prefixId}-input-coverage-expire-date`"
           :readonly="readonly || checkup.statusSave"
+          :disabled-dates="
+            (date: Date) =>
+              date.getTime() <
+              ((checkup.coverageStartDate &&
+                new Date(checkup.coverageStartDate).getTime()) ||
+                Date.now())
+          "
           clearable
         />
       </div>

src/components/03_customer-management/FormEmployeeWorkHistory.vue

@@ -285,6 +285,13 @@ const workplaceFilter = selectFilterOptionRefMod(
         class="col-3"
         :id="`${prefixId}-date-picker-work-permit-expire-date`"
         :readonly="readonly || work.statusSave"
+        :disabled-dates="
+          (date: Date) =>
+            date.getTime() <
+            ((work.workPermitIssueDate &&
+              new Date(work.workPermitIssueDate).getTime()) ||
+              Date.now())
+        "
         clearable
       />
     </div>