@mui/x-date-pickers 7.11.0 → 7.12.0

package/node/PickersCalendarHeader/PickersCalendarHeader.js

@@ -12,8 +12,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/base/utils");
-var _utils2 = require("@mui/utils");
+var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
     switchViewButton: ['switchViewButton'],
     switchViewIcon: ['switchViewIcon']
   };
-  return (0, _utils2.unstable_composeClasses)(slots, _pickersCalendarHeaderClasses.getPickersCalendarHeaderUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersCalendarHeaderClasses.getPickersCalendarHeaderUtilityClass, classes);
 };
 const PickersCalendarHeaderRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersCalendarHeader',
@@ -146,7 +146,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
   const ownerState = props;
   const classes = useUtilityClasses(props);
   const SwitchViewButton = slots?.switchViewButton ?? PickersCalendarHeaderSwitchViewButton;
-  const switchViewButtonProps = (0, _utils.useSlotProps)({
+  const switchViewButtonProps = (0, _useSlotProps2.default)({
     elementType: SwitchViewButton,
     externalSlotProps: slotProps?.switchViewButton,
     additionalProps: {
@@ -158,7 +158,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
   });
   const SwitchViewIcon = slots?.switchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
-  const _useSlotProps = (0, _utils.useSlotProps)({
+  const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: SwitchViewIcon,
       externalSlotProps: slotProps?.switchViewIcon,
       ownerState,

package/node/PickersLayout/PickersLayout.js

@@ -9,7 +9,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersLayoutClasses = require("./pickersLayoutClasses");
 var _usePickerLayout = _interopRequireDefault(require("./usePickerLayout"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', isLandscape && 'landscape'],
     contentWrapper: ['contentWrapper']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersLayoutClasses.getPickersLayoutUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersLayoutClasses.getPickersLayoutUtilityClass, classes);
 };
 const PickersLayoutRoot = exports.PickersLayoutRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersLayout',

package/node/PickersLayout/usePickerLayout.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/base/utils");
-var _utils2 = require("@mui/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _PickersActionBar = require("../PickersActionBar");
 var _pickersLayoutClasses = require("./pickersLayoutClasses");
 var _PickersShortcuts = require("../PickersShortcuts");
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
     landscape: ['landscape'],
     shortcuts: ['shortcuts']
   };
-  return (0, _utils2.unstable_composeClasses)(slots, _pickersLayoutClasses.getPickersLayoutUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersLayoutClasses.getPickersLayoutUtilityClass, classes);
 };
 const usePickerLayout = props => {
   const {
@@ -63,7 +63,7 @@ const usePickerLayout = props => {
 
   // Action bar
   const ActionBar = slots?.actionBar ?? _PickersActionBar.PickersActionBar;
-  const actionBarProps = (0, _utils.useSlotProps)({
+  const actionBarProps = (0, _useSlotProps.default)({
     elementType: ActionBar,
     externalSlotProps: slotProps?.actionBar,
     additionalProps: {
@@ -82,7 +82,7 @@ const usePickerLayout = props => {
 
   // Toolbar
   const Toolbar = slots?.toolbar;
-  const toolbarProps = (0, _utils.useSlotProps)({
+  const toolbarProps = (0, _useSlotProps.default)({
     elementType: Toolbar,
     externalSlotProps: slotProps?.toolbar,
     additionalProps: {
@@ -115,7 +115,7 @@ const usePickerLayout = props => {
 
   // Shortcuts
   const Shortcuts = slots?.shortcuts ?? _PickersShortcuts.PickersShortcuts;
-  const shortcutsProps = (0, _utils.useSlotProps)({
+  const shortcutsProps = (0, _useSlotProps.default)({
     elementType: Shortcuts,
     externalSlotProps: slotProps?.shortcuts,
     additionalProps: {

package/node/PickersSectionList/PickersSectionList.js

@@ -9,7 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/base/utils");
+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");
@@ -73,7 +73,7 @@ function PickersSection(props) {
     classes
   } = props;
   const Section = slots?.section ?? PickersSectionListSection;
-  const sectionProps = (0, _utils.useSlotProps)({
+  const sectionProps = (0, _useSlotProps.default)({
     elementType: Section,
     externalSlotProps: slotProps?.section,
     externalForwardedProps: element.container,
@@ -81,7 +81,7 @@ function PickersSection(props) {
     ownerState: {}
   });
   const SectionContent = slots?.sectionContent ?? PickersSectionListSectionContent;
-  const sectionContentProps = (0, _utils.useSlotProps)({
+  const sectionContentProps = (0, _useSlotProps.default)({
     elementType: SectionContent,
     externalSlotProps: slotProps?.sectionContent,
     externalForwardedProps: element.content,
@@ -92,7 +92,7 @@ function PickersSection(props) {
     ownerState: {}
   });
   const SectionSeparator = slots?.sectionSeparator ?? PickersSectionListSectionSeparator;
-  const sectionSeparatorBeforeProps = (0, _utils.useSlotProps)({
+  const sectionSeparatorBeforeProps = (0, _useSlotProps.default)({
     elementType: SectionSeparator,
     externalSlotProps: slotProps?.sectionSeparator,
     externalForwardedProps: element.before,
@@ -100,7 +100,7 @@ function PickersSection(props) {
       position: 'before'
     }
   });
-  const sectionSeparatorAfterProps = (0, _utils.useSlotProps)({
+  const sectionSeparatorAfterProps = (0, _useSlotProps.default)({
     elementType: SectionSeparator,
     externalSlotProps: slotProps?.sectionSeparator,
     externalForwardedProps: element.after,
@@ -163,7 +163,7 @@ const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwa
     }
   }));
   const Root = slots?.root ?? PickersSectionListRoot;
-  const rootProps = (0, _utils.useSlotProps)({
+  const rootProps = (0, _useSlotProps.default)({
     elementType: Root,
     externalSlotProps: slotProps?.root,
     externalForwardedProps: other,

package/node/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -15,7 +15,7 @@ var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _utils = require("@mui/utils");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
-var _utils2 = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _visuallyHidden = _interopRequireDefault(require("@mui/utils/visuallyHidden"));
 var _RtlProvider = require("@mui/system/RtlProvider");
 var _pickersInputBaseClasses = require("./pickersInputBaseClasses");
@@ -243,7 +243,7 @@ const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRe
   });
   const classes = useUtilityClasses(ownerState);
   const InputRoot = slots?.root || PickersInputBaseRoot;
-  const inputRootProps = (0, _utils2.useSlotProps)({
+  const inputRootProps = (0, _useSlotProps.default)({
     elementType: InputRoot,
     externalSlotProps: slotProps?.root,
     externalForwardedProps: other,

package/node/StaticDatePicker/StaticDatePicker.js

@@ -128,10 +128,12 @@ StaticDatePicker.propTypes = {
   localeText: _propTypes.default.object,
   /**
    * Maximal selectable date.
+   * @default 2099-12-31
    */
   maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
+   * @default 1900-01-01
    */
   minDate: _propTypes.default.object,
   /**

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -153,6 +153,7 @@ StaticDateTimePicker.propTypes = {
   localeText: _propTypes.default.object,
   /**
    * Maximal selectable date.
+   * @default 2099-12-31
    */
   maxDate: _propTypes.default.object,
   /**
@@ -166,6 +167,7 @@ StaticDateTimePicker.propTypes = {
   maxTime: _propTypes.default.object,
   /**
    * Minimal selectable date.
+   * @default 1900-01-01
    */
   minDate: _propTypes.default.object,
   /**

package/node/TimeClock/ClockNumber.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _shared = require("./shared");
 var _clockNumberClasses = require("./clockNumberClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -26,7 +26,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', selected && 'selected', disabled && 'disabled']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _clockNumberClasses.getClockNumberUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _clockNumberClasses.getClockNumberUtilityClass, classes);
 };
 const ClockNumberRoot = (0, _styles.styled)('span', {
   name: 'MuiClockNumber',

package/node/TimeClock/ClockPointer.js

@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _shared = require("./shared");
 var _clockPointerClasses = require("./clockPointerClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     thumb: ['thumb']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _clockPointerClasses.getClockPointerUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _clockPointerClasses.getClockPointerUtilityClass, classes);
 };
 const ClockPointerRoot = (0, _styles.styled)('div', {
   name: 'MuiClockPointer',

package/node/TimeField/TimeField.js

@@ -11,8 +11,8 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/base/utils");
-var _utils2 = require("@mui/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _utils = require("@mui/utils");
 var _useTimeField = require("./useTimeField");
 var _hooks = require("../hooks");
 var _PickersTextField = require("../PickersTextField");
@@ -45,7 +45,7 @@ const TimeField = exports.TimeField = /*#__PURE__*/React.forwardRef(function Tim
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
   const TextField = slots?.textField ?? (inProps.enableAccessibleFieldDOMStructure ? _PickersTextField.PickersTextField : _TextField.default);
-  const textFieldProps = (0, _utils.useSlotProps)({
+  const textFieldProps = (0, _useSlotProps.default)({
     elementType: TextField,
     externalSlotProps: slotProps?.textField,
     externalForwardedProps: other,
@@ -181,7 +181,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils2.refType,
+  inputRef: _utils.refType,
   /**
    * The label content.
    */

package/node/TimePicker/TimePickerToolbar.js

@@ -12,11 +12,11 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _RtlProvider = require("@mui/system/RtlProvider");
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _PickersToolbarText = require("../internals/components/PickersToolbarText");
 var _PickersToolbarButton = require("../internals/components/PickersToolbarButton");
 var _PickersToolbar = require("../internals/components/PickersToolbar");
-var _utils2 = require("../internals/utils/utils");
+var _utils = require("../internals/utils/utils");
 var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
@@ -39,7 +39,7 @@ const useUtilityClasses = ownerState => {
     ampmSelection: ['ampmSelection', isLandscape && 'ampmLandscape'],
     ampmLabel: ['ampmLabel']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _timePickerToolbarClasses.getTimePickerToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timePickerToolbarClasses.getTimePickerToolbarUtilityClass, classes);
 };
 const TimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToolbar, {
   name: 'MuiTimePickerToolbar',
@@ -170,19 +170,19 @@ function TimePickerToolbar(inProps) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TimePickerToolbarHourMinuteLabel, {
       className: classes.hourMinuteLabel,
       ownerState: ownerState,
-      children: [(0, _utils2.arrayIncludes)(views, 'hours') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
+      children: [(0, _utils.arrayIncludes)(views, 'hours') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         tabIndex: -1,
         variant: "h3",
         onClick: () => onViewChange('hours'),
         selected: view === 'hours',
         value: value ? formatHours(value) : '--'
-      }), (0, _utils2.arrayIncludes)(views, ['hours', 'minutes']) && separator, (0, _utils2.arrayIncludes)(views, 'minutes') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
+      }), (0, _utils.arrayIncludes)(views, ['hours', 'minutes']) && separator, (0, _utils.arrayIncludes)(views, 'minutes') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         tabIndex: -1,
         variant: "h3",
         onClick: () => onViewChange('minutes'),
         selected: view === 'minutes',
         value: value ? utils.format(value, 'minutes') : '--'
-      }), (0, _utils2.arrayIncludes)(views, ['minutes', 'seconds']) && separator, (0, _utils2.arrayIncludes)(views, 'seconds') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
+      }), (0, _utils.arrayIncludes)(views, ['minutes', 'seconds']) && separator, (0, _utils.arrayIncludes)(views, 'seconds') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         variant: "h3",
         onClick: () => onViewChange('seconds'),
         selected: view === 'seconds',

package/node/YearCalendar/PickersYear.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _pickersYearClasses = require("./pickersYearClasses");
@@ -130,7 +130,7 @@ const PickersYear = exports.PickersYear = /*#__PURE__*/React.memo(function Picke
     }
   }, [autoFocus]);
   const YearButton = slots?.yearButton ?? YearCalendarButton;
-  const yearButtonProps = (0, _utils.useSlotProps)({
+  const yearButtonProps = (0, _useSlotProps.default)({
     elementType: YearButton,
     externalSlotProps: slotProps?.yearButton,
     additionalProps: {

package/node/YearCalendar/YearCalendar.js

@@ -306,10 +306,12 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
   hasFocus: _propTypes.default.bool,
   /**
    * Maximal selectable date.
+   * @default 2099-12-31
    */
   maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
+   * @default 1900-01-01
    */
   minDate: _propTypes.default.object,
   /**

package/node/hooks/useClearableField.js

@@ -8,7 +8,7 @@ exports.useClearableField = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _icons = require("../icons");
@@ -31,7 +31,7 @@ const useClearableField = props => {
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const IconButton = slots?.clearButton ?? _IconButton.default;
   // The spread is here to avoid this bug mui/material-ui#34056
-  const _useSlotProps = (0, _utils.useSlotProps)({
+  const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: IconButton,
       externalSlotProps: slotProps?.clearButton,
       ownerState: {},
@@ -42,7 +42,7 @@ const useClearableField = props => {
     }),
     iconButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const EndClearIcon = slots?.clearIcon ?? _icons.ClearIcon;
-  const endClearIconProps = (0, _utils.useSlotProps)({
+  const endClearIconProps = (0, _useSlotProps2.default)({
     elementType: EndClearIcon,
     externalSlotProps: slotProps?.clearIcon,
     ownerState: {}

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.11.0
+ * @mui/x-date-pickers v7.12.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -12,8 +12,8 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _RtlProvider = require("@mui/system/RtlProvider");
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
-var _utils2 = require("@mui/base/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useSlotProps3 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _icons = require("../../../icons");
 var _pickersArrowSwitcherClasses = require("./pickersArrowSwitcherClasses");
@@ -66,7 +66,7 @@ const useUtilityClasses = ownerState => {
     leftArrowIcon: ['leftArrowIcon'],
     rightArrowIcon: ['rightArrowIcon']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersArrowSwitcherClasses.getPickersArrowSwitcherUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersArrowSwitcherClasses.getPickersArrowSwitcherUtilityClass, classes);
 };
 const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(inProps, ref) {
   const isRtl = (0, _RtlProvider.useRtl)();
@@ -105,7 +105,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
     label: previousLabel
   };
   const PreviousIconButton = slots?.previousIconButton ?? PickersArrowSwitcherButton;
-  const previousIconButtonProps = (0, _utils2.useSlotProps)({
+  const previousIconButtonProps = (0, _useSlotProps3.default)({
     elementType: PreviousIconButton,
     externalSlotProps: slotProps?.previousIconButton,
     additionalProps: {
@@ -122,7 +122,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
     className: (0, _clsx.default)(classes.button, classes.previousIconButton)
   });
   const NextIconButton = slots?.nextIconButton ?? PickersArrowSwitcherButton;
-  const nextIconButtonProps = (0, _utils2.useSlotProps)({
+  const nextIconButtonProps = (0, _useSlotProps3.default)({
     elementType: NextIconButton,
     externalSlotProps: slotProps?.nextIconButton,
     additionalProps: {
@@ -140,7 +140,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
   });
   const LeftArrowIcon = slots?.leftArrowIcon ?? _icons.ArrowLeftIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
-  const _useSlotProps = (0, _utils2.useSlotProps)({
+  const _useSlotProps = (0, _useSlotProps3.default)({
       elementType: LeftArrowIcon,
       externalSlotProps: slotProps?.leftArrowIcon,
       additionalProps: {
@@ -152,7 +152,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
     leftArrowIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const RightArrowIcon = slots?.rightArrowIcon ?? _icons.ArrowRightIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
-  const _useSlotProps2 = (0, _utils2.useSlotProps)({
+  const _useSlotProps2 = (0, _useSlotProps3.default)({
       elementType: RightArrowIcon,
       externalSlotProps: slotProps?.rightArrowIcon,
       additionalProps: {

package/node/internals/components/PickersPopper.js

@@ -8,16 +8,16 @@ exports.PickersPopper = PickersPopper;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
 var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
 var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _Unstable_TrapFocus = _interopRequireDefault(require("@mui/material/Unstable_TrapFocus"));
-var _utils2 = require("@mui/utils");
+var _utils = require("@mui/utils");
 var _styles = require("@mui/material/styles");
 var _pickersPopperClasses = require("./pickersPopperClasses");
-var _utils3 = require("../utils/utils");
+var _utils2 = require("../utils/utils");
 var _useDefaultReduceAnimations = require("../hooks/useDefaultReduceAnimations");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["PaperComponent", "popperPlacement", "ownerState", "children", "paperSlotProps", "paperClasses", "onPaperClick", "onPaperTouchStart"];
@@ -31,7 +31,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     paper: ['paper']
   };
-  return (0, _utils2.unstable_composeClasses)(slots, _pickersPopperClasses.getPickersPopperUtilityClass, classes);
+  return (0, _utils.unstable_composeClasses)(slots, _pickersPopperClasses.getPickersPopperUtilityClass, classes);
 };
 const PickersPopperRoot = (0, _styles.styled)(_Popper.default, {
   name: 'MuiPickersPopper',
@@ -98,7 +98,7 @@ function useClickAwayListener(active, onClickAway) {
   // clicking a checkbox to check it, hitting a button to submit a form,
   // and hitting left arrow to move the cursor in a text input etc.
   // Only special HTML elements have these default behaviors.
-  const handleClickAway = (0, _utils2.unstable_useEventCallback)(event => {
+  const handleClickAway = (0, _utils.unstable_useEventCallback)(event => {
     if (!activatedRef.current) {
       return;
     }
@@ -107,7 +107,7 @@ function useClickAwayListener(active, onClickAway) {
     // we can only be confident with a positive value.
     const insideReactTree = syntheticEventRef.current;
     syntheticEventRef.current = false;
-    const doc = (0, _utils2.unstable_ownerDocument)(nodeRef.current);
+    const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
 
     // 1. IE11 support, which trigger the handleClickAway even after the unbind
     // 2. The child might render null.
@@ -142,7 +142,7 @@ function useClickAwayListener(active, onClickAway) {
   };
   React.useEffect(() => {
     if (active) {
-      const doc = (0, _utils2.unstable_ownerDocument)(nodeRef.current);
+      const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
       const handleTouchMove = () => {
         movedRef.current = true;
       };
@@ -161,7 +161,7 @@ function useClickAwayListener(active, onClickAway) {
     // Or if this is a timing related issues due to different Transition components
     // Once we get rid of all the manual scheduling (for example setTimeout(update, 0)) we can revisit this code+test.
     if (active) {
-      const doc = (0, _utils2.unstable_ownerDocument)(nodeRef.current);
+      const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
       doc.addEventListener('click', handleClickAway);
       return () => {
         doc.removeEventListener('click', handleClickAway);
@@ -190,7 +190,7 @@ const PickersPopperPaperWrapper = /*#__PURE__*/React.forwardRef((props, ref) =>
   const ownerState = (0, _extends2.default)({}, inOwnerState, {
     placement: popperPlacement
   });
-  const paperProps = (0, _utils.useSlotProps)({
+  const paperProps = (0, _useSlotProps.default)({
     elementType: PaperComponent,
     externalSlotProps: paperSlotProps,
     additionalProps: {
@@ -250,7 +250,7 @@ function PickersPopper(inProps) {
       return;
     }
     if (open) {
-      lastFocusedElementRef.current = (0, _utils3.getActiveElement)(document);
+      lastFocusedElementRef.current = (0, _utils2.getActiveElement)(document);
     } else if (lastFocusedElementRef.current && lastFocusedElementRef.current instanceof HTMLElement) {
       // make sure the button is flushed with updated label, before returning focus to it
       // avoids issue, where screen reader could fail to announce selected date after selection
@@ -263,8 +263,8 @@ function PickersPopper(inProps) {
   }, [open, role, shouldRestoreFocus]);
   const [clickAwayRef, onPaperClick, onPaperTouchStart] = useClickAwayListener(open, onBlur ?? onDismiss);
   const paperRef = React.useRef(null);
-  const handleRef = (0, _utils2.unstable_useForkRef)(paperRef, containerRef);
-  const handlePaperRef = (0, _utils2.unstable_useForkRef)(handleRef, clickAwayRef);
+  const handleRef = (0, _utils.unstable_useForkRef)(paperRef, containerRef);
+  const handlePaperRef = (0, _utils.unstable_useForkRef)(handleRef, clickAwayRef);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const defaultReduceAnimations = (0, _useDefaultReduceAnimations.useDefaultReduceAnimations)();
@@ -280,7 +280,7 @@ function PickersPopper(inProps) {
   const FocusTrap = slots?.desktopTrapFocus ?? _Unstable_TrapFocus.default;
   const Paper = slots?.desktopPaper ?? PickersPopperPaper;
   const Popper = slots?.popper ?? PickersPopperRoot;
-  const popperProps = (0, _utils.useSlotProps)({
+  const popperProps = (0, _useSlotProps.default)({
     elementType: Popper,
     externalSlotProps: slotProps?.popper,
     additionalProps: {

package/node/internals/components/PickersToolbar.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersToolbarClasses = require("./pickersToolbarClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children", "className", "toolbarTitle", "hidden", "titleId", "isLandscape", "classes", "landscapeDirection"];
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
     content: ['content'],
     penIconButton: ['penIconButton', isLandscape && 'penIconButtonLandscape']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersToolbarClasses.getPickersToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersToolbarClasses.getPickersToolbarUtilityClass, classes);
 };
 const PickersToolbarRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersToolbar',

package/node/internals/components/PickersToolbarButton.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _PickersToolbarText = require("./PickersToolbarText");
 var _pickersToolbarClasses = require("./pickersToolbarClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersToolbarClasses.getPickersToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersToolbarClasses.getPickersToolbarUtilityClass, classes);
 };
 const PickersToolbarButtonRoot = (0, _styles.styled)(_Button.default, {
   name: 'MuiPickersToolbarButton',

package/node/internals/components/PickersToolbarText.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersToolbarTextClasses = require("./pickersToolbarTextClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "selected", "value"];
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', selected && 'selected']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersToolbarTextClasses.getPickersToolbarTextUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersToolbarTextClasses.getPickersToolbarTextUtilityClass, classes);
 };
 const PickersToolbarTextRoot = (0, _styles.styled)(_Typography.default, {
   name: 'MuiPickersToolbarText',