From 71ccf65f9d0e92a9cf97e0cee8f4c3509b2b5a26 Mon Sep 17 00:00:00 2001
From: nwpptrs <jay02499@gmail.com>
Date: Wed, 4 Dec 2024 15:42:15 +0700
Subject: [PATCH] refactor: handleDate

---
 .../01_branch-management/FormBranchInformation.vue        | 7 +++++++
 src/components/02_personnel-management/FormByType.vue     | 5 +++++
 .../03_customer-management/FormEmployeeHealthCheck.vue    | 8 +++++++-
 .../03_customer-management/FormEmployeeWorkHistory.vue    | 7 +++++++
 4 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/components/01_branch-management/FormBranchInformation.vue b/src/components/01_branch-management/FormBranchInformation.vue
index 3834de95..89e69b5f 100644
--- a/src/components/01_branch-management/FormBranchInformation.vue
+++ b/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>
diff --git a/src/components/02_personnel-management/FormByType.vue b/src/components/02_personnel-management/FormByType.vue
index 8c531b96..9742faee 100644
--- a/src/components/02_personnel-management/FormByType.vue
+++ b/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
         />
 
diff --git a/src/components/03_customer-management/FormEmployeeHealthCheck.vue b/src/components/03_customer-management/FormEmployeeHealthCheck.vue
index ae1eb4c9..b07fd5da 100644
--- a/src/components/03_customer-management/FormEmployeeHealthCheck.vue
+++ b/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>
diff --git a/src/components/03_customer-management/FormEmployeeWorkHistory.vue b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
index 4d937a3b..7e6fbefc 100644
--- a/src/components/03_customer-management/FormEmployeeWorkHistory.vue
+++ b/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>