add shortcuts key

mui · May 2, 2024 · 5d44a4d · 5d44a4d
1 parent 75f63c3
commit 5d44a4d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/docs/pages/x/api/date-pickers/pickers-shortcuts.json b/docs/pages/x/api/date-pickers/pickers-shortcuts.json
@@ -9,7 +9,7 @@
     "items": {
       "type": {
         "name": "arrayOf",
-        "description": "Array&lt;{ getValue: func, label: string }&gt;"
+        "description": "Array&lt;{ getValue: func, key?: string, label: string }&gt;"
       },
       "default": "[]"
     },

diff --git a/packages/x-date-pickers/src/PickersShortcuts/PickersShortcuts.tsx b/packages/x-date-pickers/src/PickersShortcuts/PickersShortcuts.tsx
@@ -12,6 +12,7 @@ interface PickersShortcutsItemGetValueParams<TValue> {
 export interface PickersShortcutsItem<TValue> {
   label: string;
   getValue: (params: PickersShortcutsItemGetValueParams<TValue>) => TValue;
+  key?: string;
 }
 
 export type PickersShortcutsItemContext = Omit<PickersShortcutsItem<unknown>, 'getValue'>;
@@ -64,6 +65,7 @@ function PickersShortcuts<TValue>(props: PickersShortcutsProps<TValue>) {
     const newValue = getValue({ isValid });
 
     return {
+      key: item?.key || item.label,
       label: item.label,
       onClick: () => {
         onChange(newValue, changeImportance, item);
@@ -132,6 +134,7 @@ PickersShortcuts.propTypes = {
   items: PropTypes.arrayOf(
     PropTypes.shape({
       getValue: PropTypes.func.isRequired,
+      key: PropTypes.string,
       label: PropTypes.string.isRequired,
     }),
   ),