@mui/x-date-pickers 8.0.0-alpha.11 → 8.0.0-alpha.13

package/node/PickersLayout/usePickerLayout.js

@@ -1,111 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _RtlProvider = require("@mui/system/RtlProvider");
-var _PickersActionBar = require("../PickersActionBar");
-var _pickersLayoutClasses = require("./pickersLayoutClasses");
-var _PickersShortcuts = require("../PickersShortcuts");
-var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
-var _hooks = require("../hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ownerState"];
-function toolbarHasView(toolbarProps) {
-  return toolbarProps.view !== null;
-}
-const useUtilityClasses = (classes, ownerState) => {
-  const {
-    pickerOrientation
-  } = ownerState;
-  const slots = {
-    root: ['root', pickerOrientation === 'landscape' && 'landscape'],
-    contentWrapper: ['contentWrapper'],
-    toolbar: ['toolbar'],
-    actionBar: ['actionBar'],
-    tabs: ['tabs'],
-    landscape: ['landscape'],
-    shortcuts: ['shortcuts']
-  };
-  return (0, _composeClasses.default)(slots, _pickersLayoutClasses.getPickersLayoutUtilityClass, classes);
-};
-const usePickerLayout = props => {
-  const {
-    ownerState: pickerOwnerState
-  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
-  const {
-    view
-  } = (0, _hooks.usePickerContext)();
-  const isRtl = (0, _RtlProvider.useRtl)();
-  const {
-    children,
-    slots,
-    slotProps,
-    classes: classesProp
-  } = props;
-  const ownerState = React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
-    layoutDirection: isRtl ? 'rtl' : 'ltr'
-  }), [pickerOwnerState, isRtl]);
-  const classes = useUtilityClasses(classesProp, ownerState);
-
-  // Action bar
-  const ActionBar = slots?.actionBar ?? _PickersActionBar.PickersActionBar;
-  const _useSlotProps = (0, _useSlotProps2.default)({
-      elementType: ActionBar,
-      externalSlotProps: slotProps?.actionBar,
-      additionalProps: {
-        actions: ['cancel', 'accept']
-      },
-      className: classes.actionBar,
-      ownerState
-    }),
-    actionBarProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded);
-  const actionBar = /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionBar, (0, _extends2.default)({}, actionBarProps));
-
-  // Toolbar
-  const Toolbar = slots?.toolbar;
-  const toolbarProps = (0, _useSlotProps2.default)({
-    elementType: Toolbar,
-    externalSlotProps: slotProps?.toolbar,
-    className: classes.toolbar,
-    ownerState
-  });
-  const toolbar = toolbarHasView(toolbarProps) && !!Toolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, toolbarProps)) : null;
-
-  // Content
-  const content = children;
-
-  // Tabs
-  const Tabs = slots?.tabs;
-  const tabs = view && Tabs ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs, (0, _extends2.default)({
-    className: classes.tabs
-  }, slotProps?.tabs)) : null;
-
-  // Shortcuts
-  const Shortcuts = slots?.shortcuts ?? _PickersShortcuts.PickersShortcuts;
-  const shortcutsProps = (0, _useSlotProps2.default)({
-    elementType: Shortcuts,
-    externalSlotProps: slotProps?.shortcuts,
-    className: classes.shortcuts,
-    ownerState
-  });
-  const shortcuts = view && !!Shortcuts ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Shortcuts, (0, _extends2.default)({}, shortcutsProps)) : null;
-  return {
-    toolbar,
-    content,
-    tabs,
-    actionBar,
-    shortcuts,
-    ownerState
-  };
-};
-var _default = exports.default = usePickerLayout;

package/node/PickersSectionList/PickersSectionList.js

