fix: instead of hiding disable current date button and add tooltip

packages/nc-gui/components/cell/DatePicker.vue

@@ -5,7 +5,7 @@ import { isDateMonthFormat, isSystemColumn } from 'nocodb-sdk'
 interface Props {
   modelValue?: string | null
   isPk?: boolean
-  showCurrentDateOption?: boolean
+  showCurrentDateOption?: boolean | 'disabled'
 }
 
 const { modelValue, isPk } = defineProps<Props>()

packages/nc-gui/components/cell/DateTimePicker.vue

@@ -5,7 +5,7 @@ import { dateFormats, isSystemColumn, timeFormats } from 'nocodb-sdk'
 interface Props {
   modelValue?: string | null
   isPk?: boolean
-  showCurrentDateOption?: boolean
+  showCurrentDateOption?: boolean | 'disabled'
   isUpdatedFromCopyNPaste?: Record<string, boolean>
 }
 

packages/nc-gui/components/nc/DatePicker.vue

@@ -8,7 +8,7 @@ interface Props {
   isCellInputField?: boolean
   type: 'date' | 'time' | 'year' | 'month'
   isOpen: boolean
-  showCurrentDateOption?: boolean
+  showCurrentDateOption?: boolean | 'disabled'
 }
 
 const props = withDefaults(defineProps<Props>(), {

packages/nc-gui/components/nc/DateWeekSelector.vue

@@ -15,7 +15,7 @@ interface Props {
   } | null
   isCellInputField?: boolean
   pickerType?: 'date' | 'time' | 'year' | 'month'
-  showCurrentDateOption?: boolean
+  showCurrentDateOption?: boolean | 'disabled'
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -255,15 +255,20 @@ const paginate = (action: 'next' | 'prev') => {
         <NcButton class="nc-date-picker-now-btn !h-7" size="small" type="secondary" @click="handleSelectDate(dayjs())">
           <span class="text-small"> {{ $t('labels.today') }} </span>
         </NcButton>
-        <NcButton
-          v-if="showCurrentDateOption"
-          class="nc-date-picker-now-btn !h-7"
-          size="small"
-          type="secondary"
-          @click="emit('currentDate')"
-        >
-          <span class="text-small"> {{ $t('labels.currentDate') }} </span>
-        </NcButton>
+        <NcTooltip v-if="showCurrentDateOption" :disabled="showCurrentDateOption !== 'disabled'">
+          <template #title>
+            {{ $t('tooltip.currentDateNotAvail') }}
+          </template>
+          <NcButton
+            class="nc-date-picker-current-date-btn !h-7"
+            size="small"
+            type="secondary"
+            :disabled="showCurrentDateOption === 'disabled'"
+            @click="emit('currentDate')"
+          >
+            <span class="text-small"> {{ $t('labels.currentDate') }} </span>
+          </NcButton>
+        </NcTooltip>
       </div>
     </div>
   </div>

packages/nc-gui/components/nc/MonthYearSelector.vue

@@ -8,7 +8,7 @@ interface Props {
   hideCalendar?: boolean
   isCellInputField?: boolean
   pickerType?: 'date' | 'time' | 'year' | 'month'
-  showCurrentDateOption?: boolean
+  showCurrentDateOption?: boolean | 'disabled'
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -186,9 +186,20 @@ const compareYear = (date1: dayjs.Dayjs, date2: dayjs.Dayjs) => {
       </div>
 
       <div v-if="showCurrentDateOption" class="flex items-center justify-center px-2 pb-2 pt-1">
-        <NcButton class="nc-date-picker-now-btn !h-7" size="small" type="secondary" @click="emit('currentDate')">
-          <span class="text-small"> {{ $t('labels.currentDate') }} </span>
-        </NcButton>
+        <NcTooltip :disabled="showCurrentDateOption !== 'disabled'">
+          <template #title>
+            {{ $t('tooltip.currentDateNotAvail') }}
+          </template>
+          <NcButton
+            class="nc-date-picker-now-btn !h-7"
+            size="small"
+            type="secondary"
+            :disabled="showCurrentDateOption === 'disabled'"
+            @click="emit('currentDate')"
+          >
+            <span class="text-small"> {{ $t('labels.currentDate') }} </span>
+          </NcButton>
+        </NcTooltip>
       </div>
     </div>
   </div>

packages/nc-gui/components/nc/TimeSelector.vue

@@ -7,7 +7,7 @@ interface Props {
   isMinGranularityPicker?: boolean
   minGranularity?: number
   isOpen?: boolean
-  showCurrentDateOption?: boolean
+  showCurrentDateOption?: boolean | 'disabled'
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -98,16 +98,20 @@ onMounted(() => {
       <NcButton :tabindex="-1" class="!h-7" size="small" type="secondary" @click="handleSelectTime(dayjs())">
         <span class="text-small"> {{ $t('general.now') }} </span>
       </NcButton>
-
-      <NcButton
-        v-if="showCurrentDateOption"
-        class="nc-date-picker-now-btn !h-7"
-        size="small"
-        type="secondary"
-        @click="emit('currentDate')"
-      >
-        <span class="text-small"> {{ $t('labels.currentDate') }} </span>
-      </NcButton>
+      <NcTooltip v-if="showCurrentDateOption" :disabled="showCurrentDateOption !== 'disabled'">
+        <template #title>
+          {{ $t('tooltip.currentDateNotAvail') }}
+        </template>
+        <NcButton
+          class="nc-date-picker-now-btn !h-7"
+          size="small"
+          type="secondary"
+          :disabled="showCurrentDateOption === 'disabled'"
+          @click="emit('currentDate')"
+        >
+          <span class="text-small"> {{ $t('labels.currentDate') }} </span>
+        </NcButton>
+      </NcTooltip>
     </div>
   </div>
 </template>

packages/nc-gui/components/smartsheet/Cell.vue

@@ -125,11 +125,10 @@ const onContextmenu = (e: MouseEvent) => {
 }
 
 const showCurrentDateOption = computed(() => {
-  return (
-    isEditColumnMenu.value &&
-    (isDate(column.value, abstractType.value) || isDateTime(column.value, abstractType.value)) &&
-    sqlUi.value?.getCurrentDateDefault?.(column.value)
-  )
+  if (!isEditColumnMenu.value || (!isDate(column.value, abstractType.value) && !isDateTime(column.value, abstractType.value)))
+    return false
+
+  return sqlUi.value?.getCurrentDateDefault?.(column.value) ? true : 'disabled'
 })
 
 const currentDate = () => {

packages/nc-gui/lang/en.json

@@ -1245,6 +1245,7 @@
     "goToDocs": "Go to Docs"
   },
   "tooltip": {
+    "currentDateNotAvail": "Current date option not available for the data source or the data type",
     "privateConnection": "Enable to make this connection private and hidden from other creators in this workspace.",
     "optionalDatabaseName": "Optional. Uses default database \"{database}\" if left blank",
     "optionalSchemaName": "Optional. Uses default schema \"{schema}\" if left blank.",