@mui/x-date-pickers 8.3.1 → 8.5.0

package/PickersTextField/PickersTextField.js

@@ -13,7 +13,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 _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
@@ -36,7 +36,9 @@ const VARIANT_COMPONENT = {
 const PickersTextFieldRoot = (0, _styles.styled)(_FormControl.default, {
   name: 'MuiPickersTextField',
   slot: 'Root'
-})({});
+})({
+  maxWidth: '100%'
+});
 const useUtilityClasses = (classes, ownerState) => {
   const {
     isFieldFocused,
@@ -181,6 +183,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
     }))
   });
 });
+if (process.env.NODE_ENV !== "production") PickersTextField.displayName = "PickersTextField";
 process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -246,7 +249,7 @@ process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
    * component depending on the `variant` prop value.
    */
   InputProps: _propTypes.default.object,
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   label: _propTypes.default.node,
   /**
    * If `dense` or `normal`, will adjust vertical spacing of this and contained components.

package/PickersTextField/usePickerTextFieldOwnerState.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.usePickerTextFieldOwnerState = exports.PickerTextFieldOwnerStateContext = void 0;
 var React = _interopRequireWildcard(require("react"));
 const PickerTextFieldOwnerStateContext = exports.PickerTextFieldOwnerStateContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerTextFieldOwnerStateContext.displayName = "PickerTextFieldOwnerStateContext";
 const usePickerTextFieldOwnerState = () => {
   const value = React.useContext(PickerTextFieldOwnerStateContext);
   if (value == null) {

package/StaticDatePicker/StaticDatePicker.js

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

package/StaticDateTimePicker/StaticDateTimePicker.js

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

package/StaticTimePicker/StaticTimePicker.js

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

package/TimeClock/Clock.js

@@ -12,7 +12,8 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _ClockPointer = require("./ClockPointer");
 var _usePickerTranslations = require("../hooks/usePickerTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
@@ -32,7 +33,7 @@ const useUtilityClasses = (classes, ownerState) => {
     pmButton: ['pmButton', ownerState.clockMeridiemMode === 'pm' && 'selected'],
     meridiemText: ['meridiemText']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _clockClasses.getClockUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _clockClasses.getClockUtilityClass, classes);
 };
 const ClockRoot = (0, _styles.styled)('div', {
   name: 'MuiClock',
@@ -246,7 +247,7 @@ function Clock(inProps) {
   const listboxRef = React.useRef(null);
   // 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) {
       // The ref not being resolved would be a bug in MUI.
       listboxRef.current.focus();

package/TimeClock/TimeClock.js

@@ -13,7 +13,8 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _usePickerTranslations = require("../hooks/usePickerTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _PickersArrowSwitcher = require("../internals/components/PickersArrowSwitcher");
@@ -35,7 +36,7 @@ const useUtilityClasses = classes => {
     root: ['root'],
     arrowSwitcher: ['arrowSwitcher']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _timeClockClasses.getTimeClockUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timeClockClasses.getTimeClockUtilityClass, classes);
 };
 const TimeClockRoot = (0, _styles.styled)(_PickerViewRoot.PickerViewRoot, {
   name: 'MuiTimeClock',
@@ -124,7 +125,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
   });
   const translations = (0, _usePickerTranslations.usePickerTranslations)();
   const now = (0, _useUtils.useNow)(timezone);
-  const selectedId = (0, _utils.unstable_useId)();
+  const selectedId = (0, _useId.default)();
   const {
     ownerState
   } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
@@ -336,6 +337,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
     })]
   }));
 });
+if (process.env.NODE_ENV !== "production") TimeClock.displayName = "TimeClock";
 process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/TimeClock/clockClasses.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.clockClasses = void 0;
 exports.getClockUtilityClass = getClockUtilityClass;
-var _utils = require("@mui/utils");
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 function getClockUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiClock', slot);
+  return (0, _generateUtilityClass.default)('MuiClock', slot);
 }
-const clockClasses = exports.clockClasses = (0, _utils.unstable_generateUtilityClasses)('MuiClock', ['root', 'clock', 'wrapper', 'squareMask', 'pin', 'amButton', 'pmButton', 'meridiemText', 'selected']);
+const clockClasses = exports.clockClasses = (0, _generateUtilityClasses.default)('MuiClock', ['root', 'clock', 'wrapper', 'squareMask', 'pin', 'amButton', 'pmButton', 'meridiemText', 'selected']);

package/TimeClock/clockNumberClasses.js

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

package/TimeClock/clockPointerClasses.js

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

package/TimeClock/timeClockClasses.js

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

package/TimeField/TimeField.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _useTimeField = require("./useTimeField");
 var _PickerFieldUI = require("../internals/components/PickerFieldUI");
 var _icons = require("../icons");
@@ -50,6 +50,7 @@ const TimeField = exports.TimeField = /*#__PURE__*/React.forwardRef(function Tim
     defaultOpenPickerIcon: _icons.ClockIcon
   });
 });