@@ -1,258 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PickersSectionListSectionSeparator = exports.PickersSectionListSectionContent = exports.PickersSectionListSection = exports.PickersSectionListRoot = exports.PickersSectionList = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _styles = require("@mui/material/styles");
-var _pickersSectionListClasses = require("./pickersSectionListClasses");
-var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "elements", "sectionListRef", "classes"];
-const PickersSectionListRoot = exports.PickersSectionListRoot = (0, _styles.styled)('div', {
-  name: 'MuiPickersSectionList',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({
-  direction: 'ltr /*! @noflip */',
-  outline: 'none'
-});
-const PickersSectionListSection = exports.PickersSectionListSection = (0, _styles.styled)('span', {
-  name: 'MuiPickersSectionList',
-  slot: 'Section',
-  overridesResolver: (props, styles) => styles.section
-})({});
-const PickersSectionListSectionSeparator = exports.PickersSectionListSectionSeparator = (0, _styles.styled)('span', {
-  name: 'MuiPickersSectionList',
-  slot: 'SectionSeparator',
-  overridesResolver: (props, styles) => styles.sectionSeparator
-})({
-  whiteSpace: 'pre'
-});
-const PickersSectionListSectionContent = exports.PickersSectionListSectionContent = (0, _styles.styled)('span', {
-  name: 'MuiPickersSectionList',
-  slot: 'SectionContent',
-  overridesResolver: (props, styles) => styles.sectionContent
-})({
-  outline: 'none'
-});
-const useUtilityClasses = classes => {
-  const slots = {
-    root: ['root'],
-    section: ['section'],
-    sectionContent: ['sectionContent']
-  };
-  return (0, _composeClasses.default)(slots, _pickersSectionListClasses.getPickersSectionListUtilityClass, classes);
-};
-function PickersSection(props) {
-  const {
-    slots,
-    slotProps,
-    element,
-    classes
-  } = props;
-  const {
-    ownerState
-  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
-  const Section = slots?.section ?? PickersSectionListSection;
-  const sectionProps = (0, _useSlotProps.default)({
-    elementType: Section,
-    externalSlotProps: slotProps?.section,
-    externalForwardedProps: element.container,
-    className: classes.section,
-    ownerState
-  });
-  const SectionContent = slots?.sectionContent ?? PickersSectionListSectionContent;
-  const sectionContentProps = (0, _useSlotProps.default)({
-    elementType: SectionContent,
-    externalSlotProps: slotProps?.sectionContent,
-    externalForwardedProps: element.content,
-    additionalProps: {
-      suppressContentEditableWarning: true
-    },
-    className: classes.sectionContent,
-    ownerState
-  });
-  const SectionSeparator = slots?.sectionSeparator ?? PickersSectionListSectionSeparator;
-  const sectionSeparatorBeforeProps = (0, _useSlotProps.default)({
-    elementType: SectionSeparator,
-    externalSlotProps: slotProps?.sectionSeparator,
-    externalForwardedProps: element.before,
-    ownerState: (0, _extends2.default)({}, ownerState, {
-      separatorPosition: 'before'
-    })
-  });
-  const sectionSeparatorAfterProps = (0, _useSlotProps.default)({
-    elementType: SectionSeparator,
-    externalSlotProps: slotProps?.sectionSeparator,
-    externalForwardedProps: element.after,
-    ownerState: (0, _extends2.default)({}, ownerState, {
-      separatorPosition: 'after'
-    })
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Section, (0, _extends2.default)({}, sectionProps, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionSeparator, (0, _extends2.default)({}, sectionSeparatorBeforeProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionContent, (0, _extends2.default)({}, sectionContentProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionSeparator, (0, _extends2.default)({}, sectionSeparatorAfterProps))]
-  }));
-}
-process.env.NODE_ENV !== "production" ? PickersSection.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  classes: _propTypes.default.object.isRequired,
-  element: _propTypes.default.shape({
-    after: _propTypes.default.object.isRequired,
-    before: _propTypes.default.object.isRequired,
-    container: _propTypes.default.object.isRequired,
-    content: _propTypes.default.object.isRequired
-  }).isRequired,
-  /**
-   * The props used for each component slot.
-   */
-  slotProps: _propTypes.default.object,
-  /**
-   * Overridable component slots.
-   */
-  slots: _propTypes.default.object
-} : void 0;
-/**
- * Demos:
- *
- * - [Custom field](https://mui.com/x/react-date-pickers/custom-field/)
- *
- * API:
- *
- * - [PickersSectionList API](https://mui.com/x/api/date-pickers/pickers-section-list/)
- */
-const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwardRef(function PickersSectionList(inProps, ref) {
-  const props = (0, _styles.useThemeProps)({
-    props: inProps,
-    name: 'MuiPickersSectionList'
-  });
-  const {
-      slots,
-      slotProps,
-      elements,
-      sectionListRef,
-      classes: classesProp
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const classes = useUtilityClasses(classesProp);
-  const {
-    ownerState
-  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
-  const rootRef = React.useRef(null);
-  const handleRootRef = (0, _useForkRef.default)(ref, rootRef);
-  const getRoot = methodName => {
-    if (!rootRef.current) {
-      throw new Error(`MUI X: Cannot call sectionListRef.${methodName} before the mount of the component.`);
-    }
-    return rootRef.current;
-  };
-  React.useImperativeHandle(sectionListRef, () => ({
-    getRoot() {
-      return getRoot('getRoot');
-    },
-    getSectionContainer(index) {
-      const root = getRoot('getSectionContainer');
-      return root.querySelector(`.${_pickersSectionListClasses.pickersSectionListClasses.section}[data-sectionindex="${index}"]`);
-    },
-    getSectionContent(index) {
-      const root = getRoot('getSectionContent');
-      return root.querySelector(`.${_pickersSectionListClasses.pickersSectionListClasses.section}[data-sectionindex="${index}"] .${_pickersSectionListClasses.pickersSectionListClasses.sectionContent}`);
-    },
-    getSectionIndexFromDOMElement(element) {
-      const root = getRoot('getSectionIndexFromDOMElement');
-      if (element == null || !root.contains(element)) {
-        return null;
-      }
-      let sectionContainer = null;
-      if (element.classList.contains(_pickersSectionListClasses.pickersSectionListClasses.section)) {
-        sectionContainer = element;
-      } else if (element.classList.contains(_pickersSectionListClasses.pickersSectionListClasses.sectionContent)) {
-        sectionContainer = element.parentElement;
-      }
-      if (sectionContainer == null) {
-        return null;
-      }
-      return Number(sectionContainer.dataset.sectionindex);
-    }
-  }));
-  const Root = slots?.root ?? PickersSectionListRoot;
-  const rootProps = (0, _useSlotProps.default)({
-    elementType: Root,
-    externalSlotProps: slotProps?.root,
-    externalForwardedProps: other,
-    additionalProps: {
-      ref: handleRootRef,
-      suppressContentEditableWarning: true
-    },
-    className: classes.root,
-    ownerState
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, rootProps, {
-    children: rootProps.contentEditable ? elements.map(({
-      content,
-      before,
-      after
-    }) => `${before.children}${content.children}${after.children}`).join('') : /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
-      children: elements.map((element, elementIndex) => /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersSection, {
-        slots: slots,
-        slotProps: slotProps,
-        element: element,
-        classes: classes
-      }, elementIndex))
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" ? PickersSectionList.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * If true, the whole element is editable.
-   * Useful when all the sections are selected.
-   */
-  contentEditable: _propTypes.default.bool.isRequired,
-  /**
-   * The elements to render.
-   * Each element contains the prop to edit a section of the value.
-   */
-  elements: _propTypes.default.arrayOf(_propTypes.default.shape({
-    after: _propTypes.default.object.isRequired,
-    before: _propTypes.default.object.isRequired,
-    container: _propTypes.default.object.isRequired,
-    content: _propTypes.default.object.isRequired
-  })).isRequired,
-  sectionListRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.shape({
-      getRoot: _propTypes.default.func.isRequired,
-      getSectionContainer: _propTypes.default.func.isRequired,
-      getSectionContent: _propTypes.default.func.isRequired,
-      getSectionIndexFromDOMElement: _propTypes.default.func.isRequired
-    })
-  })]),
-  /**
-   * The props used for each component slot.
-   */
-  slotProps: _propTypes.default.object,
-  /**
-   * Overridable component slots.
-   */
-  slots: _propTypes.default.object
-} : void 0;

package/node/PickersSectionList/PickersSectionList.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/node/PickersSectionList/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Unstable_PickersSectionList", {
-  enumerable: true,
-  get: function () {
-    return _PickersSectionList.PickersSectionList;
-  }
-});
-Object.defineProperty(exports, "Unstable_PickersSectionListRoot", {
-  enumerable: true,
-  get: function () {
-    return _PickersSectionList.PickersSectionListRoot;
-  }
-});
-Object.defineProperty(exports, "Unstable_PickersSectionListSection", {
-  enumerable: true,
-  get: function () {
-    return _PickersSectionList.PickersSectionListSection;
-  }
-});
-Object.defineProperty(exports, "Unstable_PickersSectionListSectionContent", {
-  enumerable: true,
-  get: function () {
-    return _PickersSectionList.PickersSectionListSectionContent;
-  }
-});
-Object.defineProperty(exports, "Unstable_PickersSectionListSectionSeparator", {
-  enumerable: true,
-  get: function () {
-    return _PickersSectionList.PickersSectionListSectionSeparator;
-  }
-});
-Object.defineProperty(exports, "getPickersSectionListUtilityClass", {
-  enumerable: true,
-  get: function () {
-    return _pickersSectionListClasses.getPickersSectionListUtilityClass;
-  }
-});
-Object.defineProperty(exports, "pickersSectionListClasses", {
-  enumerable: true,
-  get: function () {
-    return _pickersSectionListClasses.pickersSectionListClasses;
-  }
-});
-var _PickersSectionList = require("./PickersSectionList");
-var _pickersSectionListClasses = require("./pickersSectionListClasses");

package/node/PickersSectionList/pickersSectionListClasses.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPickersSectionListUtilityClass = getPickersSectionListUtilityClass;
-exports.pickersSectionListClasses = void 0;
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-function getPickersSectionListUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiPickersSectionList', slot);
-}
-const pickersSectionListClasses = exports.pickersSectionListClasses = (0, _generateUtilityClasses.default)('MuiPickersSectionList', ['root', 'section', 'sectionContent']);

