@mui/x-date-pickers 8.4.0 → 8.5.1

package/MobileDatePicker/MobileDatePicker.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
 var _shared = require("../DatePicker/shared");
 var _useUtils = require("../internals/hooks/useUtils");
@@ -152,7 +152,7 @@ MobileDatePicker.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/MobileDateTimePicker/MobileDateTimePicker.js

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

package/MobileTimePicker/MobileTimePicker.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _valueManagers = require("../internals/utils/valueManagers");
 var _TimeField = require("../TimeField");
 var _shared = require("../TimePicker/shared");
@@ -149,7 +149,7 @@ MobileTimePicker.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/MonthCalendar/MonthCalendar.js

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

package/MonthCalendar/monthCalendarClasses.js

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

package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts

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

package/PickersCalendarHeader/PickersCalendarHeader.js

@@ -149,7 +149,9 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
       size: 'small',
       'aria-label': translations.calendarViewSwitchingButtonAriaLabel(view)
     },
-    ownerState,
+    ownerState: (0, _extends2.default)({}, ownerState, {
+      view
+    }),
     className: classes.switchViewButton
   });
   const SwitchViewIcon = slots?.switchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;

package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts

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

package/PickersCalendarHeader/pickersCalendarHeaderClasses.js

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

package/PickersDay/PickersDay.js

@@ -13,7 +13,9 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _ButtonBase = _interopRequireDefault(require("@mui/material/ButtonBase"));
-var _utils = require("@mui/utils");
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _styles = require("@mui/material/styles");
 var _useUtils = require("../internals/hooks/useUtils");
 var _dimensions = require("../internals/constants/dimensions");
@@ -36,7 +38,7 @@ const useUtilityClasses = (classes, ownerState) => {
     root: ['root', isDaySelected && !isHiddenDaySpacingFiller && 'selected', isDayDisabled && 'disabled', !disableMargin && 'dayWithMargin', !disableHighlightToday && isDayCurrent && 'today', isDayOutsideMonth && showDaysOutsideCurrentMonth && 'dayOutsideMonth', isHiddenDaySpacingFiller && 'hiddenDaySpacingFiller'],
     hiddenDaySpacingFiller: ['hiddenDaySpacingFiller']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersDayClasses.getPickersDayUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersDayClasses.getPickersDayUtilityClass, classes);
 };
 const styleArg = ({
   theme
@@ -171,11 +173,11 @@ const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps,
   const classes = useUtilityClasses(classesProp, ownerState);
   const utils = (0, _useUtils.useUtils)();
   const ref = React.useRef(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(ref, forwardedRef);
+  const handleRef = (0, _useForkRef.default)(ref, forwardedRef);
 
   // Since this is rendered when a Popper is opened we can't use passive effects.
   // Focusing in passive effects in Popper causes scroll jump.
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (autoFocus && !disabled && !isAnimating && !outsideCurrentMonth) {
       // ref.current being null would be a bug in MUI
       ref.current.focus();

package/PickersDay/pickersDayClasses.js

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

package/PickersLayout/PickersLayout.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { PickerLayoutOwnerState, PickersLayoutProps } from "./PickersLayout.types.js";
 import { PickerValidValue } from "../internals/models/index.js";
-export declare const PickersLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const PickersLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerLayoutOwnerState;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PickersLayoutContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const PickersLayoutContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerLayoutOwnerState;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
 type PickersLayoutComponent = (<TValue extends PickerValidValue>(props: PickersLayoutProps<TValue> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {

package/PickersLayout/PickersLayout.types.d.ts

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

package/PickersSectionList/PickersSectionList.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import type { PickersSectionListProps } from "./PickersSectionList.types.js";
-export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PickersSectionListSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const PickersSectionListSectionSeparator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const PickersSectionListSectionContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PickersSectionListSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const PickersSectionListSectionSeparator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const PickersSectionListSectionContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
 type PickersSectionListComponent = ((props: PickersSectionListProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/PickersSectionList/PickersSectionList.types.d.ts

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

package/PickersTextField/PickersFilledInput/PickersFilledInput.d.ts

@@ -10,6 +10,7 @@ export interface PickerFilledInputOwnerState extends PickerTextFieldOwnerState {
    * `true` if the input  has an underline, `false` otherwise.
    */
   inputHasUnderline: boolean;
+  hiddenLabel?: boolean;
 }
 /**
  * @ignore - internal component.

package/PickersTextField/PickersFilledInput/PickersFilledInput.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
 var _system = require("@mui/system");
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersFilledInputClasses = require("./pickersFilledInputClasses");
 var _PickersInputBase = require("../PickersInputBase");
@@ -270,7 +270,7 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
   hiddenLabel: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
   name: _propTypes.default.string,

package/PickersTextField/PickersInput/PickersInput.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
 var _createStyled = require("@mui/system/createStyled");
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersInputClasses = require("./pickersInputClasses");
 var _PickersInputBase = require("../PickersInputBase");
@@ -40,7 +40,8 @@ const PickersInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBase
     // @ts-ignore
     .filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
       props: {
-        inputColor: color
+        inputColor: color,
+        inputHasUnderline: true
       },
       style: {
         '&::after': {
@@ -50,7 +51,7 @@ const PickersInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBase
       }
     })), {
       props: {
-        disableUnderline: false
+        inputHasUnderline: true
       },
       style: {
         '&::after': {
@@ -146,6 +147,7 @@ const PickersInput = exports.PickersInput = /*#__PURE__*/React.forwardRef(functi
       }
     }
   }, other, {
+    ownerState: ownerState,
     label: label,
     classes: classes,
     ref: ref
@@ -186,7 +188,7 @@ process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
   fullWidth: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
   name: _propTypes.default.string,

package/PickersTextField/PickersInputBase/PickersInputBase.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/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormControl = require("@mui/material/FormControl");
 var _styles = require("@mui/material/styles");
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
@@ -435,7 +435,7 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
   fullWidth: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
   name: _propTypes.default.string,

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormControl = require("@mui/material/FormControl");
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersOutlinedInputClasses = require("./pickersOutlinedInputClasses");
 var _Outline = _interopRequireDefault(require("./Outline"));
@@ -162,7 +162,7 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
   fullWidth: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
   name: _propTypes.default.string,

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"));
@@ -249,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/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)();

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