@mui/x-date-pickers 8.0.0 → 8.1.0

package/PickersTextField/PickersInputBase/PickersInputBase.types.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { BoxProps } from '@mui/material/Box';
 import { MuiEvent } from '@mui/x-internals/types';
 import { PickersSectionListProps } from "../../PickersSectionList/index.js";
+import { PickerTextFieldOwnerState } from "../../models/fields.js";
 export interface PickersInputPropsUsedByField extends Pick<PickersSectionListProps, 'elements' | 'sectionListRef' | 'contentEditable' | 'tabIndex'> {
   /**
    * Is `true` if the current values equals the empty value.
@@ -28,7 +29,7 @@ export interface PickersInputPropsUsedByField extends Pick<PickersSectionListPro
   inputRef?: React.Ref<HTMLInputElement>;
 }
 export interface PickersInputBaseProps extends Omit<BoxProps, keyof PickersInputPropsUsedByField>, PickersInputPropsUsedByField {
-  ownerState?: any;
+  ownerState?: PickerTextFieldOwnerState;
   margin?: 'dense' | 'none' | 'normal';
   renderSuffix?: (state: {
     disabled?: boolean;

package/PickersTextField/PickersOutlinedInput/Outline.js

@@ -16,8 +16,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children", "className", "label", "notched", "shrink"];
 const OutlineRoot = (0, _styles.styled)('fieldset', {
   name: 'MuiPickersOutlinedInput',
-  slot: 'NotchedOutline',
-  overridesResolver: (props, styles) => styles.notchedOutline
+  slot: 'NotchedOutline'
 })(({
   theme
 }) => {

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -22,8 +22,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["label", "autoFocus", "ownerState", "classes", "notched"];
 const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseRoot, {
   name: 'MuiPickersOutlinedInput',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => {
@@ -72,8 +71,7 @@ const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersI
 });
 const PickersOutlinedInputSectionsContainer = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseSectionsContainer, {
   name: 'MuiPickersOutlinedInput',
-  slot: 'SectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
+  slot: 'SectionsContainer'
 })({
   padding: '16.5px 0',
   variants: [{
@@ -173,7 +171,7 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
   onInput: _propTypes.default.func.isRequired,
   onKeyDown: _propTypes.default.func.isRequired,
   onPaste: _propTypes.default.func.isRequired,
-  ownerState: _propTypes.default.any,
+  ownerState: _propTypes.default /* @typescript-to-proptypes-ignore */.any,
   readOnly: _propTypes.default.bool,
   renderSuffix: _propTypes.default.func,
   sectionListRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({

package/PickersTextField/PickersTextField.js

@@ -35,8 +35,7 @@ const VARIANT_COMPONENT = {
 };
 const PickersTextFieldRoot = (0, _styles.styled)(_FormControl.default, {
   name: 'MuiPickersTextField',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const useUtilityClasses = (classes, ownerState) => {
   const {

package/PickersTextField/PickersTextField.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FormControlOwnProps, FormControlProps } from '@mui/material/FormControl';
+import { FormControlProps } from '@mui/material/FormControl';
 import { FormHelperTextProps } from '@mui/material/FormHelperText';
 import { InputLabelProps } from '@mui/material/InputLabel';
 import { TextFieldVariants } from '@mui/material/TextField';
@@ -7,7 +7,6 @@ import { PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBas
 import type { PickersInputProps } from './PickersInput';
 import type { PickersOutlinedInputProps } from './PickersOutlinedInput';
 import type { PickersFilledInputProps } from './PickersFilledInput';
-import { FieldOwnerState } from "../models/index.js";
 interface PickersTextFieldPropsUsedByField {
   onFocus: React.FocusEventHandler<HTMLDivElement>;
   onBlur: React.FocusEventHandler<HTMLDivElement>;
@@ -65,42 +64,4 @@ export interface PickersFilledTextFieldProps extends PickersBaseTextFieldProps {
   InputProps?: Partial<PickersFilledInputProps>;
 }
 export type PickersTextFieldProps<Variant extends TextFieldVariants = TextFieldVariants> = Variant extends 'filled' ? PickersFilledTextFieldProps : Variant extends 'standard' ? PickersStandardTextFieldProps : PickersOutlinedTextFieldProps;
-export interface PickerTextFieldOwnerState extends FieldOwnerState {
-  /**
-   * `true` if the value of the field is currently empty.
-   */
-  isFieldValueEmpty: boolean;
-  /**
-   * `true` if the field is focused, `false` otherwise.
-   */
-  isFieldFocused: boolean;
-  /**
-   * `true` if the field has an error, `false` otherwise.
-   */
-  hasFieldError: boolean;
-  /**
-   * The size of the input.
-   */
-  inputSize: Exclude<FormControlOwnProps['size'], undefined>;
-  /**
-   * The color of the input.
-   */
-  inputColor: Exclude<FormControlOwnProps['color'], undefined>;
-  /**
-   * `true` if the input takes up the full width of its container.
-   */
-  isInputInFullWidth: boolean;
-  /**
-   * `true` if the input has a start adornment, `false` otherwise.
-   */
-  hasStartAdornment: boolean;
-  /**
-   * `true` if the input has an end adornment, `false` otherwise.
-   */
-  hasEndAdornment: boolean;
-  /**
-   * `true` if the input has a label, `false` otherwise.
-   */
-  inputHasLabel: boolean;
-}
 export {};

package/PickersTextField/usePickerTextFieldOwnerState.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { PickerTextFieldOwnerState } from "./PickersTextField.types.js";
+import { PickerTextFieldOwnerState } from "../models/fields.js";
 export declare const PickerTextFieldOwnerStateContext: React.Context<PickerTextFieldOwnerState | null>;
 export declare const usePickerTextFieldOwnerState: () => PickerTextFieldOwnerState;

package/TimeClock/Clock.js

@@ -36,8 +36,7 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const ClockRoot = (0, _styles.styled)('div', {
   name: 'MuiClock',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -48,8 +47,7 @@ const ClockRoot = (0, _styles.styled)('div', {
 }));
 const ClockClock = (0, _styles.styled)('div', {
   name: 'MuiClock',
-  slot: 'Clock',
-  overridesResolver: (_, styles) => styles.clock
+  slot: 'Clock'
 })({
   backgroundColor: 'rgba(0,0,0,.07)',
   borderRadius: '50%',
@@ -61,8 +59,7 @@ const ClockClock = (0, _styles.styled)('div', {
 });
 const ClockWrapper = (0, _styles.styled)('div', {
   name: 'MuiClock',
-  slot: 'Wrapper',
-  overridesResolver: (_, styles) => styles.wrapper
+  slot: 'Wrapper'
 })({
   '&:focus': {
     outline: 'none'
@@ -70,8 +67,7 @@ const ClockWrapper = (0, _styles.styled)('div', {
 });
 const ClockSquareMask = (0, _styles.styled)('div', {
   name: 'MuiClock',
-  slot: 'SquareMask',
-  overridesResolver: (_, styles) => styles.squareMask
+  slot: 'SquareMask'
 })({
   width: '100%',
   height: '100%',
@@ -98,8 +94,7 @@ const ClockSquareMask = (0, _styles.styled)('div', {
 });
 const ClockPin = (0, _styles.styled)('div', {
   name: 'MuiClock',
-  slot: 'Pin',
-  overridesResolver: (_, styles) => styles.pin
+  slot: 'Pin'
 })(({
   theme
 }) => ({
@@ -133,8 +128,7 @@ const meridiemButtonCommonStyles = (theme, clockMeridiemMode) => ({
 });
 const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
   name: 'MuiClock',
-  slot: 'AmButton',
-  overridesResolver: (_, styles) => styles.amButton
+  slot: 'AmButton'
 })(({
   theme
 }) => (0, _extends2.default)({}, meridiemButtonCommonStyles(theme, 'am'), {
@@ -144,8 +138,7 @@ const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
 }));
 const ClockPmButton = (0, _styles.styled)(_IconButton.default, {
   name: 'MuiClock',
-  slot: 'PmButton',
-  overridesResolver: (_, styles) => styles.pmButton
+  slot: 'PmButton'
 })(({
   theme
 }) => (0, _extends2.default)({}, meridiemButtonCommonStyles(theme, 'pm'), {
@@ -155,8 +148,7 @@ const ClockPmButton = (0, _styles.styled)(_IconButton.default, {
 }));
 const ClockMeridiemText = (0, _styles.styled)(_Typography.default, {
   name: 'MuiClock',
-  slot: 'meridiemText',
-  overridesResolver: (_, styles) => styles.meridiemText
+  slot: 'MeridiemText'
 })({
   overflow: 'hidden',
   whiteSpace: 'nowrap',

package/TimeClock/ClockPointer.js

@@ -27,8 +27,7 @@ const useUtilityClasses = classes => {
 };
 const ClockPointerRoot = (0, _styles.styled)('div', {
   name: 'MuiClockPointer',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -49,8 +48,7 @@ const ClockPointerRoot = (0, _styles.styled)('div', {
 }));
 const ClockPointerThumb = (0, _styles.styled)('div', {
   name: 'MuiClockPointer',
-  slot: 'Thumb',
-  overridesResolver: (_, styles) => styles.thumb
+  slot: 'Thumb'
 })(({
   theme
 }) => ({

package/TimeClock/TimeClock.js

@@ -39,8 +39,7 @@ const useUtilityClasses = classes => {
 };
 const TimeClockRoot = (0, _styles.styled)(_PickerViewRoot.PickerViewRoot, {
   name: 'MuiTimeClock',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'column',
@@ -48,8 +47,7 @@ const TimeClockRoot = (0, _styles.styled)(_PickerViewRoot.PickerViewRoot, {
 });
 const TimeClockArrowSwitcher = (0, _styles.styled)(_PickersArrowSwitcher.PickersArrowSwitcher, {
   name: 'MuiTimeClock',
-  slot: 'ArrowSwitcher',
-  overridesResolver: (props, styles) => styles.arrowSwitcher
+  slot: 'ArrowSwitcher'
 })({
   position: 'absolute',
   right: 12,

package/TimePicker/TimePickerToolbar.js

@@ -43,13 +43,11 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const TimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToolbar, {
   name: 'MuiTimePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const TimePickerToolbarSeparator = (0, _styles.styled)(_PickersToolbarText.PickersToolbarText, {
   name: 'MuiTimePickerToolbar',
-  slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator
+  slot: 'Separator'
 })({
   outline: 0,
   margin: '0 4px 0 2px',

package/esm/DateCalendar/DateCalendar.js

@@ -53,8 +53,7 @@ function useDateCalendarDefaultizedProps(props, name) {
 }
 const DateCalendarRoot = styled(PickerViewRoot, {
   name: 'MuiDateCalendar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'column',
@@ -62,8 +61,7 @@ const DateCalendarRoot = styled(PickerViewRoot, {
 });
 const DateCalendarViewTransitionContainer = styled(PickersFadeTransitionGroup, {
   name: 'MuiDateCalendar',
-  slot: 'ViewTransitionContainer',
-  overridesResolver: (props, styles) => styles.viewTransitionContainer
+  slot: 'ViewTransitionContainer'
 })({});
 /**
  * Demos:

package/esm/DateCalendar/DayCalendar.js

@@ -39,13 +39,11 @@ const useUtilityClasses = classes => {
 const weeksContainerHeight = (DAY_SIZE + DAY_MARGIN * 2) * 6;
 const PickersCalendarDayRoot = styled('div', {
   name: 'MuiDayCalendar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({});
 const PickersCalendarDayHeader = styled('div', {
   name: 'MuiDayCalendar',
-  slot: 'Header',
-  overridesResolver: (_, styles) => styles.header
+  slot: 'Header'
 })({
   display: 'flex',
   justifyContent: 'center',
@@ -53,8 +51,7 @@ const PickersCalendarDayHeader = styled('div', {
 });
 const PickersCalendarWeekDayLabel = styled(Typography, {
   name: 'MuiDayCalendar',
-  slot: 'WeekDayLabel',
-  overridesResolver: (_, styles) => styles.weekDayLabel
+  slot: 'WeekDayLabel'
 })(({
   theme
 }) => ({
@@ -69,8 +66,7 @@ const PickersCalendarWeekDayLabel = styled(Typography, {
 }));
 const PickersCalendarWeekNumberLabel = styled(Typography, {
   name: 'MuiDayCalendar',
-  slot: 'WeekNumberLabel',
-  overridesResolver: (_, styles) => styles.weekNumberLabel
+  slot: 'WeekNumberLabel'
 })(({
   theme
 }) => ({
@@ -85,8 +81,7 @@ const PickersCalendarWeekNumberLabel = styled(Typography, {
 }));
 const PickersCalendarWeekNumber = styled(Typography, {
   name: 'MuiDayCalendar',
-  slot: 'WeekNumber',
-  overridesResolver: (_, styles) => styles.weekNumber
+  slot: 'WeekNumber'
 })(({
   theme
 }) => _extends({}, theme.typography.caption, {
@@ -102,8 +97,7 @@ const PickersCalendarWeekNumber = styled(Typography, {
 }));
 const PickersCalendarLoadingContainer = styled('div', {
   name: 'MuiDayCalendar',
-  slot: 'LoadingContainer',
-  overridesResolver: (_, styles) => styles.loadingContainer
+  slot: 'LoadingContainer'
 })({
   display: 'flex',
   justifyContent: 'center',
@@ -112,22 +106,19 @@ const PickersCalendarLoadingContainer = styled('div', {
 });
 const PickersCalendarSlideTransition = styled(PickersSlideTransition, {
   name: 'MuiDayCalendar',
-  slot: 'SlideTransition',
-  overridesResolver: (_, styles) => styles.slideTransition
+  slot: 'SlideTransition'
 })({
   minHeight: weeksContainerHeight
 });
 const PickersCalendarWeekContainer = styled('div', {
   name: 'MuiDayCalendar',
-  slot: 'MonthContainer',
-  overridesResolver: (_, styles) => styles.monthContainer
+  slot: 'MonthContainer'
 })({
   overflow: 'hidden'
 });
 const PickersCalendarWeek = styled('div', {
   name: 'MuiDayCalendar',
-  slot: 'WeekContainer',
-  overridesResolver: (_, styles) => styles.weekContainer
+  slot: 'WeekContainer'
 })({
   margin: `${DAY_MARGIN}px 0`,
   display: 'flex',

package/esm/DateCalendar/PickersFadeTransitionGroup.js

@@ -14,8 +14,7 @@ const useUtilityClasses = classes => {
 };
 const PickersFadeTransitionGroupRoot = styled(TransitionGroup, {
   name: 'MuiPickersFadeTransitionGroup',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'block',
   position: 'relative'

package/esm/DatePicker/DatePickerToolbar.js

@@ -26,13 +26,11 @@ const useUtilityClasses = classes => {
 };
 const DatePickerToolbarRoot = styled(PickersToolbar, {
   name: 'MuiDatePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({});
 const DatePickerToolbarTitle = styled(Typography, {
   name: 'MuiDatePickerToolbar',
-  slot: 'Title',
-  overridesResolver: (_, styles) => styles.title
+  slot: 'Title'
 })({
   variants: [{
     props: {

package/esm/DateTimePicker/DateTimePickerTabs.js

@@ -34,8 +34,7 @@ const useUtilityClasses = classes => {
 };
 const DateTimePickerTabsRoot = styled(Tabs, {
   name: 'MuiDateTimePickerTabs',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({

package/esm/DateTimePicker/DateTimePickerToolbar.js

@@ -42,7 +42,6 @@ const useUtilityClasses = (classes, ownerState) => {
 const DateTimePickerToolbarRoot = styled(PickersToolbar, {
   name: 'MuiDateTimePickerToolbar',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
 })(({
   theme
@@ -83,8 +82,7 @@ const DateTimePickerToolbarRoot = styled(PickersToolbar, {
 }));
 const DateTimePickerToolbarDateContainer = styled('div', {
   name: 'MuiDateTimePickerToolbar',
-  slot: 'DateContainer',
-  overridesResolver: (props, styles) => styles.dateContainer
+  slot: 'DateContainer'
 })({
   display: 'flex',
   flexDirection: 'column',
@@ -93,7 +91,6 @@ const DateTimePickerToolbarDateContainer = styled('div', {
 const DateTimePickerToolbarTimeContainer = styled('div', {
   name: 'MuiDateTimePickerToolbar',
   slot: 'TimeContainer',
-  overridesResolver: (props, styles) => styles.timeContainer,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
 })({
   display: 'flex',
@@ -137,7 +134,6 @@ const DateTimePickerToolbarTimeContainer = styled('div', {
 const DateTimePickerToolbarTimeDigitsContainer = styled('div', {
   name: 'MuiDateTimePickerToolbar',
   slot: 'TimeDigitsContainer',
-  overridesResolver: (props, styles) => styles.timeDigitsContainer,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
 })({
   display: 'flex',
@@ -160,7 +156,6 @@ const DateTimePickerToolbarTimeDigitsContainer = styled('div', {
 const DateTimePickerToolbarSeparator = styled(PickersToolbarText, {
   name: 'MuiDateTimePickerToolbar',
   slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
 })({
   margin: '0 4px 0 2px',

package/esm/DayCalendarSkeleton/DayCalendarSkeleton.js

@@ -22,15 +22,13 @@ const useUtilityClasses = classes => {
 };
 const DayCalendarSkeletonRoot = styled('div', {
   name: 'MuiDayCalendarSkeleton',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   alignSelf: 'start'
 });
 const DayCalendarSkeletonWeek = styled('div', {
   name: 'MuiDayCalendarSkeleton',
-  slot: 'Week',
-  overridesResolver: (props, styles) => styles.week
+  slot: 'Week'
 })({
   margin: `${DAY_MARGIN}px 0`,
   display: 'flex',
@@ -38,8 +36,7 @@ const DayCalendarSkeletonWeek = styled('div', {
 });
 const DayCalendarSkeletonDay = styled(Skeleton, {
   name: 'MuiDayCalendarSkeleton',
-  slot: 'DaySkeleton',
-  overridesResolver: (props, styles) => styles.daySkeleton
+  slot: 'DaySkeleton'
 })({
   margin: `0 ${DAY_MARGIN}px`,
   '&[data-day-in-month="0"]': {

package/esm/DigitalClock/DigitalClock.js

@@ -36,8 +36,7 @@ const useUtilityClasses = classes => {
 };
 const DigitalClockRoot = styled(PickerViewRoot, {
   name: 'MuiDigitalClock',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   overflowY: 'auto',
   width: '100%',
@@ -59,16 +58,14 @@ const DigitalClockRoot = styled(PickerViewRoot, {
 });
 const DigitalClockList = styled(MenuList, {
   name: 'MuiDigitalClock',
-  slot: 'List',
-  overridesResolver: (props, styles) => styles.list
+  slot: 'List'
 })({
   padding: 0
 });
 export const DigitalClockItem = styled(MenuItem, {
   name: 'MuiDigitalClock',
   slot: 'Item',
-  shouldForwardProp: prop => prop !== 'itemValue' && prop !== 'formattedValue',
-  overridesResolver: (props, styles) => styles.item
+  shouldForwardProp: prop => prop !== 'itemValue' && prop !== 'formattedValue'
 })(({
   theme
 }) => ({

package/esm/MonthCalendar/MonthCalendar.js

@@ -40,7 +40,6 @@ export function useMonthCalendarDefaultizedProps(props, name) {
 const MonthCalendarRoot = styled('div', {
   name: 'MuiMonthCalendar',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'monthsPerRow'
 })({
   display: 'flex',

package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -33,8 +33,7 @@ const useUtilityClasses = classes => {
 };
 const MultiSectionDigitalClockRoot = styled(PickerViewRoot, {
   name: 'MuiMultiSectionDigitalClock',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({

package/esm/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -24,8 +24,7 @@ const useUtilityClasses = classes => {
 };
 const MultiSectionDigitalClockSectionRoot = styled(MenuList, {
   name: 'MuiMultiSectionDigitalClockSection',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -67,8 +66,7 @@ const MultiSectionDigitalClockSectionRoot = styled(MenuList, {
 }));
 const MultiSectionDigitalClockSectionItem = styled(MenuItem, {
   name: 'MuiMultiSectionDigitalClockSection',
-  slot: 'Item',
-  overridesResolver: (_, styles) => styles.item
+  slot: 'Item'
 })(({
   theme
 }) => ({

package/esm/PickersActionBar/PickersActionBar.js

@@ -13,8 +13,7 @@ import { usePickerContext } from "../hooks/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PickersActionBarRoot = styled(DialogActions, {
   name: 'MuiPickersLayout',
-  slot: 'ActionBar',
-  overridesResolver: (_, styles) => styles.actionBar
+  slot: 'ActionBar'
 })({});
 
 /**

package/esm/PickersCalendarHeader/PickersCalendarHeader.js

@@ -33,8 +33,7 @@ const useUtilityClasses = classes => {
 };
 const PickersCalendarHeaderRoot = styled('div', {
   name: 'MuiPickersCalendarHeader',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   alignItems: 'center',
@@ -48,8 +47,7 @@ const PickersCalendarHeaderRoot = styled('div', {
 });
 const PickersCalendarHeaderLabelContainer = styled('div', {
   name: 'MuiPickersCalendarHeader',
-  slot: 'LabelContainer',
-  overridesResolver: (_, styles) => styles.labelContainer
+  slot: 'LabelContainer'
 })(({
   theme
 }) => _extends({
@@ -63,15 +61,13 @@ const PickersCalendarHeaderLabelContainer = styled('div', {
 }));
 const PickersCalendarHeaderLabel = styled('div', {
   name: 'MuiPickersCalendarHeader',
-  slot: 'Label',
-  overridesResolver: (_, styles) => styles.label
+  slot: 'Label'
 })({
   marginRight: 6
 });
 const PickersCalendarHeaderSwitchViewButton = styled(IconButton, {
   name: 'MuiPickersCalendarHeader',
-  slot: 'SwitchViewButton',
-  overridesResolver: (_, styles) => styles.switchViewButton
+  slot: 'SwitchViewButton'
 })({
   marginRight: 'auto',
   variants: [{
@@ -87,8 +83,7 @@ const PickersCalendarHeaderSwitchViewButton = styled(IconButton, {
 });
 const PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDownIcon, {
   name: 'MuiPickersCalendarHeader',
-  slot: 'SwitchViewIcon',
-  overridesResolver: (_, styles) => styles.switchViewIcon
+  slot: 'SwitchViewIcon'
 })(({
   theme
 }) => ({

package/esm/PickersLayout/PickersLayout.js

@@ -21,8 +21,7 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 export const PickersLayoutRoot = styled('div', {
   name: 'MuiPickersLayout',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'grid',
   gridAutoColumns: 'max-content auto max-content',
@@ -83,8 +82,7 @@ export const PickersLayoutRoot = styled('div', {
 });
 export const PickersLayoutContentWrapper = styled('div', {
   name: 'MuiPickersLayout',
-  slot: 'ContentWrapper',
-  overridesResolver: (props, styles) => styles.contentWrapper
+  slot: 'ContentWrapper'
 })({
   gridColumn: '2 / 4',
   gridRow: 2,

package/esm/PickersSectionList/PickersSectionList.js

@@ -14,28 +14,24 @@ import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateCont
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const PickersSectionListRoot = styled('div', {
   name: 'MuiPickersSectionList',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   direction: 'ltr /*! @noflip */',
   outline: 'none'
 });
 export const PickersSectionListSection = styled('span', {
   name: 'MuiPickersSectionList',
-  slot: 'Section',
-  overridesResolver: (props, styles) => styles.section
+  slot: 'Section'
 })({});
 export const PickersSectionListSectionSeparator = styled('span', {
   name: 'MuiPickersSectionList',
-  slot: 'SectionSeparator',
-  overridesResolver: (props, styles) => styles.sectionSeparator
+  slot: 'SectionSeparator'
 })({
   whiteSpace: 'pre'
 });
 export const PickersSectionListSectionContent = styled('span', {
   name: 'MuiPickersSectionList',
-  slot: 'SectionContent',
-  overridesResolver: (props, styles) => styles.sectionContent
+  slot: 'SectionContent'
 })({
   outline: 'none'
 });