@mui/x-date-pickers 8.3.1 → 8.5.0

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -12,7 +12,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
 var _valueManagers = require("../internals/utils/valueManagers");
 var _DateTimeField = require("../DateTimeField");
@@ -85,6 +85,7 @@ const rendererInterceptor = function RendererInterceptor(props) {
     })]
   });
 };
+if (process.env.NODE_ENV !== "production") rendererInterceptor.displayName = "rendererInterceptor";
 /**
  * Demos:
  *
@@ -150,6 +151,7 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") DesktopDateTimePicker.displayName = "DesktopDateTimePicker";
 DesktopDateTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -249,7 +251,7 @@ DesktopDateTimePicker.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/DesktopDateTimePicker/DesktopDateTimePickerLayout.js

@@ -62,6 +62,7 @@ const DesktopDateTimePickerLayout = exports.DesktopDateTimePickerLayout = /*#__P
     }), actionBar]
   });
 });
+if (process.env.NODE_ENV !== "production") DesktopDateTimePickerLayout.displayName = "DesktopDateTimePickerLayout";
 process.env.NODE_ENV !== "production" ? DesktopDateTimePickerLayout.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/DesktopTimePicker/DesktopTimePicker.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _valueManagers = require("../internals/utils/valueManagers");
 var _TimeField = require("../TimeField");
 var _shared = require("../TimePicker/shared");
@@ -85,6 +85,7 @@ const DesktopTimePicker = exports.DesktopTimePicker = /*#__PURE__*/React.forward
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") DesktopTimePicker.displayName = "DesktopTimePicker";
 DesktopTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -163,7 +164,7 @@ DesktopTimePicker.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/DigitalClock/DigitalClock.js

@@ -321,6 +321,7 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
     })
   }));
 });
+if (process.env.NODE_ENV !== "production") DigitalClock.displayName = "DigitalClock";
 process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/DigitalClock/DigitalClock.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import MenuItem from '@mui/material/MenuItem';
 import { DigitalClockClasses } from "./digitalClockClasses.js";
 import { BaseClockProps, DigitalClockOnlyProps, ExportedBaseClockProps } from "../internals/models/props/time.js";

package/LocalizationProvider/LocalizationProvider.js

@@ -15,9 +15,7 @@ var _styles = require("@mui/material/styles");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["localeText"];
 const MuiPickersAdapterContext = exports.MuiPickersAdapterContext = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  MuiPickersAdapterContext.displayName = 'MuiPickersAdapterContext';
-}
+if (process.env.NODE_ENV !== "production") MuiPickersAdapterContext.displayName = "MuiPickersAdapterContext";
 /**
  * Demos:
  *
@@ -95,6 +93,7 @@ const LocalizationProvider = exports.LocalizationProvider = function Localizatio
     children: children
   });
 };
+if (process.env.NODE_ENV !== "production") LocalizationProvider.displayName = "LocalizationProvider";
 process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/MobileDatePicker/MobileDatePicker.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
 var _shared = require("../DatePicker/shared");
 var _useUtils = require("../internals/hooks/useUtils");
@@ -67,6 +67,7 @@ const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRe
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") MobileDatePicker.displayName = "MobileDatePicker";
 MobileDatePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -151,7 +152,7 @@ MobileDatePicker.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _valueManagers = require("../internals/utils/valueManagers");
 var _DateTimeField = require("../DateTimeField");
 var _shared = require("../DateTimePicker/shared");
@@ -23,7 +23,7 @@ var _timeViewRenderers = require("../timeViewRenderers");
 var _dateTimeUtils = require("../internals/utils/date-time-utils");
 var _dimensions = require("../internals/constants/dimensions");
 var _MultiSectionDigitalClock = require("../MultiSectionDigitalClock");
-var _utils2 = require("../internals/utils/utils");
+var _utils = require("../internals/utils/utils");
 var _DigitalClock = require("../DigitalClock");
 var _timeUtils = require("../internals/utils/time-utils");
 var _dateUtils = require("../internals/utils/date-utils");
@@ -81,7 +81,7 @@ const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.f
         hidden: false
       }, defaultizedProps.slotProps?.tabs),
       layout: (0, _extends2.default)({}, defaultizedProps.slotProps?.layout, {
-        sx: (0, _utils2.mergeSx)([{
+        sx: (0, _utils.mergeSx)([{
           [`& .${_MultiSectionDigitalClock.multiSectionDigitalClockClasses.root}`]: {
             width: _dimensions.DIALOG_WIDTH
           },
@@ -117,6 +117,7 @@ const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.f
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") MobileDateTimePicker.displayName = "MobileDateTimePicker";
 MobileDateTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -216,7 +217,7 @@ MobileDateTimePicker.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/MobileTimePicker/MobileTimePicker.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _valueManagers = require("../internals/utils/valueManagers");
 var _TimeField = require("../TimeField");
 var _shared = require("../TimePicker/shared");
@@ -70,6 +70,7 @@ const MobileTimePicker = exports.MobileTimePicker = /*#__PURE__*/React.forwardRe
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") MobileTimePicker.displayName = "MobileTimePicker";
 MobileTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -148,7 +149,7 @@ MobileTimePicker.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/MonthCalendar/MonthCalendar.js