+if (process.env.NODE_ENV !== "production") TimeField.displayName = "TimeField";
 process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -176,7 +177,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/TimePicker/TimePicker.js

@@ -13,10 +13,10 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _DesktopTimePicker = require("../DesktopTimePicker");
 var _MobileTimePicker = require("../MobileTimePicker");
-var _utils2 = require("../internals/utils/utils");
+var _utils = require("../internals/utils/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["desktopModeMediaQuery"];
 /**
@@ -35,7 +35,7 @@ const TimePicker = exports.TimePicker = /*#__PURE__*/React.forwardRef(function T
     name: 'MuiTimePicker'
   });
   const {
-      desktopModeMediaQuery = _utils2.DEFAULT_DESKTOP_MODE_MEDIA_QUERY
+      desktopModeMediaQuery = _utils.DEFAULT_DESKTOP_MODE_MEDIA_QUERY
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
@@ -52,6 +52,7 @@ const TimePicker = exports.TimePicker = /*#__PURE__*/React.forwardRef(function T
     ref: ref
   }, other));
 });
+if (process.env.NODE_ENV !== "production") TimePicker.displayName = "TimePicker";
 process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -136,7 +137,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/TimePicker/timePickerToolbarClasses.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTimePickerToolbarUtilityClass = getTimePickerToolbarUtilityClass;
 exports.timePickerToolbarClasses = void 0;
-var _utils = require("@mui/utils");
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 function getTimePickerToolbarUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiTimePickerToolbar', slot);
+  return (0, _generateUtilityClass.default)('MuiTimePickerToolbar', slot);
 }
-const timePickerToolbarClasses = exports.timePickerToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTimePickerToolbar', ['root', 'separator', 'hourMinuteLabel', 'hourMinuteLabelLandscape', 'hourMinuteLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel']);
+const timePickerToolbarClasses = exports.timePickerToolbarClasses = (0, _generateUtilityClasses.default)('MuiTimePickerToolbar', ['root', 'separator', 'hourMinuteLabel', 'hourMinuteLabelLandscape', 'hourMinuteLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel']);

package/YearCalendar/YearCalendar.js

@@ -15,7 +15,10 @@ 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 _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _YearCalendarButton = require("./YearCalendarButton");
 var _useUtils = require("../internals/hooks/useUtils");
 var _yearCalendarClasses = require("./yearCalendarClasses");
