diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 03940e81..25f50316 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -656,6 +656,7 @@ function storeDataLocal() {
           contactName: quotationFormData.value.contactName,
           contactTel: quotationFormData.value.contactTel,
           workName: quotationFormData.value.workName,
+          dueDate: quotationFormData.value.dueDate,
         },
         createdBy: quotationFormState.value.createdBy('tha'),
       },
diff --git a/src/pages/05_quotation/peview/ViewForm.vue b/src/pages/05_quotation/peview/ViewForm.vue
index 1c6b3f9f..1bb7ec58 100644
--- a/src/pages/05_quotation/peview/ViewForm.vue
+++ b/src/pages/05_quotation/peview/ViewForm.vue
@@ -148,6 +148,7 @@ onMounted(async () => {
       contactName: parsed.meta.source.contactName,
       contactTel: parsed.meta.source.contactTel,
       workName: parsed.meta.source.workName,
+      dueDate: parsed.meta.source.dueDate,
     };
 
     const resBranch = await branchStore.fetchById(
diff --git a/src/pages/05_quotation/peview/ViewHeader.vue b/src/pages/05_quotation/peview/ViewHeader.vue
index 21e0e2b8..8c1da4cb 100644
--- a/src/pages/05_quotation/peview/ViewHeader.vue
+++ b/src/pages/05_quotation/peview/ViewHeader.vue
@@ -91,7 +91,7 @@ defineProps<{
       </div>
       <div>
         <div>วันครบกำหนดชำระ</div>
-        <div>27/01/2024</div>
+        <div>{{ dateFormat(details.dueDate, true, false, true) }}</div>
       </div>
     </section>
   </article>
diff --git a/src/stores/quotations/types.ts b/src/stores/quotations/types.ts
index d05b35fe..31b6c7f2 100644
--- a/src/stores/quotations/types.ts
+++ b/src/stores/quotations/types.ts
@@ -363,6 +363,7 @@ export type Details = {
   contactName: string;
   contactTel: string;
   workName: string;
+  dueDate: Date;
 };
 
 export type PaymentPayload = {