From 4cdc462ded6fc667e6ad389432b7655ad207c506 Mon Sep 17 00:00:00 2001
From: nwpptrs <jay02499@gmail.com>
Date: Fri, 20 Dec 2024 17:24:43 +0700
Subject: [PATCH] refactor: handle due date

---
 src/pages/05_quotation/QuotationForm.vue         |  3 +++
 src/pages/05_quotation/QuotationFormMetadata.vue | 11 ++++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 2f86fa7f..c726c565 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -1438,6 +1438,9 @@ watch(
                 :readonly
                 :actor="quotationFormState.createdBy?.($i18n.locale) || ''"
                 :quotation-no="(quotationFull && quotationFull.code) || ''"
+                :quotation-status="
+                  quotationFormState.source?.quotationStatus === 'Expired'
+                "
                 v-model:urgent="quotationFormData.urgent"
                 v-model:work-name="quotationFormData.workName"
                 v-model:contactor="quotationFormData.contactName"
diff --git a/src/pages/05_quotation/QuotationFormMetadata.vue b/src/pages/05_quotation/QuotationFormMetadata.vue
index 58f5baaf..84a641e5 100644
--- a/src/pages/05_quotation/QuotationFormMetadata.vue
+++ b/src/pages/05_quotation/QuotationFormMetadata.vue
@@ -4,6 +4,7 @@ import DatePicker from 'src/components/shared/DatePicker.vue';
 defineProps<{
   readonly: boolean;
   quotationNo?: string;
+  quotationStatus?: boolean;
 }>();
 
 const actor = defineModel<string>('actor', { required: false });
@@ -30,9 +31,13 @@ const createdAt = defineModel<Date | string>('createdAt');
       :label="$t('quotation.dueDate')"
       :readonly
       v-model="dueDate"
-      :disabled-dates="
-        (date: Date) => date.getTime() < Date.now() - 24 * 60 * 60 * 1000
-      "
+      :rules="[
+        (value) => {
+          if (!!quotationStatus && dueDate === Date.now()) return 'ddddd';
+          return true;
+        },
+      ]"
+      :disabled-dates="(date: Date) => date.getTime() < Date.now()"
       class="col-6 col-md-2"
     />
     <q-input