@@ -31,7 +34,7 @@ const useUtilityClasses = classes => {
   const slots = {
     root: ['root']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _yearCalendarClasses.getYearCalendarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _yearCalendarClasses.getYearCalendarUtilityClass, classes);
 };
 function useYearCalendarDefaultizedProps(props, name) {
   const themeProps = (0, _styles.useThemeProps)({
@@ -159,13 +162,13 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
     return null;
   }, [value, utils]);
   const [focusedYear, setFocusedYear] = React.useState(() => selectedYear || utils.getYear(referenceDate));
-  const [internalHasFocus, setInternalHasFocus] = (0, _utils.unstable_useControlled)({
+  const [internalHasFocus, setInternalHasFocus] = (0, _useControlled.default)({
     name: 'YearCalendar',
     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);
@@ -190,14 +193,14 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
     const yearToValidate = utils.startOfYear(dateToValidate);
     return shouldDisableYear(yearToValidate);
   }, [disableFuture, disablePast, maxDate, minDate, now, shouldDisableYear, utils]);
-  const handleYearSelection = (0, _utils.unstable_useEventCallback)((event, year) => {
+  const handleYearSelection = (0, _useEventCallback.default)((event, year) => {
     if (readOnly) {
       return;
     }
     const newDate = utils.setYear(value ?? referenceDate, year);
     handleValueChange(newDate);
   });
-  const focusYear = (0, _utils.unstable_useEventCallback)(year => {
+  const focusYear = (0, _useEventCallback.default)(year => {
     if (!isYearDisabled(utils.setYear(value ?? referenceDate, year))) {
       setFocusedYear(year);
       changeHasFocus(true);
@@ -209,7 +212,7 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
   }, [selectedYear]);
   const verticalDirection = yearsOrder !== 'desc' ? yearsPerRow * 1 : yearsPerRow * -1;
   const horizontalDirection = isRtl && yearsOrder === 'asc' || !isRtl && yearsOrder === 'desc' ? -1 : 1;
-  const handleKeyDown = (0, _utils.unstable_useEventCallback)((event, year) => {
+  const handleKeyDown = (0, _useEventCallback.default)((event, year) => {
     switch (event.key) {
       case 'ArrowUp':
         focusYear(year - verticalDirection);
@@ -231,16 +234,16 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
         break;
     }
   });
-  const handleYearFocus = (0, _utils.unstable_useEventCallback)((event, year) => {
+  const handleYearFocus = (0, _useEventCallback.default)((event, year) => {
     focusYear(year);
   });
-  const handleYearBlur = (0, _utils.unstable_useEventCallback)((event, year) => {
+  const handleYearBlur = (0, _useEventCallback.default)((event, year) => {
     if (focusedYear === year) {
       changeHasFocus(false);
     }
   });
   const scrollerRef = React.useRef(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(ref, scrollerRef);
+  const handleRef = (0, _useForkRef.default)(ref, scrollerRef);
   React.useEffect(() => {
     if (autoFocus || scrollerRef.current === null) {
       return;
@@ -303,6 +306,7 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
     }, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(YearCalendarButtonFiller, {}, index))]
   }));
 });
+if (process.env.NODE_ENV !== "production") YearCalendar.displayName = "YearCalendar";
 process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/YearCalendar/YearCalendarButton.js

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

package/YearCalendar/yearCalendarClasses.js

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

package/dateViewRenderers/dateViewRenderers.js

@@ -88,4 +88,5 @@ const renderDateViewCalendar = ({
   displayWeekNumber: displayWeekNumber,
   timezone: timezone
 });
-exports.renderDateViewCalendar = renderDateViewCalendar;
+exports.renderDateViewCalendar = renderDateViewCalendar;
+if (process.env.NODE_ENV !== "production") renderDateViewCalendar.displayName = "renderDateViewCalendar";

package/esm/DateCalendar/DateCalendar.js

@@ -8,7 +8,9 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, unstable_useId as useId, unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
+import useId from '@mui/utils/useId';
+import useEventCallback from '@mui/utils/useEventCallback';
 import { useCalendarState } from "./useCalendarState.js";
 import { useUtils } from "../internals/hooks/useUtils.js";
 import { PickersFadeTransitionGroup } from "./PickersFadeTransitionGroup.js";
@@ -361,6 +363,7 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
     })]
   }));
 });
+if (process.env.NODE_ENV !== "production") DateCalendar.displayName = "DateCalendar";
 process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DateCalendar/DateCalendar.types.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import { DefaultizedProps } from '@mui/x-internals/types';
 import { PickersCalendarHeader, PickersCalendarHeaderProps, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps } from "../PickersCalendarHeader/index.js";
 import { DayCalendarSlots, DayCalendarSlotProps, ExportedDayCalendarProps } from "./DayCalendar.js";

package/esm/DateCalendar/dateCalendarClasses.js

@@ -1,3 +1,4 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export const getDateCalendarUtilityClass = slot => generateUtilityClass('MuiDateCalendar', slot);
 export const dateCalendarClasses = generateUtilityClasses('MuiDateCalendar', ['root', 'viewTransitionContainer']);

package/esm/DateCalendar/dayCalendarClasses.js

@@ -1,3 +1,4 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export const getDayCalendarUtilityClass = slot => generateUtilityClass('MuiDayCalendar', slot);
 export const dayCalendarClasses = generateUtilityClasses('MuiDayCalendar', ['root', 'header', 'weekDayLabel', 'loadingContainer', 'slideTransition', 'monthContainer', 'weekContainer', 'weekNumberLabel', 'weekNumber']);

package/esm/DateCalendar/pickersFadeTransitionGroupClasses.js

@@ -1,3 +1,4 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export const getPickersFadeTransitionGroupUtilityClass = slot => generateUtilityClass('MuiPickersFadeTransitionGroup', slot);
 export const pickersFadeTransitionGroupClasses = generateUtilityClasses('MuiPickersFadeTransitionGroup', ['root']);

package/esm/DateCalendar/pickersSlideTransitionClasses.js

@@ -1,3 +1,4 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export const getPickersSlideTransitionUtilityClass = slot => generateUtilityClass('MuiPickersSlideTransition', slot);
 export const pickersSlideTransitionClasses = generateUtilityClasses('MuiPickersSlideTransition', ['root', 'slideEnter-left', 'slideEnter-right', 'slideEnterActive', 'slideExit', 'slideExitActiveLeft-left', 'slideExitActiveLeft-right']);

package/esm/DateField/DateField.js

@@ -5,7 +5,7 @@ const _excluded = ["slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { useDateField } from "./useDateField.js";
 import { PickerFieldUI, useFieldTextFieldProps } from "../internals/components/PickerFieldUI.js";
 import { CalendarIcon } from "../icons/index.js";
@@ -43,6 +43,7 @@ const DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, inRe
     defaultOpenPickerIcon: CalendarIcon
   });
 });
