diff --git a/src/components/03_customer-management/AboutComponent.vue b/src/components/03_customer-management/AboutComponent.vue
index bba9d532..1c2c0157 100644
--- a/src/components/03_customer-management/AboutComponent.vue
+++ b/src/components/03_customer-management/AboutComponent.vue
@@ -137,13 +137,16 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         utc
         autoApply
         v-model="registerDate"
-        :locale="'th'"
+        :locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
         :enableTimePicker="false"
         :disabled="readonly"
         class="col-3"
       >
         <template #year="{ value }">
-          {{ value + 543 }}
+          {{ $i18n.locale === 'th-th' ? value + 543 : value }}
+        </template>
+        <template #year-overlay-value="{ value }">
+          {{ $i18n.locale === 'th-th' ? value + 543 : value }}
         </template>
         <template #trigger>
           <q-input
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 9edf6b9f..34708618 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1063,14 +1063,14 @@ onMounted(async () => {
 
 watch(locale, () => {
   fieldSelectedCustomer.value = {
-    label: t(`${fieldSelectedCustomer.value.label}`),
+    label: `${fieldSelectedCustomer.value.label}`,
     value: fieldSelectedCustomer.value?.value,
   };
 });
 
 watch(locale, () => {
   fieldSelectedCustomer.value = {
-    label: t(`${fieldSelectedCustomer.value.label}`),
+    label: `${fieldSelectedCustomer.value.label}`,
     value: fieldSelectedCustomer.value?.value,
   };
 });