diff --git a/src/modules/15_development/components/BasicInfo.vue b/src/modules/15_development/components/BasicInfo.vue
index 627877a1e..9efe1d268 100644
--- a/src/modules/15_development/components/BasicInfo.vue
+++ b/src/modules/15_development/components/BasicInfo.vue
@@ -222,7 +222,6 @@ onMounted(async () => {
             <div class="row col-12 q-col-gutter-md q-pa-md">
               <div class="col-xs-6 col-sm-2 col-md-2">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="formData.year"
                   :locale="'th'"
                   autoApply
diff --git a/src/modules/15_development/components/ProjectDetail.vue b/src/modules/15_development/components/ProjectDetail.vue
index c4d27ea4c..4847fa233 100644
--- a/src/modules/15_development/components/ProjectDetail.vue
+++ b/src/modules/15_development/components/ProjectDetail.vue
@@ -573,7 +573,6 @@ defineExpose({
             <div class="row col-12 q-col-gutter-sm">
               <div class="col-12 col-sm-6 col-md-3">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="formData.dateStart"
                   :locale="'th'"
                   autoApply
@@ -617,7 +616,6 @@ defineExpose({
 
               <div class="col-12 col-sm-6 col-md-3">
                 <datepicker
-                  menu-class-name="modalfix"
                   v-model="formData.dateEnd"
                   :locale="'th'"
                   :readonly="checkRoutePermission"
diff --git a/src/modules/15_development/components/history/AddPage.vue b/src/modules/15_development/components/history/AddPage.vue
index 86fec1f32..653ec2224 100644
--- a/src/modules/15_development/components/history/AddPage.vue
+++ b/src/modules/15_development/components/history/AddPage.vue
@@ -411,7 +411,6 @@ onMounted(async () => {
         <div class="col-3">
           <datepicker
             readonly
-            menu-class-name="modalfix"
             v-model="dateOrder"
             :locale="'th'"
             autoApply
diff --git a/src/modules/15_development/components/historyEmployee/AddPage.vue b/src/modules/15_development/components/historyEmployee/AddPage.vue
index 2cc6d152c..eb0327364 100644
--- a/src/modules/15_development/components/historyEmployee/AddPage.vue
+++ b/src/modules/15_development/components/historyEmployee/AddPage.vue
@@ -413,7 +413,6 @@ onMounted(() => {
         <div class="col-3">
           <datepicker
             readonly
-            menu-class-name="modalfix"
             v-model="dateOrder"
             :locale="'th'"
             autoApply
diff --git a/src/modules/15_development/views/EmployeeHistory.vue b/src/modules/15_development/views/EmployeeHistory.vue
index 383b8fee7..51d8ffb1d 100644
--- a/src/modules/15_development/views/EmployeeHistory.vue
+++ b/src/modules/15_development/views/EmployeeHistory.vue
@@ -256,7 +256,6 @@ onMounted(async () => {
     <div class="row no-wrap shadow-1 justify-between">
       <q-toolbar class="row col-8 q-pa-none q-gutter-x-sm">
         <datepicker
-          menu-class-name="modalfix"
           v-model="formFilter.year"
           :locale="'th'"
           autoApply
diff --git a/src/modules/15_development/views/History.vue b/src/modules/15_development/views/History.vue
index 8504dc2af..faebe564c 100644
--- a/src/modules/15_development/views/History.vue
+++ b/src/modules/15_development/views/History.vue
@@ -278,7 +278,6 @@ onMounted(() => {
     <div class="row no-wrap shadow-1 justify-between">
       <q-toolbar class="row col-8 q-pa-none q-gutter-x-sm">
         <datepicker
-          menu-class-name="modalfix"
           v-model="formFilter.year"
           :locale="'th'"
           autoApply
diff --git a/src/modules/15_development/views/MainPage.vue b/src/modules/15_development/views/MainPage.vue
index f39a0c687..99dc80032 100644
--- a/src/modules/15_development/views/MainPage.vue
+++ b/src/modules/15_development/views/MainPage.vue
@@ -361,7 +361,6 @@ onMounted(() => {
       <div class="col-12">
         <q-toolbar class="row col-8 q-pa-none q-gutter-x-sm" style="padding: 0">
           <datepicker
-            menu-class-name="modalfix"
             v-model="formQuery.year"
             :locale="'th'"
             autoApply
diff --git a/src/modules/15_development/views/Scholarship.vue b/src/modules/15_development/views/Scholarship.vue
index 79c6ef03f..67f82ea12 100644
--- a/src/modules/15_development/views/Scholarship.vue
+++ b/src/modules/15_development/views/Scholarship.vue
@@ -255,7 +255,6 @@ onMounted(() => {
       <div class="row q-gutter-sm">
         <datepicker
           style="width: 150px"
-          menu-class-name="modalfix"
           v-model="formQuery.year"
           :locale="'th'"
           autoApply