package/node/PickersShortcuts/PickersShortcuts.js

@@ -1,130 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PickersShortcuts = PickersShortcuts;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _List = _interopRequireDefault(require("@mui/material/List"));
-var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
-var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
-var _dimensions = require("../internals/constants/dimensions");
-var _hooks = require("../hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["items", "changeImportance"],
-  _excluded2 = ["getValue"];
-const PickersShortcutsRoot = (0, _styles.styled)(_List.default, {
-  name: 'MuiPickersLayout',
-  slot: 'Shortcuts',
-  overridesResolver: (_, styles) => styles.shortcuts
-})({});
-
-/**
- * Demos:
- *
- * - [Shortcuts](https://mui.com/x/react-date-pickers/shortcuts/)
- *
- * API:
- *
- * - [PickersShortcuts API](https://mui.com/x/api/date-pickers/pickers-shortcuts/)
- */
-function PickersShortcuts(props) {
-  const {
-      items,
-      changeImportance = 'accept'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const {
-    setValue
-  } = (0, _hooks.usePickerActionsContext)();
-  const isValidValue = (0, _hooks.useIsValidValue)();
-  if (items == null || items.length === 0) {
-    return null;
-  }
-  const resolvedItems = items.map(_ref => {
-    let {
-        getValue
-      } = _ref,
-      item = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
-    const newValue = getValue({
-      isValid: isValidValue
-    });
-    return (0, _extends2.default)({}, item, {
-      label: item.label,
-      onClick: () => {
-        setValue(newValue, {
-          changeImportance,
-          shortcut: item
-        });
-      },
-      disabled: !isValidValue(newValue)
-    });
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersShortcutsRoot, (0, _extends2.default)({
-    dense: true,
-    sx: [{
-      maxHeight: _dimensions.VIEW_HEIGHT,
-      maxWidth: 200,
-      overflow: 'auto'
-    }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]
-  }, other, {
-    children: resolvedItems.map(item => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({}, item))
-      }, item.id ?? item.label);
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? PickersShortcuts.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Importance of the change when picking a shortcut:
-   * - "accept": fires `onChange`, fires `onAccept` and closes the picker.
-   * - "set": fires `onChange` but do not fire `onAccept` and does not close the picker.
-   * @default "accept"
-   */
-  changeImportance: _propTypes.default.oneOf(['accept', 'set']),
-  className: _propTypes.default.string,
-  component: _propTypes.default.elementType,
-  /**
-   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
-   * the list and list items.
-   * The prop is available to descendant components as the `dense` context.
-   * @default false
-   */
-  dense: _propTypes.default.bool,
-  /**
-   * If `true`, vertical padding is removed from the list.
-   * @default false
-   */
-  disablePadding: _propTypes.default.bool,
-  /**
-   * Ordered array of shortcuts to display.
-   * If empty, does not display the shortcuts.
-   * @default []
-   */
-  items: _propTypes.default.arrayOf(_propTypes.default.shape({
-    getValue: _propTypes.default.func.isRequired,
-    id: _propTypes.default.string,
-    label: _propTypes.default.string.isRequired
-  })),
-  style: _propTypes.default.object,
-  /**
-   * The content of the subheader, normally `ListSubheader`.
-   */
-  subheader: _propTypes.default.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
-} : void 0;

package/node/PickersShortcuts/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PickersShortcuts", {
-  enumerable: true,
-  get: function () {
-    return _PickersShortcuts.PickersShortcuts;
-  }
-});
-var _PickersShortcuts = require("./PickersShortcuts");