@@ -16,7 +16,9 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _RtlProvider = require("@mui/system/RtlProvider");
 var _createStyled = require("@mui/system/createStyled");
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _MonthCalendarButton = require("./MonthCalendarButton");
 var _useUtils = require("../internals/hooks/useUtils");
 var _monthCalendarClasses = require("./monthCalendarClasses");
@@ -33,7 +35,7 @@ const useUtilityClasses = classes => {
   const slots = {
     root: ['root']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _monthCalendarClasses.getMonthCalendarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _monthCalendarClasses.getMonthCalendarUtilityClass, classes);
 };
 function useMonthCalendarDefaultizedProps(props, name) {
   const themeProps = (0, _styles.useThemeProps)({
@@ -147,13 +149,13 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
     return null;
   }, [value, utils]);
   const [focusedMonth, setFocusedMonth] = React.useState(() => selectedMonth || utils.getMonth(referenceDate));
-  const [internalHasFocus, setInternalHasFocus] = (0, _utils.unstable_useControlled)({
+  const [internalHasFocus, setInternalHasFocus] = (0, _useControlled.default)({
     name: 'MonthCalendar',
     state: 'hasFocus',
     controlled: hasFocus,
     default: autoFocus ?? false
   });
-  const changeHasFocus = (0, _utils.unstable_useEventCallback)(newHasFocus => {
+  const changeHasFocus = (0, _useEventCallback.default)(newHasFocus => {
     setInternalHasFocus(newHasFocus);
     if (onFocusedViewChange) {
       onFocusedViewChange(newHasFocus);
@@ -174,14 +176,14 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
     }
     return shouldDisableMonth(monthToValidate);
   }, [disableFuture, disablePast, maxDate, minDate, now, shouldDisableMonth, utils]);
-  const handleMonthSelection = (0, _utils.unstable_useEventCallback)((event, month) => {
+  const handleMonthSelection = (0, _useEventCallback.default)((event, month) => {
     if (readOnly) {
       return;
     }
     const newDate = utils.setMonth(value ?? referenceDate, month);
     handleValueChange(newDate);
   });
-  const focusMonth = (0, _utils.unstable_useEventCallback)(month => {
+  const focusMonth = (0, _useEventCallback.default)(month => {
     if (!isMonthDisabled(utils.setMonth(value ?? referenceDate, month))) {
       setFocusedMonth(month);
       changeHasFocus(true);
@@ -193,7 +195,7 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
   React.useEffect(() => {
     setFocusedMonth(prevFocusedMonth => selectedMonth !== null && prevFocusedMonth !== selectedMonth ? selectedMonth : prevFocusedMonth);
   }, [selectedMonth]);
-  const handleKeyDown = (0, _utils.unstable_useEventCallback)((event, month) => {
+  const handleKeyDown = (0, _useEventCallback.default)((event, month) => {
     const monthsInYear = 12;
     const monthsInRow = 3;
     switch (event.key) {
@@ -217,10 +219,10 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
         break;
     }
   });
-  const handleMonthFocus = (0, _utils.unstable_useEventCallback)((event, month) => {
+  const handleMonthFocus = (0, _useEventCallback.default)((event, month) => {
     focusMonth(month);
   });
-  const handleMonthBlur = (0, _utils.unstable_useEventCallback)((event, month) => {
+  const handleMonthBlur = (0, _useEventCallback.default)((event, month) => {
     if (focusedMonth === month) {
       changeHasFocus(false);
     }
@@ -259,6 +261,7 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
     })
   }));
 });
+if (process.env.NODE_ENV !== "production") MonthCalendar.displayName = "MonthCalendar";
 process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/MonthCalendar/MonthCalendarButton.js

@@ -120,4 +120,5 @@ const MonthCalendarButton = exports.MonthCalendarButton = /*#__PURE__*/React.mem
     className: classes.button
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(MonthButton, (0, _extends2.default)({}, monthButtonProps));
-});
+});
+if (process.env.NODE_ENV !== "production") MonthCalendarButton.displayName = "MonthCalendarButton";

package/MonthCalendar/monthCalendarClasses.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMonthCalendarUtilityClass = getMonthCalendarUtilityClass;
 exports.monthCalendarClasses = void 0;
-var _utils = require("@mui/utils");
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 function getMonthCalendarUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiMonthCalendar', slot);
+  return (0, _generateUtilityClass.default)('MuiMonthCalendar', slot);
 }
-const monthCalendarClasses = exports.monthCalendarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiMonthCalendar', ['root', 'button', 'disabled', 'selected']);
+const monthCalendarClasses = exports.monthCalendarClasses = (0, _generateUtilityClasses.default)('MuiMonthCalendar', ['root', 'button', 'disabled', 'selected']);

package/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -24,7 +24,7 @@ var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
 var _PickerViewRoot = require("../internals/components/PickerViewRoot");
 var _multiSectionDigitalClockClasses = require("./multiSectionDigitalClockClasses");
 var _MultiSectionDigitalClockSection = require("./MultiSectionDigitalClockSection");
-var _MultiSectionDigitalClock = require("./MultiSectionDigitalClock.utils");
+var _MultiSectionDigitalClock2 = require("./MultiSectionDigitalClock.utils");
 var _useControlledValue = require("../internals/hooks/useControlledValue");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useClockReferenceDate = require("../internals/hooks/useClockReferenceDate");
@@ -237,7 +237,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
               const valueWithMeridiem = (0, _timeUtils.convertValueToMeridiem)(hours, meridiemMode, ampm);
               setValueAndGoToNextView(utils.setHours(valueOrReferenceDate, valueWithMeridiem), 'finish', 'hours');
             },
-            items: (0, _MultiSectionDigitalClock.getHourSectionOptions)({
+            items: (0, _MultiSectionDigitalClock2.getHourSectionOptions)({
               now,
               value,
               ampm,
@@ -255,7 +255,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
             onChange: minutes => {
               setValueAndGoToNextView(utils.setMinutes(valueOrReferenceDate, minutes), 'finish', 'minutes');
             },
-            items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
+            items: (0, _MultiSectionDigitalClock2.getTimeSectionOptions)({
               value: utils.getMinutes(valueOrReferenceDate),
               utils,
               isDisabled: minutes => isTimeDisabled(minutes, 'minutes'),
@@ -272,7 +272,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
             onChange: seconds => {
               setValueAndGoToNextView(utils.setSeconds(valueOrReferenceDate, seconds), 'finish', 'seconds');
             },
-            items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
+            items: (0, _MultiSectionDigitalClock2.getTimeSectionOptions)({
               value: utils.getSeconds(valueOrReferenceDate),
               utils,
               isDisabled: seconds => isTimeDisabled(seconds, 'seconds'),
@@ -350,6 +350,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
     }, timeView))
   }));
 });
+if (process.env.NODE_ENV !== "production") MultiSectionDigitalClock.displayName = "MultiSectionDigitalClock";
 process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import MenuItem from '@mui/material/MenuItem';
 import { MultiSectionDigitalClockClasses } from "./multiSectionDigitalClockClasses.js";
 import { BaseClockProps, ExportedBaseClockProps, MultiSectionDigitalClockOnlyProps } from "../internals/models/props/time.js";

package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -213,4 +213,5 @@ const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection
       }), option.label);
     })
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") MultiSectionDigitalClockSection.displayName = "MultiSectionDigitalClockSection";

package/PickersActionBar/PickersActionBar.js

@@ -119,4 +119,5 @@ process.env.NODE_ENV !== "production" ? PickersActionBarComponent.propTypes = {
    */
   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;
-const PickersActionBar = exports.PickersActionBar = /*#__PURE__*/React.memo(PickersActionBarComponent);
+const PickersActionBar = exports.PickersActionBar = /*#__PURE__*/React.memo(PickersActionBarComponent);
+if (process.env.NODE_ENV !== "production") PickersActionBar.displayName = "PickersActionBar";

package/PickersCalendarHeader/PickersCalendarHeader.js

@@ -232,6 +232,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
     })]
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersCalendarHeader.displayName = "PickersCalendarHeader";
 process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import IconButton from '@mui/material/IconButton';
 import SvgIcon from '@mui/material/SvgIcon';
 import { SxProps, Theme } from '@mui/material/styles';

