diff --git a/packages/nc-gui-v2/components/cell/DatePicker.vue b/packages/nc-gui-v2/components/cell/DatePicker.vue
index b259bdfe3e..19e59b98a6 100644
--- a/packages/nc-gui-v2/components/cell/DatePicker.vue
+++ b/packages/nc-gui-v2/components/cell/DatePicker.vue
@@ -53,7 +53,7 @@ const localState = $computed({
     :input-read-only="true"
     :open="readOnlyMode ? false : undefined"
   >
-    <template v-if="readOnlyMode" #suffixIcon></template>
+    <template #suffixIcon></template>
   </a-date-picker>
 </template>
 
diff --git a/packages/nc-gui-v2/components/cell/DateTimePicker.vue b/packages/nc-gui-v2/components/cell/DateTimePicker.vue
index 39ccc68406..68f4a9087a 100644
--- a/packages/nc-gui-v2/components/cell/DateTimePicker.vue
+++ b/packages/nc-gui-v2/components/cell/DateTimePicker.vue
@@ -50,12 +50,12 @@ const localState = $computed({
     :bordered="false"
     class="!w-full px-1"
     format="YYYY-MM-DD HH:mm"
-    :placeholder="isDateInvalid ? 'Invalid date' : !readOnlyMode ? 'Select date' : ''"
+    :placeholder="isDateInvalid ? 'Invalid date' : !readOnlyMode ? 'Select date and time' : ''"
     :allow-clear="!readOnlyMode"
     :input-read-only="true"
     :open="readOnlyMode ? false : undefined"
   >
-    <template v-if="readOnlyMode" #suffixIcon></template>
+    <template #suffixIcon></template>
   </a-date-picker>
 </template>
 
diff --git a/packages/nc-gui-v2/components/cell/YearPicker.vue b/packages/nc-gui-v2/components/cell/YearPicker.vue
index 3d07f68184..a167dab5ed 100644
--- a/packages/nc-gui-v2/components/cell/YearPicker.vue
+++ b/packages/nc-gui-v2/components/cell/YearPicker.vue
@@ -52,7 +52,7 @@ const localState = $computed({
     :input-read-only="true"
     :open="readOnlyMode ? false : undefined"
   >
-    <template v-if="readOnlyMode" #suffixIcon></template>
+    <template #suffixIcon></template>
   </a-date-picker>
 </template>