feat: add today shortcut for Date related fields (#9425)

* fix: document today's date shortcut

* fix: update keyboard bindings

* fix: update keybinding

* fix: date time cell copypaste

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

@@ -242,32 +242,25 @@ useEventListener(document, 'keydown', (e: KeyboardEvent) => {
   // To prevent event listener on non active cell
   if (!active.value) return
 
-  if (
-    e.altKey ||
-    e.ctrlKey ||
-    e.shiftKey ||
-    e.metaKey ||
-    !isGrid.value ||
-    isExpandedForm.value ||
-    isEditColumn.value ||
-    isExpandedFormOpenExist()
-  ) {
+  if (e.altKey || e.shiftKey || !isGrid.value || isExpandedForm.value || isEditColumn.value || isExpandedFormOpenExist()) {
     return
   }
 
-  switch (e.key) {
-    case ';':
+  if (e.metaKey || e.ctrlKey) {
+    if (e.key === ';') {
+      if (isGrid.value && !isExpandedForm.value && !isEditColumn.value) {
         localState.value = dayjs(new Date())
         e.preventDefault()
-      break
-    default:
+      }
+    } else return
+  }
+
   if (!isOpen.value && datePickerRef.value && /^[0-9a-z]$/i.test(e.key)) {
     isClearedInputMode.value = true
     datePickerRef.value.focus()
     editable.value = true
     open.value = true
   }
-  }
 })
 
 const handleUpdateValue = (e: Event) => {

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

@@ -296,32 +296,25 @@ useEventListener(document, 'keydown', (e: KeyboardEvent) => {
   // To prevent event listener on non active cell
   if (!active.value) return
 
-  if (
-    e.altKey ||
-    e.ctrlKey ||
-    e.shiftKey ||
-    e.metaKey ||
-    !isGrid.value ||
-    isExpandedForm.value ||
-    isEditColumn.value ||
-    isExpandedFormOpenExist()
-  ) {
+  if (e.altKey || e.shiftKey || !isGrid.value || isExpandedForm.value || isEditColumn.value || isExpandedFormOpenExist()) {
     return
   }
 
-  switch (e.key) {
-    case ';':
+  if (e.metaKey || e.ctrlKey) {
+    if (e.key === ';') {
+      if (isGrid.value && !isExpandedForm.value && !isEditColumn.value) {
         localState.value = dayjs(new Date())
         e.preventDefault()
-      break
-    default:
+      }
+    } else return
+  }
+
   if (!isOpen.value && (datePickerRef.value || timePickerRef.value) && /^[0-9a-z]$/i.test(e.key)) {
     isClearedInputMode.value = true
     isDatePicker.value ? datePickerRef.value?.focus() : timePickerRef.value?.focus()
     editable.value = true
     open.value = true
   }
-  }
 })
 
 watch(editable, (nextValue) => {

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

@@ -225,32 +225,25 @@ useEventListener(document, 'keydown', (e: KeyboardEvent) => {
   // To prevent event listener on non active cell
   if (!active.value) return
 
-  if (
-    e.altKey ||
-    e.ctrlKey ||
-    e.shiftKey ||
-    e.metaKey ||
-    !isGrid.value ||
-    isExpandedForm.value ||
-    isEditColumn.value ||
-    isExpandedFormOpenExist()
-  ) {
+  if (e.altKey || e.shiftKey || !isGrid.value || isExpandedForm.value || isEditColumn.value || isExpandedFormOpenExist()) {
     return
   }
 
-  switch (e.key) {
-    case ';':
+  if (e.metaKey || e.ctrlKey) {
+    if (e.key === ';') {
+      if (isGrid.value && !isExpandedForm.value && !isEditColumn.value) {
         localState.value = dayjs(new Date())
         e.preventDefault()
-      break
-    default:
+      }
+    } else return
+  }
+
   if (!isOpen.value && datePickerRef.value && /^[0-9a-z]$/i.test(e.key)) {
     isClearedInputMode.value = true
     datePickerRef.value.focus()
     editable.value = true
     open.value = true
   }
-  }
 })
 
 const handleUpdateValue = (e: Event) => {

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

@@ -206,32 +206,25 @@ useEventListener(document, 'keydown', (e: KeyboardEvent) => {
   // To prevent event listener on non active cell
   if (!active.value) return
 
-  if (
-    e.altKey ||
-    e.ctrlKey ||
-    e.shiftKey ||
-    e.metaKey ||
-    !isGrid.value ||
-    isExpandedForm.value ||
-    isEditColumn.value ||
-    isExpandedFormOpenExist()
-  ) {
+  if (e.altKey || e.shiftKey || !isGrid.value || isExpandedForm.value || isEditColumn.value || isExpandedFormOpenExist()) {
     return
   }
 
-  switch (e.key) {
-    case ';':
+  if (e.metaKey || e.ctrlKey) {
+    if (e.key === ';') {
+      if (isGrid.value && !isExpandedForm.value && !isEditColumn.value) {
         localState.value = dayjs(new Date())
         e.preventDefault()
-      break
-    default:
+      }
+    } else return
+  }
+
   if (!isOpen.value && datePickerRef.value && /^[0-9a-z]$/i.test(e.key)) {
     isClearedInputMode.value = true
     datePickerRef.value.focus()
     editable.value = true
     open.value = true
   }
-  }
 })
 
 const handleUpdateValue = (e: Event) => {

packages/noco-docs/docs/020.getting-started/040.keyboard-shortcuts.md

@@ -92,7 +92,7 @@ To navigate within ⌘+J menu,
 
 ## Field type specific shortcuts
 |           Datatype            |         Key | Behaviour                          |
-|:----------------------:|------------:|:-----------------------------------|
+|:-----------------------------:|------------:|:-----------------------------------|
 |    Text & Numerical cells     |     `←` `→` | Move cursor to the left / right    |
 |                               |     `↑` `↓` | Move cursor to the beginning / end |
 |         Single Select         |     `↑` `↓` | Move between options               |
@@ -103,6 +103,7 @@ To navigate within ⌘+J menu,
 |                               |     `Enter` | Link current selection             |
 |           Checkbox            |     `Enter` | Toggle                             |
 |            Rating             | `<0 ~ Max>` | Enter number to toggle rating      |
+| Date / Time / DateTime / Year |   `⌘` + `;` | Select today's date                |
 
 
 ## Expanded form shortcuts