package/PickersCalendarHeader/pickersCalendarHeaderClasses.js

@@ -1,10 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pickersCalendarHeaderClasses = exports.getPickersCalendarHeaderUtilityClass = void 0;
-var _utils = require("@mui/utils");
-const getPickersCalendarHeaderUtilityClass = slot => (0, _utils.unstable_generateUtilityClass)('MuiPickersCalendarHeader', slot);
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+const getPickersCalendarHeaderUtilityClass = slot => (0, _generateUtilityClass.default)('MuiPickersCalendarHeader', slot);
 exports.getPickersCalendarHeaderUtilityClass = getPickersCalendarHeaderUtilityClass;
-const pickersCalendarHeaderClasses = exports.pickersCalendarHeaderClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersCalendarHeader', ['root', 'labelContainer', 'label', 'switchViewButton', 'switchViewIcon']);
+const pickersCalendarHeaderClasses = exports.pickersCalendarHeaderClasses = (0, _generateUtilityClasses.default)('MuiPickersCalendarHeader', ['root', 'labelContainer', 'label', 'switchViewButton', 'switchViewIcon']);

package/PickersDay/PickersDay.js

@@ -13,7 +13,9 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _ButtonBase = _interopRequireDefault(require("@mui/material/ButtonBase"));
-var _utils = require("@mui/utils");
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _styles = require("@mui/material/styles");
 var _useUtils = require("../internals/hooks/useUtils");
 var _dimensions = require("../internals/constants/dimensions");
