diff --git a/src/modules/05_placement/components/AppointEmployee/AppointEmployeeDetail.vue b/src/modules/05_placement/components/AppointEmployee/AppointEmployeeDetail.vue
index 452d173d3..cb058e783 100644
--- a/src/modules/05_placement/components/AppointEmployee/AppointEmployeeDetail.vue
+++ b/src/modules/05_placement/components/AppointEmployee/AppointEmployeeDetail.vue
@@ -326,7 +326,6 @@ onMounted(async () => {
             <div class="col-xs-6 col-sm-6 row items-center">
               <div class="col-12">
                 <datepicker
-                  menu-class-name="modalfix"
                   :readonly="!edit"
                   v-model="date"
                   :locale="'th'"
diff --git a/src/modules/05_placement/components/AppointMent/AppointMentDetail.vue b/src/modules/05_placement/components/AppointMent/AppointMentDetail.vue
index f89bcba65..b5b55e00a 100644
--- a/src/modules/05_placement/components/AppointMent/AppointMentDetail.vue
+++ b/src/modules/05_placement/components/AppointMent/AppointMentDetail.vue
@@ -25,7 +25,7 @@ const {
   hideLoader,
   success,
   dialogConfirm,
-  convertDateToAPI
+  convertDateToAPI,
 } = useCounterMixin();
 
 const paramsId = route.params.id; //id รายการที่เลือก
@@ -316,7 +316,6 @@ onMounted(() => {
             <div class="col-xs-6 col-sm-6 row items-center">
               <div class="col-12">
                 <datepicker
-                  menu-class-name="modalfix"
                   :readonly="!edit"
                   v-model="date"
                   :locale="'th'"
diff --git a/src/modules/05_placement/components/Help-Government/HelpGovernmentDetail.vue b/src/modules/05_placement/components/Help-Government/HelpGovernmentDetail.vue
index a3b5a16c4..ce4a0284b 100644
--- a/src/modules/05_placement/components/Help-Government/HelpGovernmentDetail.vue
+++ b/src/modules/05_placement/components/Help-Government/HelpGovernmentDetail.vue
@@ -29,7 +29,7 @@ const {
   hideLoader,
   success,
   findOrgName,
-  convertDateToAPI
+  convertDateToAPI,
 } = mixin;
 
 const dataId = route.params.id as string;
@@ -250,7 +250,6 @@ onMounted(() => {
             <div class="col-xs-6 col-sm-4 row">
               <div class="col-12">
                 <datepicker
-                  menu-class-name="modalfix"
                   :readonly="!edit"
                   v-model="dateStart"
                   :locale="'th'"
@@ -296,7 +295,6 @@ onMounted(() => {
             <div class="col-xs-6 col-sm-4 row">
               <div class="col-12">
                 <datepicker
-                  menu-class-name="modalfix"
                   :readonly="!edit"
                   v-model="dateEnd"
                   :locale="'th'"
diff --git a/src/modules/05_placement/components/Other/OtherDetail.vue b/src/modules/05_placement/components/Other/OtherDetail.vue
index 84d141a11..e7719d754 100644
--- a/src/modules/05_placement/components/Other/OtherDetail.vue
+++ b/src/modules/05_placement/components/Other/OtherDetail.vue
@@ -326,7 +326,6 @@ onMounted(async () => {
             <div class="col-xs-6 col-sm-4 row items-center">
               <div class="col-12">
                 <datepicker
-                  menu-class-name="modalfix"
                   :readonly="!edit"
                   v-model="date"
                   :locale="'th'"
@@ -371,7 +370,6 @@ onMounted(async () => {
             <div class="col-xs-6 col-sm-4 row items-center">
               <div class="col-12">
                 <datepicker
-                  menu-class-name="modalfix"
                   :readonly="!edit"
                   v-model="militaryDate"
                   :locale="'th'"
diff --git a/src/modules/05_placement/components/PersonalDetail/Information/Certicate.vue b/src/modules/05_placement/components/PersonalDetail/Information/Certicate.vue
index f2b171e81..a7c1fd2d6 100644
--- a/src/modules/05_placement/components/PersonalDetail/Information/Certicate.vue
+++ b/src/modules/05_placement/components/PersonalDetail/Information/Certicate.vue
@@ -758,8 +758,4 @@ onMounted(() => {
     </template>
   </HistoryTable>
 </template>
-<style lang="scss">
-.modalfix {
-  position: fixed !important;
-}
-</style>
+<style lang="scss"></style>
diff --git a/src/modules/05_placement/components/PersonalDetail/Information/Education.vue b/src/modules/05_placement/components/PersonalDetail/Information/Education.vue
index 4e76ab812..90c2f2912 100644
--- a/src/modules/05_placement/components/PersonalDetail/Information/Education.vue
+++ b/src/modules/05_placement/components/PersonalDetail/Information/Education.vue
@@ -1211,10 +1211,6 @@ onMounted(async () => {
 </template>
 
 <style lang="scss">
-.modalfix {
-  position: fixed !important;
-}
-
 .no-border {
   border: none !important;
   box-shadow: none !important;
diff --git a/src/modules/05_placement/components/Receive/ReceiveAddPerson.vue b/src/modules/05_placement/components/Receive/ReceiveAddPerson.vue
index f228966a4..c305c14d1 100644
--- a/src/modules/05_placement/components/Receive/ReceiveAddPerson.vue
+++ b/src/modules/05_placement/components/Receive/ReceiveAddPerson.vue
@@ -496,7 +496,6 @@ onMounted(async () => {
                     week-start="0"
                     :max-date="calculateMaxDate()"
                     :enableTimePicker="false"
-                    menu-class-name="modalfix"
                     v-model="informaData.birthDate"
                     :locale="'th'"
                     @update:model-value="updateBirthDate"
diff --git a/src/modules/05_placement/components/Repatriate/RepatriateDetail.vue b/src/modules/05_placement/components/Repatriate/RepatriateDetail.vue
index 4321cfbff..c0c72194f 100644
--- a/src/modules/05_placement/components/Repatriate/RepatriateDetail.vue
+++ b/src/modules/05_placement/components/Repatriate/RepatriateDetail.vue
@@ -321,7 +321,6 @@ onMounted(() => {
             <div class="col-xs-6 col-sm-4 row">
               <div class="col-12">
                 <datepicker
-                  menu-class-name="modalfix"
                   :readonly="!edit"
                   v-model="date"
                   :locale="'th'"
@@ -365,7 +364,6 @@ onMounted(() => {
             <div class="col-xs-6 col-sm-4 row">
               <div class="col-12">
                 <datepicker
-                  menu-class-name="modalfix"
                   :readonly="!edit"
                   v-model="dateRepatriation"
                   :locale="'th'"
diff --git a/src/modules/05_placement/components/Transfer/TransferDetail.vue b/src/modules/05_placement/components/Transfer/TransferDetail.vue
index bff124b57..b08598c73 100644
--- a/src/modules/05_placement/components/Transfer/TransferDetail.vue
+++ b/src/modules/05_placement/components/Transfer/TransferDetail.vue
@@ -617,7 +617,6 @@ onMounted(async () => {
                   </div>
                   <div class="col-xs-6 col-sm-6">
                     <datepicker
-                      menu-class-name="modalfix"
                       :readonly="!edit"
                       v-model="date"
                       :locale="'th'"
diff --git a/src/modules/05_placement/components/probation/FormAssign.vue b/src/modules/05_placement/components/probation/FormAssign.vue
index 2a4ade79f..1490768cd 100644
--- a/src/modules/05_placement/components/probation/FormAssign.vue
+++ b/src/modules/05_placement/components/probation/FormAssign.vue
@@ -89,9 +89,6 @@ const goal_desc = ref<string[]>(Array(activityCount.value).fill(""));
 const checkRule = ref<CheckboxItem[]>([]);
 const isCheckFile = ref<boolean>(false);
 
-const isDatePicker2Readonly = computed(() => {
-  return date_start.value === undefined;
-});
 const activityArray = computed(() => {
   return Array(activityCount.value).fill("");
 });
@@ -1292,7 +1289,6 @@ onMounted(async () => {
                     </div>
                     <div class="col-xs-12 col-sm-4">
                       <datepicker
-                        menu-class-name="modalfix"
                         v-model="date_start"
                         :locale="'th'"
                         autoApply
@@ -1332,7 +1328,6 @@ onMounted(async () => {
                     </div>
                     <div class="col-xs-12 col-sm-4">
                       <datepicker
-                        menu-class-name="modalfix"
                         v-model="date_finish"
                         :locale="'th'"
                         autoApply
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
index 9e3d35c81..98b1a8df5 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
@@ -1043,7 +1043,6 @@ onMounted(async () => {
 
             <div class="col-xs-12 col-sm-4">
               <datepicker
-                menu-class-name="modalfix"
                 v-model="dateAutherise"
                 :locale="'th'"
                 autoApply
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
index f4d3f0f09..3be2a0a51 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
@@ -362,7 +362,6 @@ onMounted(async () => {
             <div class="col-12 text-top0 row items-center">
               <div class="col-6 q-px-sm">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="start_date"
                   :locale="'th'"
                   autoApply
@@ -402,7 +401,6 @@ onMounted(async () => {
 
               <div class="col-6 q-px-sm">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="date_finish"
                   :locale="'th'"
                   autoApply
@@ -1136,7 +1134,6 @@ onMounted(async () => {
                 />
                 <div class="col-xs-12 col-sm-4">
                   <datepicker
-                    menu-class-name="modalfix"
                     v-model="dateAutherise"
                     :locale="'th'"
                     autoApply
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
index ac3e0ef5f..eb0bb9ca4 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
@@ -1239,7 +1239,6 @@ onMounted(async () => {
               />
               <div class="col-xs-12 col-sm-4">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="dateAutherise"
                   :locale="'th'"
                   :readonly="!status"
@@ -1298,7 +1297,6 @@ onMounted(async () => {
               />
               <div class="col-xs-12 col-sm-4">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="director1_dated"
                   :locale="'th'"
                   autoApply
@@ -1359,7 +1357,6 @@ onMounted(async () => {
               />
               <div class="col-xs-12 col-sm-4">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="director2_dated"
                   :locale="'th'"
                   autoApply
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
index 35fb6e4e5..774cd2cbf 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
@@ -506,7 +506,6 @@ watch(lengthdiscipline_level, (newLength) => {
               <div class="col-12 text-top0 row items-center">
                 <div class="col-6 q-px-sm">
                   <datepicker
-                    menu-class-name="modalfix"
                     v-model="start_date"
                     :locale="'th'"
                     autoApply
@@ -545,7 +544,6 @@ watch(lengthdiscipline_level, (newLength) => {
                 </div>
                 <div class="col-6 q-px-sm">
                   <datepicker
-                    menu-class-name="modalfix"
                     v-model="date_finish"
                     :locale="'th'"
                     autoApply
@@ -1336,7 +1334,6 @@ watch(lengthdiscipline_level, (newLength) => {
 
                   <div class="col-xs-12 col-sm-4">
                     <datepicker
-                      menu-class-name="modalfix"
                       v-model="dateAutherise"
                       :locale="'th'"
                       :readonly="!status"
@@ -1396,7 +1393,6 @@ watch(lengthdiscipline_level, (newLength) => {
                   />
                   <div class="col-xs-12 col-sm-4">
                     <datepicker
-                      menu-class-name="modalfix"
                       v-model="director1_dated"
                       :locale="'th'"
                       autoApply
@@ -1456,7 +1452,6 @@ watch(lengthdiscipline_level, (newLength) => {
                   />
                   <div class="col-xs-12 col-sm-4">
                     <datepicker
-                      menu-class-name="modalfix"
                       v-model="director2_dated"
                       :locale="'th'"
                       autoApply
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue
index b2b8d206b..226074ed2 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue
@@ -7,7 +7,6 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
 
-
 import FormUploadFile from "@/modules/05_placement/components/probation/FormEvaluation/FormUploadFile.vue";
 import DialogSelectAuthority from "@/modules/05_placement/components/probation/FormEvaluation/DialogSelectAuthority.vue";
 
@@ -350,7 +349,6 @@ onMounted(async () => {
         <div class="col-12 row q-col-gutter-md">
           <div class="col-xs-12 col-sm-6">
             <datepicker
-              menu-class-name="modalfix"
               v-model="date_start"
               :locale="'th'"
               autoApply
@@ -401,7 +399,6 @@ onMounted(async () => {
 
           <div class="col-xs-12 col-sm-6">
             <datepicker
-              menu-class-name="modalfix"
               :readonly="
                 !status ||
                 checkRoutePermisson ||
@@ -602,7 +599,6 @@ onMounted(async () => {
             />
             <div class="col-xs-12 col-sm-4">
               <datepicker
-                menu-class-name="modalfix"
                 v-model="chairman_dated"
                 :locale="'th'"
                 :readonly="
@@ -679,7 +675,6 @@ onMounted(async () => {
             />
             <div class="col-xs-12 col-sm-4">
               <datepicker
-                menu-class-name="modalfix"
                 v-model="authority_dated"
                 :locale="'th'"
                 autoApply
@@ -742,7 +737,6 @@ onMounted(async () => {
             />
             <div class="col-xs-12 col-sm-4">
               <datepicker
-                menu-class-name="modalfix"
                 v-model="director1_dated"
                 :locale="'th'"
                 autoApply
@@ -809,7 +803,6 @@ onMounted(async () => {
 
             <div class="col-xs-12 col-sm-4">
               <datepicker
-                menu-class-name="modalfix"
                 v-model="director2_dated"
                 :locale="'th'"
                 autoApply
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
index c17c85523..67d3b260e 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
@@ -1219,7 +1219,6 @@ onMounted(async () => {
             />
             <div class="col-xs-12 col-sm-4">
               <datepicker
-                menu-class-name="modalfix"
                 v-model="dateAutherise"
                 :locale="'th'"
                 autoApply
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
index 395a452f0..b2408b3b5 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
@@ -434,7 +434,6 @@ onMounted(async () => {
             <div class="col-12 text-top0 row items-center">
               <div class="col-6 q-px-sm">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="start_date"
                   :locale="'th'"
                   autoApply
@@ -474,7 +473,6 @@ onMounted(async () => {
 
               <div class="col-6 q-px-sm">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="date_finish"
                   :locale="'th'"
                   autoApply
@@ -1346,7 +1344,6 @@ onMounted(async () => {
                 />
                 <div class="col-xs-12 col-sm-4">
                   <datepicker
-                    menu-class-name="modalfix"
                     v-model="dateAutherise"
                     :locale="'th'"
                     autoApply
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAddCommander.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAddCommander.vue
index 3c05bb2f4..64fc29cf1 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAddCommander.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAddCommander.vue
@@ -26,7 +26,7 @@ const {
   messageError,
   dialogConfirm,
   dialogMessageNotify,
-  convertDateToAPI
+  convertDateToAPI,
 } = mixin;
 
 const assignId = ref<string>(route.params.form.toString());
@@ -441,7 +441,6 @@ onMounted(async () => {
             <div class="col-12 text-top0 row items-center">
               <div class="col-6 q-px-sm">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="start_date"
                   :locale="'th'"
                   autoApply
@@ -481,7 +480,6 @@ onMounted(async () => {
 
               <div class="col-6 q-px-sm">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="date_finish"
                   :locale="'th'"
                   autoApply
@@ -1350,7 +1348,6 @@ onMounted(async () => {
                 />
                 <div class="col-xs-12 col-sm-4">
                   <datepicker
-                    menu-class-name="modalfix"
                     v-model="dateAutherise"
                     :locale="'th'"
                     autoApply
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultCommader.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultCommader.vue
index 66255b5d1..b6ef33ace 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultCommader.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultCommader.vue
@@ -32,7 +32,7 @@ const {
   showLoader,
   hideLoader,
   dialogConfirm,
-  convertDateToAPI
+  convertDateToAPI,
 } = mixin;
 
 const assignId = ref<string>(route.params.form.toString());
@@ -1230,7 +1230,6 @@ onMounted(async () => {
             />
             <div class="col-xs-12 col-sm-4">
               <datepicker
-                menu-class-name="modalfix"
                 v-model="dateAutherise"
                 :locale="'th'"
                 autoApply
diff --git a/src/modules/05_placement/components/probation/MainSurvey.vue b/src/modules/05_placement/components/probation/MainSurvey.vue
index 752a541eb..3649f8c90 100644
--- a/src/modules/05_placement/components/probation/MainSurvey.vue
+++ b/src/modules/05_placement/components/probation/MainSurvey.vue
@@ -160,7 +160,6 @@ onMounted(async () => {
         <div class="row q-col-gutter-sm">
           <div>
             <datepicker
-              menu-class-name="modalfix"
               v-model="year"
               style="width: 150px"
               :locale="'th'"
diff --git a/src/modules/05_placement/components/probation/SummaryScore.vue b/src/modules/05_placement/components/probation/SummaryScore.vue
index 8e00356e3..094657a92 100644
--- a/src/modules/05_placement/components/probation/SummaryScore.vue
+++ b/src/modules/05_placement/components/probation/SummaryScore.vue
@@ -454,7 +454,6 @@ onMounted(() => {
             </div>
             <div class="col-12">
               <datepicker
-                menu-class-name="modalfix"
                 v-model="evaluate_date"
                 :locale="'th'"
                 autoApply
diff --git a/src/modules/05_placement/views/09_reportMain.vue b/src/modules/05_placement/views/09_reportMain.vue
index 5ccf31edf..1eb04a04c 100644
--- a/src/modules/05_placement/views/09_reportMain.vue
+++ b/src/modules/05_placement/views/09_reportMain.vue
@@ -394,7 +394,6 @@ onMounted(() => {
                       </div>
                       <div class="col-12">
                         <datepicker
-                          menu-class-name="modalfix"
                           v-model="dateStart"
                           :locale="'th'"
                           autoApply
@@ -430,7 +429,6 @@ onMounted(() => {
                       </div>
                       <div class="col-12">
                         <datepicker
-                          menu-class-name="modalfix"
                           v-model="dateEnd"
                           :locale="'th'"
                           autoApply