Insert today's date (shortcut: ctrl+;)

quadratic-client/src/app/actions/actions.ts

@@ -131,6 +131,7 @@ export enum Action {
   SaveInlineEditorMoveLeft = 'save_inline_editor_move_left',
   RemoveInsertedCells = 'remove_inserted_cells',
   TriggerCell = 'trigger_cell',
+  InsertToday = 'insert_today',
   InsertColumnLeft = 'insert_column_left',
   InsertColumnRight = 'insert_column_right',
   InsertRowAbove = 'insert_row_above',

quadratic-client/src/app/actions/insertActionsSpec.ts

@@ -5,7 +5,14 @@ import { pixiAppSettings } from '@/app/gridGL/pixiApp/PixiAppSettings';
 import { insertCellRef } from '@/app/ui/menus/CodeEditor/insertCellRef';
 import { SNIPPET_JS_API, SNIPPET_JS_CHART } from '@/app/ui/menus/CodeEditor/snippetsJS';
 import { SNIPPET_PY_API, SNIPPET_PY_CHART } from '@/app/ui/menus/CodeEditor/snippetsPY';
-import { ArrowDropDownCircleIcon, CheckBoxIcon, DataValidationsIcon, SheetIcon } from '@/shared/components/Icons';
+import {
+  ArrowDropDownCircleIcon,
+  CheckBoxIcon,
+  DataValidationsIcon,
+  SheetIcon,
+  FormatDateTimeIcon,
+} from '@/shared/components/Icons';
+import { quadraticCore } from '../web-workers/quadraticCore/quadraticCore';
 
 type InsertActionSpec = Pick<
   ActionSpecRecord,
@@ -22,6 +29,7 @@ type InsertActionSpec = Pick<
   | Action.ToggleDataValidation
   | Action.InsertCellReference
   | Action.RemoveInsertedCells
+  | Action.InsertToday
 >;
 
 export const insertActionsSpec: InsertActionSpec = {
@@ -232,4 +240,15 @@ export const insertActionsSpec: InsertActionSpec = {
       // TODO(ayush): add this when refactoring shortcuts to use action specs
     },
   },
+  [Action.InsertToday]: {
+    label: "Insert today's date",
+    Icon: FormatDateTimeIcon,
+    run: () => {
+      const sheet = sheets.sheet;
+      const cursor = sheet.cursor;
+      const today = new Date();
+      const formattedDate = `${today.getFullYear()}/${today.getMonth() + 1}/${today.getDate()}`;
+      quadraticCore.setCellValue(sheet.id, cursor.cursorPosition.x, cursor.cursorPosition.y, formattedDate);
+    },
+  },
 };

quadratic-client/src/app/gridGL/HTMLGrid/inlineEditor/inlineEditorKeyboard.ts

@@ -14,6 +14,7 @@ import { pixiApp } from '@/app/gridGL/pixiApp/PixiApp';
 import { pixiAppSettings } from '@/app/gridGL/pixiApp/PixiAppSettings';
 import { matchShortcut } from '@/app/helpers/keyboardShortcuts.js';
 import { quadraticCore } from '@/app/web-workers/quadraticCore/quadraticCore';
+import { inlineEditorEvents } from './inlineEditorEvents';
 
 class InlineEditorKeyboard {
   escapeBackspacePressed = false;
@@ -321,7 +322,13 @@ class InlineEditorKeyboard {
           language: pixiAppSettings.codeEditorState.codeCell.language,
         },
       });
+    } else if (matchShortcut(Action.InsertToday, e)) {
+      const today = new Date();
+      // todo: this should be based on locale (maybe?)
+      const formattedDate = `${today.getFullYear()}/${today.getMonth() + 1}/${today.getDate()}`;
+      inlineEditorEvents.emit('replaceText', formattedDate, false);
     }
+
     // Fallback for all other keys (used to end cursorIsMoving and return
     // control to the formula box)
     else {

quadratic-client/src/app/gridGL/interaction/keyboard/useKeyboard.ts

@@ -1,3 +1,6 @@
+import { Action } from '@/app/actions/actions';
+import { EditorInteractionState } from '@/app/atoms/editorInteractionStateAtom';
+import { sheets } from '@/app/grid/controller/Sheets';
 import { inlineEditorHandler } from '@/app/gridGL/HTMLGrid/inlineEditor/inlineEditorHandler';
 import { keyboardCell } from '@/app/gridGL/interaction/keyboard/keyboardCell';
 import { keyboardClipboard } from '@/app/gridGL/interaction/keyboard/keyboardClipboard';
@@ -11,6 +14,13 @@ import { keyboardUndoRedo } from '@/app/gridGL/interaction/keyboard/keyboardUndo
 import { keyboardViewport } from '@/app/gridGL/interaction/keyboard/keyboardViewport';
 import { pixiAppSettings } from '@/app/gridGL/pixiApp/PixiAppSettings';
 import { Size } from '@/app/gridGL/types/size';
+import { matchShortcut } from '@/app/helpers/keyboardShortcuts';
+import { quadraticCore } from '@/app/web-workers/quadraticCore/quadraticCore';
+
+export interface IProps {
+  editorInteractionState: EditorInteractionState;
+  setEditorInteractionState: React.Dispatch<React.SetStateAction<EditorInteractionState>>;
+}
 
 export const pixiKeyboardCanvasProps: { headerSize: Size } = { headerSize: { width: 0, height: 0 } };
 
@@ -36,6 +46,16 @@ export const useKeyboard = (): {
       return;
     }
 
+    // todo: we need to reorganize this so we can handle shortcuts in keyboardCell when ctrl or meta is pressed
+    // insert today's date if the inline editor is not open
+    if (matchShortcut(Action.InsertToday, event)) {
+      const sheet = sheets.sheet;
+      const cursor = sheet.cursor;
+      const today = new Date();
+      const formattedDate = `${today.getFullYear()}/${today.getMonth() + 1}/${today.getDate()}`;
+      quadraticCore.setCellValue(sheet.id, cursor.cursorPosition.x, cursor.cursorPosition.y, formattedDate);
+    }
+
     // Prevent these commands if "command" key is being pressed
     if (event.metaKey || event.ctrlKey) {
       return;

quadratic-client/src/app/keyboard/defaults.ts

@@ -345,4 +345,11 @@ export const defaultShortcuts: ActionShortcut = {
     mac: [[Keys.Space]],
     windows: [[Keys.Space]],
   },
+  [Action.InsertToday]: {
+    mac: [
+      [MacModifiers.Ctrl, Keys.Semicolon],
+      [MacModifiers.Cmd, Keys.Semicolon],
+    ],
+    windows: [[WindowsModifiers.Ctrl, Keys.Semicolon]],
+  },
 };

quadratic-client/src/app/ui/menus/CommandPalette/commands/Edit.tsx

@@ -18,6 +18,7 @@ const data: CommandGroup = {
     Action.ShowGoToMenu,
     Action.FindInCurrentSheet,
     Action.FindInAllSheets,
+    Action.InsertToday,
     {
       label: 'Copy selection as PNG',
       isAvailable: () => fullClipboardSupport(),