+if (process.env.NODE_ENV !== "production") DateField.displayName = "DateField";
 process.env.NODE_ENV !== "production" ? DateField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DatePicker/DatePicker.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useThemeProps } from '@mui/material/styles';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { DesktopDatePicker } from "../DesktopDatePicker/index.js";
 import { MobileDatePicker } from "../MobileDatePicker/index.js";
 import { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "../internals/utils/utils.js";
@@ -45,6 +45,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(inProps, re
     ref: ref
   }, other));
 });
+if (process.env.NODE_ENV !== "production") DatePicker.displayName = "DatePicker";
 process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DatePicker/DatePickerToolbar.js

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

package/esm/DatePicker/datePickerToolbarClasses.js

@@ -1,4 +1,5 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getDatePickerToolbarUtilityClass(slot) {
   return generateUtilityClass('MuiDatePickerToolbar', slot);
 }

package/esm/DateTimeField/DateTimeField.js

@@ -5,7 +5,7 @@ const _excluded = ["slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { useDateTimeField } from "./useDateTimeField.js";
 import { PickerFieldUI, useFieldTextFieldProps } from "../internals/components/PickerFieldUI.js";
 import { CalendarIcon } from "../icons/index.js";
@@ -43,6 +43,7 @@ const DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inPro
     defaultOpenPickerIcon: CalendarIcon
   });
 });
+if (process.env.NODE_ENV !== "production") DateTimeField.displayName = "DateTimeField";
 process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DateTimePicker/DateTimePicker.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useThemeProps } from '@mui/material/styles';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { DesktopDateTimePicker } from "../DesktopDateTimePicker/index.js";
 import { MobileDateTimePicker } from "../MobileDateTimePicker/index.js";
 import { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "../internals/utils/utils.js";
@@ -45,6 +45,7 @@ const DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inP
     ref: ref
   }, other));
 });
+if (process.env.NODE_ENV !== "production") DateTimePicker.displayName = "DateTimePicker";
 process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DateTimePicker/DateTimePickerTabs.js

@@ -108,6 +108,7 @@ const DateTimePickerTabs = function DateTimePickerTabs(inProps) {
     })]
   });
 };
+if (process.env.NODE_ENV !== "production") DateTimePickerTabs.displayName = "DateTimePickerTabs";
 process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DateTimePicker/DateTimePickerToolbar.js

@@ -217,6 +217,7 @@ export const DateTimePickerToolbarOverrideContext = /*#__PURE__*/React.createCon
  *
  * - [DateTimePickerToolbar API](https://mui.com/x/api/date-pickers/date-time-picker-toolbar/)
  */
+if (process.env.NODE_ENV !== "production") DateTimePickerToolbarOverrideContext.displayName = "DateTimePickerToolbarOverrideContext";
 function DateTimePickerToolbar(inProps) {
   const props = useThemeProps({
     props: inProps,

package/esm/DateTimePicker/dateTimePickerTabsClasses.js

@@ -1,4 +1,5 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getDateTimePickerTabsUtilityClass(slot) {
   return generateUtilityClass('MuiDateTimePickerTabs', slot);
 }

package/esm/DateTimePicker/dateTimePickerToolbarClasses.js

@@ -1,4 +1,5 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getDateTimePickerToolbarUtilityClass(slot) {
   return generateUtilityClass('MuiDateTimePickerToolbar', slot);
 }

package/esm/DayCalendarSkeleton/dayCalendarSkeletonClasses.js

@@ -1,3 +1,4 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export const getDayCalendarSkeletonUtilityClass = slot => generateUtilityClass('MuiDayCalendarSkeleton', slot);
 export const dayCalendarSkeletonClasses = generateUtilityClasses('MuiDayCalendarSkeleton', ['root', 'week', 'daySkeleton']);