@@ -36,7 +38,7 @@ const useUtilityClasses = (classes, ownerState) => {
     root: ['root', isDaySelected && !isHiddenDaySpacingFiller && 'selected', isDayDisabled && 'disabled', !disableMargin && 'dayWithMargin', !disableHighlightToday && isDayCurrent && 'today', isDayOutsideMonth && showDaysOutsideCurrentMonth && 'dayOutsideMonth', isHiddenDaySpacingFiller && 'hiddenDaySpacingFiller'],
     hiddenDaySpacingFiller: ['hiddenDaySpacingFiller']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersDayClasses.getPickersDayUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersDayClasses.getPickersDayUtilityClass, classes);
 };
 const styleArg = ({
   theme
@@ -171,11 +173,11 @@ const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps,
   const classes = useUtilityClasses(classesProp, ownerState);
   const utils = (0, _useUtils.useUtils)();
   const ref = React.useRef(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(ref, forwardedRef);
+  const handleRef = (0, _useForkRef.default)(ref, forwardedRef);
 
   // Since this is rendered when a Popper is opened we can't use passive effects.
   // Focusing in passive effects in Popper causes scroll jump.
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (autoFocus && !disabled && !isAnimating && !outsideCurrentMonth) {
       // ref.current being null would be a bug in MUI
       ref.current.focus();
@@ -225,6 +227,7 @@ const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps,
     children: !children ? utils.format(day, 'dayOfMonth') : children
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersDayRaw.displayName = "PickersDayRaw";
 process.env.NODE_ENV !== "production" ? PickersDayRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -376,4 +379,5 @@ process.env.NODE_ENV !== "production" ? PickersDayRaw.propTypes = {
  *
  * - [PickersDay API](https://mui.com/x/api/date-pickers/pickers-day/)
  */
-const PickersDay = exports.PickersDay = /*#__PURE__*/React.memo(PickersDayRaw);
+const PickersDay = exports.PickersDay = /*#__PURE__*/React.memo(PickersDayRaw);
+if (process.env.NODE_ENV !== "production") PickersDay.displayName = "PickersDay";

package/PickersDay/pickersDayClasses.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPickersDayUtilityClass = getPickersDayUtilityClass;
 exports.pickersDayClasses = void 0;
-var _utils = require("@mui/utils");
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 function getPickersDayUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiPickersDay', slot);
+  return (0, _generateUtilityClass.default)('MuiPickersDay', slot);
 }
-const pickersDayClasses = exports.pickersDayClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersDay', ['root', 'dayWithMargin', 'dayOutsideMonth', 'hiddenDaySpacingFiller', 'today', 'selected', 'disabled']);
+const pickersDayClasses = exports.pickersDayClasses = (0, _generateUtilityClasses.default)('MuiPickersDay', ['root', 'dayWithMargin', 'dayOutsideMonth', 'hiddenDaySpacingFiller', 'today', 'selected', 'disabled']);

package/PickersLayout/PickersLayout.js

@@ -144,6 +144,7 @@ const PickersLayout = exports.PickersLayout = /*#__PURE__*/React.forwardRef(func
     }), actionBar]
   });
 });
