@mui/x-date-pickers 8.4.0 → 8.5.1

package/esm/PickersTextField/PickersInputBase/PickersInputBase.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { PickersInputBaseProps } from "./PickersInputBase.types.js";
 import { PickerTextFieldOwnerState } from "../../models/fields.js";
-export declare const PickersInputBaseRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const PickersInputBaseRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerTextFieldOwnerState;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerTextFieldOwnerState;
 }, {}, {}>;
 /**

package/esm/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { useFormControl } from '@mui/material/FormControl';
 import { styled, useThemeProps } from '@mui/material/styles';
 import useForkRef from '@mui/utils/useForkRef';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import capitalize from '@mui/utils/capitalize';
 import useSlotProps from '@mui/utils/useSlotProps';

package/esm/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useFormControl } from '@mui/material/FormControl';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import { pickersOutlinedInputClasses, getPickersOutlinedInputUtilityClass } from "./pickersOutlinedInputClasses.js";
 import Outline from "./Outline.js";

package/esm/PickersTextField/PickersTextField.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import useForkRef from '@mui/utils/useForkRef';
 import composeClasses from '@mui/utils/composeClasses';
 import useId from '@mui/utils/useId';

package/esm/TimeClock/Clock.js

@@ -4,7 +4,8 @@ import clsx from 'clsx';
 import IconButton from '@mui/material/IconButton';
 import Typography from '@mui/material/Typography';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_useEnhancedEffect as useEnhancedEffect, unstable_composeClasses as composeClasses } from '@mui/utils';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import composeClasses from '@mui/utils/composeClasses';
 import { ClockPointer } from "./ClockPointer.js";
 import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
 import { useUtils } from "../internals/hooks/useUtils.js";

package/esm/TimeClock/TimeClock.js

@@ -7,7 +7,8 @@ import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, unstable_useId as useId } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
+import useId from '@mui/utils/useId';
 import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
 import { useUtils, useNow } from "../internals/hooks/useUtils.js";
 import { PickersArrowSwitcher } from "../internals/components/PickersArrowSwitcher/index.js";

package/esm/TimeClock/clockClasses.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 getClockUtilityClass(slot) {
   return generateUtilityClass('MuiClock', slot);
 }

package/esm/TimeClock/clockNumberClasses.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 getClockNumberUtilityClass(slot) {
   return generateUtilityClass('MuiClockNumber', slot);
 }

package/esm/TimeClock/clockPointerClasses.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 getClockPointerUtilityClass(slot) {
   return generateUtilityClass('MuiClockPointer', slot);
 }

package/esm/TimeClock/timeClockClasses.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 getTimeClockUtilityClass(slot) {
   return generateUtilityClass('MuiTimeClock', slot);
 }

package/esm/TimeField/TimeField.js

@@ -5,7 +5,7 @@ const _excluded = ["slots", "slotProps", "InputProps", "inputProps"];
 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 { useTimeField } from "./useTimeField.js";
 import { PickerFieldUI, useFieldTextFieldProps } from "../internals/components/PickerFieldUI.js";
 import { ClockIcon } from "../icons/index.js";
@@ -155,7 +155,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    */
   InputLabelProps: PropTypes.object,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: PropTypes.object,

package/esm/TimePicker/TimePicker.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 { DesktopTimePicker } from "../DesktopTimePicker/index.js";
 import { MobileTimePicker } from "../MobileTimePicker/index.js";
 import { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "../internals/utils/utils.js";

package/esm/TimePicker/timePickerToolbarClasses.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 getTimePickerToolbarUtilityClass(slot) {
   return generateUtilityClass('MuiTimePickerToolbar', slot);
 }

package/esm/YearCalendar/YearCalendar.js

@@ -9,7 +9,10 @@ import clsx from 'clsx';
 import { useRtl } from '@mui/system/RtlProvider';
 import { shouldForwardProp } from '@mui/system/createStyled';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_useForkRef as useForkRef, unstable_composeClasses as composeClasses, unstable_useControlled as useControlled, unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import useForkRef from '@mui/utils/useForkRef';
+import composeClasses from '@mui/utils/composeClasses';
+import useControlled from '@mui/utils/useControlled';
+import useEventCallback from '@mui/utils/useEventCallback';
 import { YearCalendarButton } from "./YearCalendarButton.js";
 import { useUtils, useNow } from "../internals/hooks/useUtils.js";
 import { getYearCalendarUtilityClass } from "./yearCalendarClasses.js";

package/esm/YearCalendar/yearCalendarClasses.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 getYearCalendarUtilityClass(slot) {
   return generateUtilityClass('MuiYearCalendar', slot);
 }

package/esm/icons/index.d.ts

@@ -1,48 +1,48 @@
 /**
  * @ignore - internal component.
  */
-export declare const ArrowDropDownIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowDropDownIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ArrowLeftIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowLeftIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ArrowRightIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowRightIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const CalendarIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const CalendarIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ClockIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ClockIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const DateRangeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const DateRangeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const TimeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const TimeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };

