@mui/x-date-pickers 8.3.1 → 8.5.0

package/esm/dateViewRenderers/dateViewRenderers.js

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

package/esm/hooks/useIsValidValue.js

@@ -6,6 +6,7 @@ export const IsValidValueContext = /*#__PURE__*/React.createContext(() => true);
 /**
  * Returns a function to check if a value is valid according to the validation props passed to the parent Picker.
  */
+if (process.env.NODE_ENV !== "production") IsValidValueContext.displayName = "IsValidValueContext";
 export function useIsValidValue() {
   return React.useContext(IsValidValueContext);
 }

package/esm/hooks/usePickerContext.js

@@ -6,6 +6,7 @@ export const PickerContext = /*#__PURE__*/React.createContext(null);
 /**
  * Returns the context passed by the Picker wrapping the current component.
  */
+if (process.env.NODE_ENV !== "production") PickerContext.displayName = "PickerContext";
 export const usePickerContext = () => {
   const value = React.useContext(PickerContext);
   if (value == null) {

package/esm/index.js

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

package/esm/internals/components/PickerFieldUI.js

@@ -95,6 +95,7 @@ export const PickerFieldUIContext = /*#__PURE__*/React.createContext({
  * Adds the button to open the Picker and the button to clear the value of the field.
  * @ignore - internal component.
  */
+if (process.env.NODE_ENV !== "production") PickerFieldUIContext.displayName = "PickerFieldUIContext";
 export function PickerFieldUI(props) {
   const {
     slots,

package/esm/internals/components/PickerPopper/PickerPopper.js

@@ -8,7 +8,10 @@ import Fade from '@mui/material/Fade';
 import MuiPaper from '@mui/material/Paper';
 import MuiPopper from '@mui/material/Popper';
 import BaseFocusTrap from '@mui/material/Unstable_TrapFocus';
-import { unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback, unstable_ownerDocument as ownerDocument, unstable_composeClasses as composeClasses } from '@mui/utils';
+import useForkRef from '@mui/utils/useForkRef';
+import useEventCallback from '@mui/utils/useEventCallback';
+import ownerDocument from '@mui/utils/ownerDocument';
+import composeClasses from '@mui/utils/composeClasses';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { getPickerPopperUtilityClass } from "./pickerPopperClasses.js";
 import { executeInTheNextEventLoopTick, getActiveElement } from "../../utils/utils.js";
@@ -197,6 +200,7 @@ const PickerPopperPaperWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
     children: children
   }));
 });
+if (process.env.NODE_ENV !== "production") PickerPopperPaperWrapper.displayName = "PickerPopperPaperWrapper";
 export function PickerPopper(inProps) {
   const props = useThemeProps({
     props: inProps,

package/esm/internals/components/PickerProvider.js

@@ -5,6 +5,7 @@ import { PickerFieldPrivateContext } from "../hooks/useNullableFieldPrivateConte
 import { PickerContext } from "../../hooks/usePickerContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const PickerActionsContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerActionsContext.displayName = "PickerActionsContext";
 export const PickerPrivateContext = /*#__PURE__*/React.createContext({
   ownerState: {
     isPickerDisabled: false,
@@ -34,6 +35,7 @@ export const PickerPrivateContext = /*#__PURE__*/React.createContext({
  *
  * @ignore - do not document.
  */
+if (process.env.NODE_ENV !== "production") PickerPrivateContext.displayName = "PickerPrivateContext";
 export function PickerProvider(props) {
   const {
     contextValue,

package/esm/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -170,4 +170,5 @@ export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Picke
       children: isRtl ? /*#__PURE__*/_jsx(LeftArrowIcon, _extends({}, leftArrowIconProps)) : /*#__PURE__*/_jsx(RightArrowIcon, _extends({}, rightArrowIconProps))
     }))]
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersArrowSwitcher.displayName = "PickersArrowSwitcher";

package/esm/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.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 { PickersArrowSwitcherClasses } from "./pickersArrowSwitcherClasses.js";

package/esm/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.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 getPickersArrowSwitcherUtilityClass(slot) {
   return generateUtilityClass('MuiPickersArrowSwitcher', slot);
 }

package/esm/internals/components/PickersToolbar.js

@@ -111,4 +111,5 @@ export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersTool
       children: children
     })]
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersToolbar.displayName = "PickersToolbar";

package/esm/internals/components/PickersToolbarButton.js

@@ -58,4 +58,5 @@ export const PickersToolbarButton = /*#__PURE__*/React.forwardRef(function Picke
       selected: selected
     })
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersToolbarButton.displayName = "PickersToolbarButton";

package/esm/internals/components/PickersToolbarText.js

@@ -49,4 +49,5 @@ export const PickersToolbarText = /*#__PURE__*/React.forwardRef(function Pickers
   }, other, {
     children: value
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersToolbarText.displayName = "PickersToolbarText";

package/esm/internals/components/pickersToolbarButtonClasses.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 getPickersToolbarButtonUtilityClass(slot) {
   return generateUtilityClass('MuiPickersToolbarButton', slot);
 }

package/esm/internals/components/pickersToolbarClasses.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 getPickersToolbarUtilityClass(slot) {
   return generateUtilityClass('MuiPickersToolbar', slot);
 }

package/esm/internals/components/pickersToolbarTextClasses.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 getPickersToolbarTextUtilityClass(slot) {
   return generateUtilityClass('MuiPickersToolbarText', slot);
 }

package/esm/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -91,6 +91,7 @@ export const useDesktopPicker = _ref => {
       })]
     })
   }));