+if (process.env.NODE_ENV !== "production") PickersLayout.displayName = "PickersLayout";
 process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/PickersLayout/PickersLayout.types.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import { PickersActionBar, PickersActionBarProps } from "../PickersActionBar/index.js";
 import { BaseToolbarProps, ExportedBaseToolbarProps } from "../internals/models/props/toolbar.js";
 import { ExportedBaseTabsProps } from "../internals/models/props/tabs.js";

package/PickersSectionList/PickersSectionList.js

@@ -211,6 +211,7 @@ const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwa
     })
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersSectionList.displayName = "PickersSectionList";
 process.env.NODE_ENV !== "production" ? PickersSectionList.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/PickersSectionList/PickersSectionList.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import { PickersSectionListClasses } from "./pickersSectionListClasses.js";
 import { PickerOwnerState } from "../models/index.js";
 import type { UseFieldDOMGetters } from "../internals/hooks/useField/useField.types.js";

package/PickersTextField/PickersFilledInput/PickersFilledInput.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
 var _system = require("@mui/system");
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersFilledInputClasses = require("./pickersFilledInputClasses");
 var _PickersInputBase = require("../PickersInputBase");
@@ -234,6 +234,7 @@ const PickersFilledInput = exports.PickersFilledInput = /*#__PURE__*/React.forwa
     ownerState: ownerState
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersFilledInput.displayName = "PickersFilledInput";
 process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -269,7 +270,7 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
   hiddenLabel: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
   name: _propTypes.default.string,

package/PickersTextField/PickersInput/PickersInput.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
 var _createStyled = require("@mui/system/createStyled");
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersInputClasses = require("./pickersInputClasses");
 var _PickersInputBase = require("../PickersInputBase");
@@ -151,6 +151,7 @@ const PickersInput = exports.PickersInput = /*#__PURE__*/React.forwardRef(functi
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersInput.displayName = "PickersInput";
 process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -185,7 +186,7 @@ process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
   fullWidth: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
   name: _propTypes.default.string,

package/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormControl = require("@mui/material/FormControl");
 var _styles = require("@mui/material/styles");
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
@@ -401,6 +401,7 @@ const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRe
     })]
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersInputBase.displayName = "PickersInputBase";
 process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -434,7 +435,7 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
   fullWidth: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
   name: _propTypes.default.string,

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormControl = require("@mui/material/FormControl");
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersOutlinedInputClasses = require("./pickersOutlinedInputClasses");
 var _Outline = _interopRequireDefault(require("./Outline"));
@@ -128,6 +128,7 @@ const PickersOutlinedInput = exports.PickersOutlinedInput = /*#__PURE__*/React.f
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersOutlinedInput.displayName = "PickersOutlinedInput";
 process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -161,7 +162,7 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
   fullWidth: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
   name: _propTypes.default.string,