package/esm/index.js

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

package/esm/internals/components/PickerPopper/PickerPopper.d.ts

@@ -47,7 +47,7 @@ export interface PickerPopperSlotProps {
   /**
    * Props passed down to [Popper](https://mui.com/material-ui/api/popper/) component.
    */
-  popper?: SlotComponentPropsFromProps<PopperProps, {}, PickerPopperOwnerState>;
+  popper?: SlotComponentPropsFromProps<PopperProps, {}, PickerOwnerState>;
 }
 export interface ExportedPickerPopperProps {
   /**

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";
@@ -39,7 +42,7 @@ const PickerPopperPaper = styled(MuiPaper, {
   variants: [{
     props: ({
       popperPlacement
-    }) => ['top', 'top-start', 'top-end'].includes(popperPlacement),
+    }) => new Set(['top', 'top-start', 'top-end']).has(popperPlacement),
     style: {
       transformOrigin: 'bottom center'
     }
@@ -255,9 +258,6 @@ export function PickerPopper(inProps) {
     ownerState: pickerOwnerState,
     rootRefObject
   } = usePickerPrivateContext();
-  const ownerState = _extends({}, pickerOwnerState, {
-    popperPlacement: placement
-  });
   const handleClickAway = useEventCallback(() => {
     if (viewContainerRole === 'tooltip') {
       executeInTheNextEventLoopTick(() => {
@@ -297,8 +297,11 @@ export function PickerPopper(inProps) {
       onKeyDown: handleKeyDown
     },
     className: classes.root,
-    ownerState
+    ownerState: pickerOwnerState
   });
+  const ownerState = React.useMemo(() => _extends({}, pickerOwnerState, {
+    popperPlacement: popperProps.placement
+  }), [pickerOwnerState, popperProps.placement]);
   return /*#__PURE__*/_jsx(Popper, _extends({}, popperProps, {
     children: ({
       TransitionProps

package/esm/internals/components/PickerViewRoot/PickerViewRoot.d.ts

@@ -1 +1 @@
-export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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/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/icons/index.d.ts

@@ -1,48 +1,48 @@
 /**
  * @ignore - internal component.
  */
-export declare const ArrowDropDownIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowDropDownIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ArrowLeftIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowLeftIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ArrowRightIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowRightIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const CalendarIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const CalendarIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ClockIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ClockIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const DateRangeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const DateRangeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const TimeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const TimeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };

package/index.js

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

package/internals/components/PickerPopper/PickerPopper.d.ts

@@ -47,7 +47,7 @@ export interface PickerPopperSlotProps {
   /**
    * Props passed down to [Popper](https://mui.com/material-ui/api/popper/) component.
    */
-  popper?: SlotComponentPropsFromProps<PopperProps, {}, PickerPopperOwnerState>;
+  popper?: SlotComponentPropsFromProps<PopperProps, {}, PickerOwnerState>;
 }
 export interface ExportedPickerPopperProps {
   /**

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',
@@ -47,7 +50,7 @@ const PickerPopperPaper = (0, _styles.styled)(_Paper.default, {
   variants: [{
     props: ({
       popperPlacement
-    }) => ['top', 'top-start', 'top-end'].includes(popperPlacement),
+    }) => new Set(['top', 'top-start', 'top-end']).has(popperPlacement),
     style: {
       transformOrigin: 'bottom center'
     }
@@ -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);
@@ -247,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
@@ -263,13 +266,10 @@ function PickerPopper(inProps) {
     ownerState: pickerOwnerState,
     rootRefObject
   } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
-  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();
@@ -280,8 +280,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
@@ -305,8 +305,11 @@ function PickerPopper(inProps) {
       onKeyDown: handleKeyDown
     },
     className: classes.root,
-    ownerState
+    ownerState: pickerOwnerState
   });
+  const ownerState = React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
+    popperPlacement: popperProps.placement
+  }), [pickerOwnerState, popperProps.placement]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Popper, (0, _extends2.default)({}, popperProps, {
     children: ({
       TransitionProps

package/internals/components/PickerViewRoot/PickerViewRoot.d.ts

@@ -1 +1 @@
-export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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/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']);