@mui/x-date-pickers 5.0.2 → 6.0.0-alpha.0

package/node/internals/hooks/useField/useField.js

@@ -70,7 +70,6 @@ const useField = params => {
     return {
       sections,
       valueParsed,
-      valueStr: fieldValueManager.getValueStrFromSections(sections),
       selectedSectionIndexes: null
     };
   });
@@ -82,7 +81,6 @@ const useField = params => {
     } = fieldValueManager.getValueFromSections(utils, state.sections, sections, format);
     setState(prevState => (0, _extends2.default)({}, prevState, {
       sections,
-      valueStr: fieldValueManager.getValueStrFromSections(sections),
       valueParsed: newValueParsed
     }));
 
@@ -103,28 +101,29 @@ const useField = params => {
 
   const handleInputClick = (0, _useEventCallback.default)((...args) => {
     onClick == null ? void 0 : onClick(...args);
-
-    if (state.sections.length === 0) {
-      return;
-    }
-
     const nextSectionIndex = state.sections.findIndex(section => {
-      var _inputRef$current$sel, _inputRef$current;
+      var _selectionStart;
 
-      return section.start > ((_inputRef$current$sel = (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.selectionStart) != null ? _inputRef$current$sel : 0);
+      return section.start > ((_selectionStart = inputRef.current.selectionStart) != null ? _selectionStart : 0);
     });
     const sectionIndex = nextSectionIndex === -1 ? state.sections.length - 1 : nextSectionIndex - 1;
     updateSelectedSections(sectionIndex);
   });
   const handleInputFocus = (0, _useEventCallback.default)((...args) => {
-    onFocus == null ? void 0 : onFocus(...args);
+    onFocus == null ? void 0 : onFocus(...args); // The ref is guaranteed to be resolved that this point.
+
+    const input = inputRef.current;
+    clearTimeout(focusTimeoutRef.current);
     focusTimeoutRef.current = setTimeout(() => {
-      var _inputRef$current$sel2, _inputRef$current2, _inputRef$current$sel3, _inputRef$current3;
+      // The ref changed, the component got remounted, the focus event is no longer relevant.
+      if (input !== inputRef.current) {
+        return;
+      }
 
-      if (((_inputRef$current$sel2 = (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.selectionEnd) != null ? _inputRef$current$sel2 : 0) - ((_inputRef$current$sel3 = (_inputRef$current3 = inputRef.current) == null ? void 0 : _inputRef$current3.selectionStart) != null ? _inputRef$current$sel3 : 0) === 0) {
-        handleInputClick();
-      } else {
+      if (Number(input.selectionEnd) - Number(input.selectionStart) === input.value.length) {
         updateSelectedSections(0, state.sections.length - 1);
+      } else {
+        handleInputClick();
       }
     });
   });
@@ -133,17 +132,14 @@ const useField = params => {
     updateSelectedSections();
   });
   const handleInputKeyDown = (0, _useEventCallback.default)(event => {
-    onKeyDown == null ? void 0 : onKeyDown(event);
-
-    if (!inputRef.current || state.sections.length === 0) {
-      return;
-    } // eslint-disable-next-line default-case
-
+    onKeyDown == null ? void 0 : onKeyDown(event); // eslint-disable-next-line default-case
 
     switch (true) {
       // Select all
       case event.key === 'a' && (event.ctrlKey || event.metaKey):
         {
+          // prevent default to make sure that the next line "select all" while updating
+          // the internal state at the same time.
           event.preventDefault();
           updateSelectedSections(0, state.sections.length - 1);
           return;
@@ -288,7 +284,7 @@ const useField = params => {
     }
   });
   (0, _useEnhancedEffect.default)(() => {
-    if (!inputRef.current || state.selectedSectionIndexes == null) {
+    if (state.selectedSectionIndexes == null) {
       return;
     }
 
@@ -307,7 +303,6 @@ const useField = params => {
       const sections = fieldValueManager.getSectionsFromValue(utils, state.sections, valueParsed, format);
       setState(prevState => (0, _extends2.default)({}, prevState, {
         valueParsed,
-        valueStr: fieldValueManager.getValueStrFromSections(sections),
         sections
       }));
     }
@@ -321,9 +316,10 @@ const useField = params => {
   React.useEffect(() => {
     return () => window.clearTimeout(focusTimeoutRef.current);
   }, []);
+  const valueStr = React.useMemo(() => fieldValueManager.getValueStrFromSections(state.sections), [state.sections, fieldValueManager]);
   return {
     inputProps: (0, _extends2.default)({}, otherForwardedProps, {
-      value: state.valueStr,
+      value: valueStr,
       onClick: handleInputClick,
       onFocus: handleInputFocus,
       onBlur: handleInputBlur,

package/node/internals/hooks/useField/useField.utils.js

@@ -171,12 +171,20 @@ const adjustInvalidDateSectionValue = (utils, section, keyCode) => {
 
         if (shouldSetAbsolute) {
           if (delta > 0 || isEnd) {
-            newDate = utils.endOfMonth(today);
-          } else {
             newDate = utils.startOfMonth(today);
+          } else {
+            newDate = utils.endOfMonth(today);
           }
         } else {
           newDate = utils.addDays(utils.parse(section.value, section.formatValue), delta);
+
+          if (!utils.isSameMonth(newDate, today)) {
+            if (delta > 0) {
+              newDate = utils.startOfMonth(today);
+            } else {
+              newDate = utils.endOfMonth(today);
+            }
+          }
         }
 
         return utils.formatByString(newDate, section.formatValue);

package/node/internals/hooks/useUtils.js

@@ -1,14 +1,20 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useUtils = exports.useNow = exports.useLocalizationContext = exports.useLocaleText = exports.useDefaultDates = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var React = _interopRequireWildcard(require("react"));
 
 var _LocalizationProvider = require("../../LocalizationProvider/LocalizationProvider");
 
+var _enUS = require("../../locales/enUS");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -17,10 +23,17 @@ const useLocalizationContext = () => {
   const localization = React.useContext(_LocalizationProvider.MuiPickersAdapterContext);
 
   if (localization === null) {
-    throw new Error('MUI: Can not find utils in context. It looks like you forgot to wrap your component in LocalizationProvider, or pass dateAdapter prop directly.');
+    throw new Error(['MUI: Can not find the date and time pickers localization context.', 'It looks like you forgot to wrap your component in LocalizationProvider.', 'This can also happen if you are bundling multiple versions of the `@mui/x-date-pickers` package'].join('\n'));
+  }
+
+  if (localization.utils === null) {
+    throw new Error(['MUI: Can not find the date and time pickers adapter from its localization context.', 'It looks like you forgot to pass a `dateAdapter` to your LocalizationProvider.'].join('\n'));
   }
 
-  return localization;
+  const localeText = React.useMemo(() => (0, _extends2.default)({}, _enUS.DEFAULT_LOCALE, localization.localeText), [localization.localeText]);
+  return (0, _extends2.default)({}, localization, {
+    localeText
+  });
 };
 
 exports.useLocalizationContext = useLocalizationContext;

package/node/internals/hooks/validation/useDateValidation.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateDate = exports.useIsDayDisabled = exports.useDateValidation = exports.isSameDateError = void 0;
+exports.validateDate = exports.useIsDateDisabled = exports.useDateValidation = exports.isSameDateError = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -38,6 +38,12 @@ const validateDate = ({
     case Boolean(props.shouldDisableDate && props.shouldDisableDate(date)):
       return 'shouldDisableDate';
 
+    case Boolean(props.shouldDisableMonth && props.shouldDisableMonth(date)):
+      return 'shouldDisableMonth';
+
+    case Boolean(props.shouldDisableYear && props.shouldDisableYear(date)):
+      return 'shouldDisableYear';
+
     case Boolean(props.disableFuture && adapter.utils.isAfterDay(date, now)):
       return 'disableFuture';
 
@@ -57,8 +63,10 @@ const validateDate = ({
 
 exports.validateDate = validateDate;
 
-const useIsDayDisabled = ({
+const useIsDateDisabled = ({
   shouldDisableDate,
+  shouldDisableMonth,
+  shouldDisableYear,
   minDate,
   maxDate,
   disableFuture,
@@ -70,15 +78,17 @@ const useIsDayDisabled = ({
     value: day,
     props: {
       shouldDisableDate,
+      shouldDisableMonth,
+      shouldDisableYear,
       minDate,
       maxDate,
       disableFuture,
       disablePast
     }
-  }) !== null, [adapter, shouldDisableDate, minDate, maxDate, disableFuture, disablePast]);
+  }) !== null, [adapter, shouldDisableDate, shouldDisableMonth, shouldDisableYear, minDate, maxDate, disableFuture, disablePast]);
 };
 
-exports.useIsDayDisabled = useIsDayDisabled;
+exports.useIsDateDisabled = useIsDateDisabled;
 
 const isSameDateError = (a, b) => a === b;
 

package/node/internals/index.js

@@ -165,6 +165,12 @@ Object.defineProperty(exports, "useLocaleText", {
     return _useUtils.useLocaleText;
   }
 });
+Object.defineProperty(exports, "useLocalizationContext", {
+  enumerable: true,
+  get: function () {
+    return _useUtils.useLocalizationContext;
+  }
+});
 Object.defineProperty(exports, "useMaskedInput", {
   enumerable: true,
   get: function () {
@@ -216,7 +222,7 @@ var _CalendarOrClockPicker = require("./components/CalendarOrClockPicker/Calenda
 
 var _calendarOrClockPickerClasses = require("./components/CalendarOrClockPicker/calendarOrClockPickerClasses");
 
-var _PickersArrowSwitcher = require("./components/PickersArrowSwitcher");
+var _PickersArrowSwitcher = require("./components/PickersArrowSwitcher/PickersArrowSwitcher");
 
 var _PickerStaticWrapper = require("./components/PickerStaticWrapper/PickerStaticWrapper");
 
@@ -228,7 +234,7 @@ var _pickersToolbarButtonClasses = require("./components/pickersToolbarButtonCla
 
 var _pickersToolbarTextClasses = require("./components/pickersToolbarTextClasses");
 
-var _pickersArrowSwitcherClasses = require("./components/pickersArrowSwitcherClasses");
+var _pickersArrowSwitcherClasses = require("./components/PickersArrowSwitcher/pickersArrowSwitcherClasses");
 
 var _pickersPopperClasses = require("./components/pickersPopperClasses");
 

package/node/locales/faIR.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.faIR = void 0;
+
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+
+const faIRPickers = {
+  // Calendar navigation
+  previousMonth: 'ماه گذشته',
+  nextMonth: 'ماه آینده',
+  // View navigation
+  openPreviousView: 'نمای قبلی',
+  openNextView: 'نمای بعدی',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'نمای سال باز است، رفتن به نمای تقویم' : 'نمای تقویم باز است، رفتن به نمای سال',
+  inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `نمای ورودی متن باز است، رفتن به نمای ${viewType}` : `نمای ${viewType} باز است، رفتن به نمای ورودی متن`,
+  // DateRange placeholders
+  start: 'شروع',
+  end: 'پایان',
+  // Action bar
+  cancelButtonLabel: 'لغو',
+  clearButtonLabel: 'پاک کردن',
+  okButtonLabel: 'اوکی',
+  todayButtonLabel: 'امروز',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: 'تاریخ را انتخاب کنید',
+  dateTimePickerDefaultToolbarTitle: 'تاریخ و ساعت را انتخاب کنید',
+  timePickerDefaultToolbarTitle: 'ساعت را انتخاب کنید',
+  dateRangePickerDefaultToolbarTitle: 'محدوده تاریخ را انتخاب کنید',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'هیچ ساعتی انتخاب نشده است' : `ساعت انتخاب ${adapter.format(time, 'fullTime')} می باشد`}`,
+  hoursClockNumberText: hours => `${hours} ساعت ها`,
+  minutesClockNumberText: minutes => `${minutes} دقیقه ها`,
+  secondsClockNumberText: seconds => `${seconds} ثانیه ها`,
+  // Open picker labels
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `تاریخ را انتخاب کنید، تاریخ انتخاب شده ${utils.format(utils.date(rawValue), 'fullDate')} می باشد` : 'تاریخ را انتخاب کنید',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `ساعت را انتخاب کنید، ساعت انتخاب شده ${utils.format(utils.date(rawValue), 'fullTime')} می باشد` : 'ساعت را انتخاب کنید',
+  // Table labels
+  timeTableLabel: 'انتخاب تاریخ',
+  dateTableLabel: 'انتخاب ساعت'
+};
+const faIR = (0, _getPickersLocalization.getPickersLocalization)(faIRPickers);
+exports.faIR = faIR;

package/node/locales/fiFI.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fiFI = void 0;
+
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+
+const views = {
+  hours: 'tunnit',
+  minutes: 'minuutit',
+  seconds: 'sekuntit'
+};
+const viewTranslation = {
+  calendar: 'kalenteri',
+  clock: 'kello'
+};
+const fiFIPickers = {
+  // Calendar navigation
+  previousMonth: 'Edellinen kuukausi',
+  nextMonth: 'Seuraava kuukausi',
+  // View navigation
+  openPreviousView: 'avaa edellinen kuukausi',
+  openNextView: 'avaa seuraava kuukausi',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'vuosinäkymä on auki, vaihda kalenterinäkymään' : 'kalenterinäkymä on auki, vaihda vuosinäkymään',
+  inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `tekstikenttä on auki, mene ${viewTranslation[viewType]}näkymään` : `${viewTranslation[viewType]}näkymä on auki, mene tekstikenttään`,
+  // DateRange placeholders
+  start: 'Alku',
+  end: 'Loppu',
+  // Action bar
+  cancelButtonLabel: 'Peruuta',
+  clearButtonLabel: 'Tyhjennä',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Tänään',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: 'Valitse päivä',
+  dateTimePickerDefaultToolbarTitle: 'Valitse päivä ja aika',
+  timePickerDefaultToolbarTitle: 'Valitse aika',
+  dateRangePickerDefaultToolbarTitle: 'Valitse aikaväli',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Valitse ${views[view]}. ${time === null ? 'Ei aikaa valittuna' : `Valittu aika on ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} tuntia`,
+  minutesClockNumberText: minutes => `${minutes} minuuttia`,
+  secondsClockNumberText: seconds => `${seconds} sekunttia`,
+  // Open picker labels
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Valitse päivä, valittu päivä on ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Valitse päivä',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Valitse aika, valittu aika on ${utils.format(utils.date(rawValue), 'fullTime')}` : 'Valitse aika',
+  // Table labels
+  timeTableLabel: 'valitse aika',
+  dateTableLabel: 'valitse päivä'
+};
+const fiFI = (0, _getPickersLocalization.getPickersLocalization)(fiFIPickers);
+exports.fiFI = fiFI;

package/node/locales/index.js

@@ -82,6 +82,32 @@ Object.keys(_esES).forEach(function (key) {
   });
 });
 
+var _faIR = require("./faIR");
+
+Object.keys(_faIR).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _faIR[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _faIR[key];
+    }
+  });
+});
+
+var _fiFI = require("./fiFI");
+
+Object.keys(_fiFI).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _fiFI[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _fiFI[key];
+    }
+  });
+});
+
 var _frFR = require("./frFR");
 
 Object.keys(_frFR).forEach(function (key) {

package/node/locales/isIS.js

@@ -7,7 +7,6 @@ exports.isIS = void 0;
 
 var _getPickersLocalization = require("./utils/getPickersLocalization");
 
-// This object is not Partial<PickersLocaleText> because it is the default values
 const isISPickers = {
   // Calendar navigation
   previousMonth: 'Fyrri mánuður',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "5.0.2",
+  "version": "6.0.0-alpha.0",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -29,17 +29,17 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/mui-org/material-ui-x.git",
+    "url": "https://github.com/mui/mui-x.git",
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.9",
+    "@babel/runtime": "^7.19.0",
     "@date-io/core": "^2.15.0",
     "@date-io/date-fns": "^2.15.0",
     "@date-io/dayjs": "^2.15.0",
     "@date-io/luxon": "^2.15.0",
     "@date-io/moment": "^2.15.0",
-    "@mui/utils": "^5.10.3",
+    "@mui/utils": "^5.10.6",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",
     "prop-types": "^15.7.2",

package/themeAugmentation/props.d.ts

@@ -24,7 +24,7 @@ import { DesktopDatePickerProps } from '../DesktopDatePicker';
 import {
   CalendarOrClockPickerProps,
   DayPickerProps,
-  ExportedArrowSwitcherProps,
+  ExportedPickersArrowSwitcherProps,
   PickerPopperProps,
   PickersToolbarButtonProps,
   PickersToolbarProps,
@@ -54,12 +54,12 @@ export interface PickersComponentsPropsList {
   MuiMobileDateTimePicker: MobileDateTimePickerProps<unknown, unknown>;
   MuiMobileTimePicker: MobileTimePickerProps<unknown, unknown>;
   MuiMonthPicker: MonthPickerProps<unknown>;
-  MuiPickersArrowSwitcher: ExportedArrowSwitcherProps;
+  MuiPickersArrowSwitcher: ExportedPickersArrowSwitcherProps;
   MuiPickersCalendarHeader: ExportedCalendarHeaderProps<unknown>;
   MuiPickersDay: PickersDayProps<unknown>;
   MuiPickersFadeTransitionGroup: PickersFadeTransitionGroupProps;
   MuiPickersPopper: PickerPopperProps;
-  MuiPickerStaticWrapper: PickerStaticWrapperProps;
+  MuiPickerStaticWrapper: PickerStaticWrapperProps<unknown>;
   MuiPickersToolbar: PickersToolbarProps<unknown, unknown>;
   MuiPickersToolbarButton: PickersToolbarButtonProps;
   MuiStaticDatePicker: StaticDatePickerProps<unknown, unknown>;

package/internals/components/PickersArrowSwitcher.d.ts

@@ -1,62 +0,0 @@
-import * as React from 'react';
-import { PickersArrowSwitcherClasses } from './pickersArrowSwitcherClasses';
-export interface PickersArrowSwitcherSlotsComponent {
-    /**
-     * Button allowing to switch to the left view.
-     * @default IconButton
-     */
-    LeftArrowButton: React.ElementType;
-    /**
-     * Icon displayed in the left view switch button.
-     * @default ArrowLeft
-     */
-    LeftArrowIcon: React.ElementType;
-    /**
-     * Button allowing to switch to the right view.
-     * @default IconButton
-     */
-    RightArrowButton: React.ElementType;
-    /**
-     * Icon displayed in the right view switch button.
-     * @default ArrowRight
-     */
-    RightArrowIcon: React.ElementType;
-}
-export interface PickersArrowSwitcherSlotsComponentsProps {
-    leftArrowButton: Record<string, any>;
-    rightArrowButton: Record<string, any>;
-}
-export interface ExportedArrowSwitcherProps {
-    /**
-     * Overrideable components.
-     * @default {}
-     */
-    components?: Partial<PickersArrowSwitcherSlotsComponent>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    componentsProps?: Partial<PickersArrowSwitcherSlotsComponentsProps>;
-    /**
-     * Left arrow icon aria-label text.
-     * @deprecated
-     */
-    leftArrowButtonText?: string;
-    /**
-     * Right arrow icon aria-label text.
-     * @deprecated
-     */
-    rightArrowButtonText?: string;
-    classes?: Partial<PickersArrowSwitcherClasses>;
-}
-interface ArrowSwitcherProps extends ExportedArrowSwitcherProps, Omit<React.HTMLProps<HTMLDivElement>, 'ref'> {
-    children?: React.ReactNode;
-    isLeftDisabled: boolean;
-    isLeftHidden?: boolean;
-    isRightDisabled: boolean;
-    isRightHidden?: boolean;
-    onLeftClick: () => void;
-    onRightClick: () => void;
-}
-export declare const PickersArrowSwitcher: React.ForwardRefExoticComponent<Omit<ArrowSwitcherProps, "as"> & React.RefAttributes<HTMLDivElement>>;
-export {};

package/internals/components/PickersArrowSwitcher.js

@@ -1,124 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "className", "components", "componentsProps", "isLeftDisabled", "isLeftHidden", "isRightDisabled", "isRightHidden", "leftArrowButtonText", "onLeftClick", "onRightClick", "rightArrowButtonText"];
-import * as React from 'react';
-import clsx from 'clsx';
-import Typography from '@mui/material/Typography';
-import { useTheme, styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/material';
-import IconButton from '@mui/material/IconButton';
-import { ArrowLeft, ArrowRight } from './icons';
-import { getPickersArrowSwitcherUtilityClass } from './pickersArrowSwitcherClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root'],
-    spacer: ['spacer'],
-    button: ['button']
-  };
-  return composeClasses(slots, getPickersArrowSwitcherUtilityClass, classes);
-};
-
-const PickersArrowSwitcherRoot = styled('div', {
-  name: 'MuiPickersArrowSwitcher',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({
-  display: 'flex'
-});
-const PickersArrowSwitcherSpacer = styled('div', {
-  name: 'MuiPickersArrowSwitcher',
-  slot: 'Spacer',
-  overridesResolver: (props, styles) => styles.spacer
-})(({
-  theme
-}) => ({
-  width: theme.spacing(3)
-}));
-const PickersArrowSwitcherButton = styled(IconButton, {
-  name: 'MuiPickersArrowSwitcher',
-  slot: 'Button',
-  overridesResolver: (props, styles) => styles.button
-})(({
-  ownerState
-}) => _extends({}, ownerState.hidden && {
-  visibility: 'hidden'
-}));
-export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiPickersArrowSwitcher'
-  });
-
-  const {
-    children,
-    className,
-    components,
-    componentsProps,
-    isLeftDisabled,
-    isLeftHidden,
-    isRightDisabled,
-    isRightHidden,
-    leftArrowButtonText,
-    onLeftClick,
-    onRightClick,
-    rightArrowButtonText
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const theme = useTheme();
-  const isRtl = theme.direction === 'rtl';
-  const leftArrowButtonProps = (componentsProps == null ? void 0 : componentsProps.leftArrowButton) || {};
-  const LeftArrowIcon = (components == null ? void 0 : components.LeftArrowIcon) || ArrowLeft;
-  const rightArrowButtonProps = (componentsProps == null ? void 0 : componentsProps.rightArrowButton) || {};
-  const RightArrowIcon = (components == null ? void 0 : components.RightArrowIcon) || ArrowRight;
-  const ownerState = props;
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(PickersArrowSwitcherRoot, _extends({
-    ref: ref,
-    className: clsx(classes.root, className),
-    ownerState: ownerState
-  }, other, {
-    children: [/*#__PURE__*/_jsx(PickersArrowSwitcherButton, _extends({
-      as: components == null ? void 0 : components.LeftArrowButton,
-      size: "small",
-      "aria-label": leftArrowButtonText,
-      title: leftArrowButtonText,
-      disabled: isLeftDisabled,
-      edge: "end",
-      onClick: onLeftClick
-    }, leftArrowButtonProps, {
-      className: clsx(classes.button, leftArrowButtonProps.className),
-      ownerState: _extends({}, ownerState, leftArrowButtonProps, {
-        hidden: isLeftHidden
-      }),
-      children: isRtl ? /*#__PURE__*/_jsx(RightArrowIcon, {}) : /*#__PURE__*/_jsx(LeftArrowIcon, {})
-    })), children ? /*#__PURE__*/_jsx(Typography, {
-      variant: "subtitle1",
-      component: "span",
-      children: children
-    }) : /*#__PURE__*/_jsx(PickersArrowSwitcherSpacer, {
-      className: classes.spacer,
-      ownerState: ownerState
-    }), /*#__PURE__*/_jsx(PickersArrowSwitcherButton, _extends({
-      as: components == null ? void 0 : components.RightArrowButton,
-      size: "small",
-      "aria-label": rightArrowButtonText,
-      title: rightArrowButtonText,
-      edge: "start",
-      disabled: isRightDisabled,
-      onClick: onRightClick
-    }, rightArrowButtonProps, {
-      className: clsx(classes.button, rightArrowButtonProps.className),
-      ownerState: _extends({}, ownerState, rightArrowButtonProps, {
-        hidden: isRightHidden
-      }),
-      children: isRtl ? /*#__PURE__*/_jsx(LeftArrowIcon, {}) : /*#__PURE__*/_jsx(RightArrowIcon, {})
-    }))]
-  }));
-});