+  if (process.env.NODE_ENV !== "production") renderPicker.displayName = "renderPicker";
   return {
     renderPicker
   };

package/esm/internals/hooks/useField/useFieldCharacterEditing.js

@@ -126,7 +126,11 @@ export const useFieldCharacterEditing = ({
     return applyQuery(params, getFirstSectionValueMatchingWithQuery);
   };
   const applyNumericEditing = params => {
-    const getNewSectionValue = (queryValue, section) => {
+    const getNewSectionValue = ({
+      queryValue,
+      skipIfBelowMinimum,
+      section
+    }) => {
       const cleanQueryValue = removeLocalizedDigits(queryValue, localizedDigits);
       const queryValueNumber = Number(cleanQueryValue);
       const sectionBoundaries = sectionsValueBoundaries[section.type]({
@@ -143,7 +147,7 @@ export const useFieldCharacterEditing = ({
       // If the user types `0` on a month section,
       // It is below the minimum, but we want to store the `0` in the query,
       // So that when he pressed `1`, it will store `01` and move to the next section.
-      if (queryValueNumber < sectionBoundaries.minimum) {
+      if (skipIfBelowMinimum && queryValueNumber < sectionBoundaries.minimum) {
         return {
           saveQuery: true
         };
@@ -157,20 +161,28 @@ export const useFieldCharacterEditing = ({
     };
     const getFirstSectionValueMatchingWithQuery = (queryValue, activeSection) => {
       if (activeSection.contentType === 'digit' || activeSection.contentType === 'digit-with-letter') {
-        return getNewSectionValue(queryValue, activeSection);
+        return getNewSectionValue({
+          queryValue,
+          skipIfBelowMinimum: false,
+          section: activeSection
+        });
       }
 
       // When editing a letter-format month and the user presses a digit,
       // We can support the numeric editing by using the digit-format month and re-formatting the result.
       if (activeSection.type === 'month') {
         const hasLeadingZerosInFormat = doesSectionFormatHaveLeadingZeros(utils, 'digit', 'month', 'MM');
-        const response = getNewSectionValue(queryValue, {
-          type: activeSection.type,
-          format: 'MM',
-          hasLeadingZerosInFormat,
-          hasLeadingZerosInInput: true,
-          contentType: 'digit',
-          maxLength: 2
+        const response = getNewSectionValue({
+          queryValue,
+          skipIfBelowMinimum: true,
+          section: {
+            type: activeSection.type,
+            format: 'MM',
+            hasLeadingZerosInFormat,
+            hasLeadingZerosInInput: true,
+            contentType: 'digit',
+            maxLength: 2
+          }
         });
         if (isQueryResponseWithoutValue(response)) {
           return response;
@@ -184,7 +196,11 @@ export const useFieldCharacterEditing = ({
       // When editing a letter-format weekDay and the user presses a digit,
       // We can support the numeric editing by returning the nth day in the week day array.
       if (activeSection.type === 'weekDay') {
-        const response = getNewSectionValue(queryValue, activeSection);
+        const response = getNewSectionValue({
+          queryValue,
+          skipIfBelowMinimum: true,
+          section: activeSection
+        });
         if (isQueryResponseWithoutValue(response)) {
           return response;
         }

package/esm/internals/hooks/useField/useFieldSectionContainerProps.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
 /**
  * Generate the props to pass to the container element of each section of the field.
  * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
@@ -17,14 +16,14 @@ export function useFieldSectionContainerProps(parameters) {
       disabled = false
     }
   } = parameters;
-  const createHandleClick = useEventCallback(sectionIndex => event => {
+  const createHandleClick = React.useCallback(sectionIndex => event => {
     // The click event on the clear button would propagate to the input, trigger this handler and result in a wrong section selection.
     // We avoid this by checking if the call to this function is actually intended, or a side effect.
     if (disabled || event.isDefaultPrevented()) {
       return;
     }
     setSelectedSections(sectionIndex);
-  });
+  }, [disabled, setSelectedSections]);
   return React.useCallback(sectionIndex => ({
     'data-sectionindex': sectionIndex,
     onClick: createHandleClick(sectionIndex)

package/esm/internals/hooks/useField/useFieldSectionContentProps.js

@@ -128,12 +128,12 @@ export function useFieldSectionContentProps(parameters) {
     event.preventDefault();
     event.dataTransfer.dropEffect = 'none';
   });
-  const createFocusHandler = useEventCallback(sectionIndex => () => {
+  const createFocusHandler = React.useCallback(sectionIndex => () => {
     if (disabled) {
       return;
     }
     setSelectedSections(sectionIndex);
-  });
+  }, [disabled, setSelectedSections]);
   return React.useCallback((section, sectionIndex) => {
     const sectionBoundaries = sectionsValueBoundaries[section.type]({
       currentDate: fieldValueManager.getDateFromSection(value, section),

package/esm/internals/hooks/useField/useFieldState.js

@@ -268,10 +268,10 @@ export const useFieldState = parameters => {
     }
 
     /**
-     * If all the sections are filled but the date is invalid,
+     * If all the sections are filled but the date is invalid and the previous date is valid or null,
      * Then we publish an invalid date.
      */
-    if (newActiveDateSections.every(sectionBis => sectionBis.value !== '')) {
+    if (newActiveDateSections.every(sectionBis => sectionBis.value !== '') && (activeDate == null || utils.isValid(activeDate))) {
       setSectionUpdateToApplyOnNextInvalidDate(newSectionValue);
       return publishValue(fieldValueManager.updateDateInValue(value, section, newActiveDate));
     }

package/esm/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -91,6 +91,7 @@ export const useMobilePicker = _ref => {
       })]
     })
   }));
+  if (process.env.NODE_ENV !== "production") renderPicker.displayName = "renderPicker";
   return {
     renderPicker
   };

package/esm/internals/hooks/useNullableFieldPrivateContext.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 export const PickerFieldPrivateContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerFieldPrivateContext.displayName = "PickerFieldPrivateContext";
 export function useNullableFieldPrivateContext() {
   return React.useContext(PickerFieldPrivateContext);
 }

package/esm/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -63,6 +63,7 @@ export const useStaticPicker = _ref => {
       children: renderCurrentView()
     }))
   }));
+  if (process.env.NODE_ENV !== "production") renderPicker.displayName = "renderPicker";
   return {
     renderPicker
   };

package/esm/timeViewRenderers/timeViewRenderers.js

@@ -63,6 +63,7 @@ export const renderTimeViewClock = ({
   disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation,
   timezone: timezone
 });
+if (process.env.NODE_ENV !== "production") renderTimeViewClock.displayName = "renderTimeViewClock";
 export const renderDigitalClockTimeView = ({
   view,
   onViewChange,
@@ -122,6 +123,7 @@ export const renderDigitalClockTimeView = ({
   skipDisabled: skipDisabled,
   timezone: timezone
 });
+if (process.env.NODE_ENV !== "production") renderDigitalClockTimeView.displayName = "renderDigitalClockTimeView";
 export const renderMultiSectionDigitalClockTimeView = ({
   view,
   onViewChange,
@@ -180,4 +182,5 @@ export const renderMultiSectionDigitalClockTimeView = ({
   timeSteps: timeSteps,
   skipDisabled: skipDisabled,
   timezone: timezone
-});
+});
+if (process.env.NODE_ENV !== "production") renderMultiSectionDigitalClockTimeView.displayName = "renderMultiSectionDigitalClockTimeView";

package/hooks/useIsValidValue.js

@@ -13,6 +13,7 @@ const IsValidValueContext = exports.IsValidValueContext = /*#__PURE__*/React.cre
 /**
  * Returns a function to check if a value is valid according to the validation props passed to the parent Picker.
  */
+if (process.env.NODE_ENV !== "production") IsValidValueContext.displayName = "IsValidValueContext";
 function useIsValidValue() {
   return React.useContext(IsValidValueContext);
 }

package/hooks/usePickerContext.js

@@ -12,6 +12,7 @@ const PickerContext = exports.PickerContext = /*#__PURE__*/React.createContext(n
 /**
  * Returns the context passed by the Picker wrapping the current component.
  */
+if (process.env.NODE_ENV !== "production") PickerContext.displayName = "PickerContext";
 const usePickerContext = () => {
   const value = React.useContext(PickerContext);
   if (value == null) {

package/index.js

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

package/internals/components/PickerFieldUI.js

@@ -109,6 +109,7 @@ const PickerFieldUIContext = exports.PickerFieldUIContext = /*#__PURE__*/React.c
  * Adds the button to open the Picker and the button to clear the value of the field.
  * @ignore - internal component.
  */
+if (process.env.NODE_ENV !== "production") PickerFieldUIContext.displayName = "PickerFieldUIContext";
 function PickerFieldUI(props) {
   const {
     slots,

package/internals/components/PickerPopper/PickerPopper.js

@@ -15,10 +15,13 @@ 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 _utils = require("@mui/utils");
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
 var _pickerPopperClasses = require("./pickerPopperClasses");
-var _utils2 = require("../../utils/utils");
+var _utils = require("../../utils/utils");
 var _usePickerPrivateContext = require("../../hooks/usePickerPrivateContext");
 var _hooks = require("../../../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -28,7 +31,7 @@ const useUtilityClasses = classes => {
     root: ['root'],
     paper: ['paper']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickerPopperClasses.getPickerPopperUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickerPopperClasses.getPickerPopperUtilityClass, classes);
 };
 const PickerPopperRoot = (0, _styles.styled)(_Popper.default, {
   name: 'MuiPickerPopper',
@@ -93,7 +96,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, _utils.unstable_useEventCallback)(event => {
+  const handleClickAway = (0, _useEventCallback.default)(event => {
     if (!activatedRef.current) {
       return;
     }
@@ -102,7 +105,7 @@ function useClickAwayListener(active, onClickAway) {
     // we can only be confident with a positive value.
     const insideReactTree = syntheticEventRef.current;
     syntheticEventRef.current = false;
-    const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
+    const doc = (0, _ownerDocument.default)(nodeRef.current);
 
     // 1. IE11 support, which trigger the handleClickAway even after the unbind
     // 2. The child might render null.
@@ -137,7 +140,7 @@ function useClickAwayListener(active, onClickAway) {
   };
   React.useEffect(() => {
     if (active) {
-      const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
+      const doc = (0, _ownerDocument.default)(nodeRef.current);
       const handleTouchMove = () => {
         movedRef.current = true;
       };
@@ -156,7 +159,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, _utils.unstable_ownerDocument)(nodeRef.current);
+      const doc = (0, _ownerDocument.default)(nodeRef.current);
       doc.addEventListener('click', handleClickAway);
       return () => {
         doc.removeEventListener('click', handleClickAway);
@@ -205,6 +208,7 @@ const PickerPopperPaperWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
     children: children
   }));
 });
+if (process.env.NODE_ENV !== "production") PickerPopperPaperWrapper.displayName = "PickerPopperPaperWrapper";
 function PickerPopper(inProps) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
@@ -246,7 +250,7 @@ function PickerPopper(inProps) {
       return;
     }
     if (open) {
-      lastFocusedElementRef.current = (0, _utils2.getActiveElement)(document);
+      lastFocusedElementRef.current = (0, _utils.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
@@ -265,10 +269,10 @@ function PickerPopper(inProps) {
   const ownerState = (0, _extends2.default)({}, pickerOwnerState, {
     popperPlacement: placement
   });
-  const handleClickAway = (0, _utils.unstable_useEventCallback)(() => {
+  const handleClickAway = (0, _useEventCallback.default)(() => {
     if (viewContainerRole === 'tooltip') {
-      (0, _utils2.executeInTheNextEventLoopTick)(() => {
-        if (rootRefObject.current?.contains((0, _utils2.getActiveElement)(document)) || popupRef.current?.contains((0, _utils2.getActiveElement)(document))) {
+      (0, _utils.executeInTheNextEventLoopTick)(() => {
+        if (rootRefObject.current?.contains((0, _utils.getActiveElement)(document)) || popupRef.current?.contains((0, _utils.getActiveElement)(document))) {
           return;
         }
         dismissViews();
@@ -279,8 +283,8 @@ function PickerPopper(inProps) {
   });
   const [clickAwayRef, onPaperClick, onPaperTouchStart] = useClickAwayListener(open, handleClickAway);
   const paperRef = React.useRef(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(paperRef, popupRef);
-  const handlePaperRef = (0, _utils.unstable_useForkRef)(handleRef, clickAwayRef);
+  const handleRef = (0, _useForkRef.default)(paperRef, popupRef);
+  const handlePaperRef = (0, _useForkRef.default)(handleRef, clickAwayRef);
   const handleKeyDown = event => {
     if (event.key === 'Escape') {
       // stop the propagation to avoid closing parent modal

package/internals/components/PickerProvider.js

@@ -13,6 +13,7 @@ var _useNullableFieldPrivateContext = require("../hooks/useNullableFieldPrivateC
 var _usePickerContext = require("../../hooks/usePickerContext");
 var _jsxRuntime = require("react/jsx-runtime");
 const PickerActionsContext = exports.PickerActionsContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerActionsContext.displayName = "PickerActionsContext";
 const PickerPrivateContext = exports.PickerPrivateContext = /*#__PURE__*/React.createContext({
   ownerState: {
     isPickerDisabled: false,
@@ -42,6 +43,7 @@ const PickerPrivateContext = exports.PickerPrivateContext = /*#__PURE__*/React.c
  *
  * @ignore - do not document.
  */
+if (process.env.NODE_ENV !== "production") PickerPrivateContext.displayName = "PickerPrivateContext";
 function PickerProvider(props) {
   const {
     contextValue,

package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -178,4 +178,5 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
       children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LeftArrowIcon, (0, _extends2.default)({}, leftArrowIconProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(RightArrowIcon, (0, _extends2.default)({}, rightArrowIconProps))
     }))]
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersArrowSwitcher.displayName = "PickersArrowSwitcher";

package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.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 { PickersArrowSwitcherClasses } from "./pickersArrowSwitcherClasses.js";

package/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js

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

package/internals/components/PickersToolbar.js

@@ -119,4 +119,5 @@ const PickersToolbar = exports.PickersToolbar = /*#__PURE__*/React.forwardRef(fu
       children: children
     })]
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersToolbar.displayName = "PickersToolbar";

package/internals/components/PickersToolbarButton.js

@@ -66,4 +66,5 @@ const PickersToolbarButton = exports.PickersToolbarButton = /*#__PURE__*/React.f
       selected: selected
     })
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersToolbarButton.displayName = "PickersToolbarButton";

package/internals/components/PickersToolbarText.js

@@ -57,4 +57,5 @@ const PickersToolbarText = exports.PickersToolbarText = /*#__PURE__*/React.forwa
   }, other, {
     children: value
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersToolbarText.displayName = "PickersToolbarText";

package/internals/components/pickersToolbarButtonClasses.js

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

package/internals/components/pickersToolbarClasses.js

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

package/internals/components/pickersToolbarTextClasses.js

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

package/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -98,6 +98,7 @@ const useDesktopPicker = _ref => {
       })]
     })
   }));
+  if (process.env.NODE_ENV !== "production") renderPicker.displayName = "renderPicker";
   return {
     renderPicker
   };