@mui/x-date-pickers 8.0.0 → 8.2.0

package/esm/DateCalendar/index.d.ts

@@ -1,12 +1,12 @@
 export { DateCalendar } from "./DateCalendar.js";
-export type { DateCalendarProps, DateCalendarSlots, DateCalendarSlotProps } from './DateCalendar.types';
+export type { DateCalendarProps, DateCalendarSlots, DateCalendarSlotProps } from "./DateCalendar.types.js";
 export { getDateCalendarUtilityClass, dateCalendarClasses } from "./dateCalendarClasses.js";
-export type { DateCalendarClassKey, DateCalendarClasses } from './dateCalendarClasses';
+export type { DateCalendarClassKey, DateCalendarClasses } from "./dateCalendarClasses.js";
 export { dayCalendarClasses } from "./dayCalendarClasses.js";
-export type { DayCalendarClassKey, DayCalendarClasses } from './dayCalendarClasses';
-export type { PickersFadeTransitionGroupProps } from './PickersFadeTransitionGroup';
+export type { DayCalendarClassKey, DayCalendarClasses } from "./dayCalendarClasses.js";
+export type { PickersFadeTransitionGroupProps, ExportedPickersFadeTransitionGroupProps } from "./PickersFadeTransitionGroup.js";
 export { pickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
-export type { PickersFadeTransitionGroupClassKey, PickersFadeTransitionGroupClasses } from './pickersFadeTransitionGroupClasses';
+export type { PickersFadeTransitionGroupClassKey, PickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
 export { pickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
-export type { PickersSlideTransitionClassKey, PickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
-export type { ExportedSlideTransitionProps } from './PickersSlideTransition';
+export type { PickersSlideTransitionClassKey, PickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
+export type { ExportedSlideTransitionProps } from "./PickersSlideTransition.js";

package/esm/DateField/index.d.ts

@@ -1,3 +1,3 @@
 export { DateField } from "./DateField.js";
 export { useDateField as unstable_useDateField } from "./useDateField.js";
-export type { UseDateFieldProps, DateFieldProps } from './DateField.types';
+export type { UseDateFieldProps, DateFieldProps } from "./DateField.types.js";

package/esm/DateField/useDateField.d.ts

@@ -1,2 +1,2 @@
 import { UseDateFieldProps } from "./DateField.types.js";
-export declare const useDateField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useDateField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

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

@@ -1,6 +1,6 @@
 export { DatePicker } from "./DatePicker.js";
-export type { DatePickerProps, DatePickerSlots, DatePickerSlotProps, DatePickerFieldProps } from './DatePicker.types';
+export type { DatePickerProps, DatePickerSlots, DatePickerSlotProps, DatePickerFieldProps } from "./DatePicker.types.js";
 export { DatePickerToolbar } from "./DatePickerToolbar.js";
-export type { DatePickerToolbarProps } from './DatePickerToolbar';
+export type { DatePickerToolbarProps } from "./DatePickerToolbar.js";
 export { datePickerToolbarClasses } from "./datePickerToolbarClasses.js";
-export type { DatePickerToolbarClassKey, DatePickerToolbarClasses } from './datePickerToolbarClasses';
+export type { DatePickerToolbarClassKey, DatePickerToolbarClasses } from "./datePickerToolbarClasses.js";

package/esm/DateTimeField/index.d.ts

@@ -1,3 +1,3 @@
 export { DateTimeField } from "./DateTimeField.js";
 export { useDateTimeField as unstable_useDateTimeField } from "./useDateTimeField.js";
-export type { UseDateTimeFieldProps, DateTimeFieldProps } from './DateTimeField.types';
+export type { UseDateTimeFieldProps, DateTimeFieldProps } from "./DateTimeField.types.js";

package/esm/DateTimeField/useDateTimeField.d.ts

@@ -1,2 +1,2 @@
 import { UseDateTimeFieldProps } from "./DateTimeField.types.js";
-export declare const useDateTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useDateTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

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

@@ -1,10 +1,10 @@
 export { DateTimePicker } from "./DateTimePicker.js";
-export type { DateTimePickerProps, DateTimePickerSlots, DateTimePickerSlotProps, DateTimePickerFieldProps } from './DateTimePicker.types';
+export type { DateTimePickerProps, DateTimePickerSlots, DateTimePickerSlotProps, DateTimePickerFieldProps } from "./DateTimePicker.types.js";
 export { DateTimePickerTabs } from "./DateTimePickerTabs.js";
-export type { DateTimePickerTabsProps } from './DateTimePickerTabs';
+export type { DateTimePickerTabsProps } from "./DateTimePickerTabs.js";
 export { dateTimePickerTabsClasses } from "./dateTimePickerTabsClasses.js";
-export type { DateTimePickerTabsClassKey, DateTimePickerTabsClasses } from './dateTimePickerTabsClasses';
+export type { DateTimePickerTabsClassKey, DateTimePickerTabsClasses } from "./dateTimePickerTabsClasses.js";
 export { DateTimePickerToolbar } from "./DateTimePickerToolbar.js";
-export type { DateTimePickerToolbarProps } from './DateTimePickerToolbar';
+export type { DateTimePickerToolbarProps } from "./DateTimePickerToolbar.js";
 export { dateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";
-export type { DateTimePickerToolbarClassKey, DateTimePickerToolbarClasses } from './dateTimePickerToolbarClasses';
+export type { DateTimePickerToolbarClassKey, DateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";

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"]': {
@@ -69,7 +66,8 @@ function DayCalendarSkeleton(inProps) {
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const classes = useUtilityClasses(classesProp);
   return /*#__PURE__*/_jsx(DayCalendarSkeletonRoot, _extends({
-    className: clsx(classes.root, className)
+    className: clsx(classes.root, className),
+    ownerState: props
   }, other, {
     children: monthMap.map((week, index) => /*#__PURE__*/_jsx(DayCalendarSkeletonWeek, {
       className: classes.week,

package/esm/DayCalendarSkeleton/index.d.ts

@@ -1,4 +1,4 @@
 export { DayCalendarSkeleton } from "./DayCalendarSkeleton.js";
-export type { DayCalendarSkeletonProps } from './DayCalendarSkeleton';
+export type { DayCalendarSkeletonProps } from "./DayCalendarSkeleton.js";
 export { dayCalendarSkeletonClasses, getDayCalendarSkeletonUtilityClass } from "./dayCalendarSkeletonClasses.js";
-export type { DayCalendarSkeletonClassKey, DayCalendarSkeletonClasses } from './dayCalendarSkeletonClasses';
+export type { DayCalendarSkeletonClassKey, DayCalendarSkeletonClasses } from "./dayCalendarSkeletonClasses.js";

package/esm/DesktopDatePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { DesktopDatePicker } from "./DesktopDatePicker.js";
-export type { DesktopDatePickerProps, DesktopDatePickerSlots, DesktopDatePickerSlotProps } from './DesktopDatePicker.types';
+export type { DesktopDatePickerProps, DesktopDatePickerSlots, DesktopDatePickerSlotProps } from "./DesktopDatePicker.types.js";

package/esm/DesktopDateTimePicker/index.d.ts

@@ -1,3 +1,3 @@
 export { DesktopDateTimePicker } from "./DesktopDateTimePicker.js";
 export { DesktopDateTimePickerLayout } from "./DesktopDateTimePickerLayout.js";
-export type { DesktopDateTimePickerProps, DesktopDateTimePickerSlots, DesktopDateTimePickerSlotProps } from './DesktopDateTimePicker.types';
+export type { DesktopDateTimePickerProps, DesktopDateTimePickerSlots, DesktopDateTimePickerSlotProps } from "./DesktopDateTimePicker.types.js";

package/esm/DesktopTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { DesktopTimePicker } from "./DesktopTimePicker.js";
-export type { DesktopTimePickerProps, DesktopTimePickerSlots, DesktopTimePickerSlotProps } from './DesktopTimePicker.types';
+export type { DesktopTimePickerProps, DesktopTimePickerSlots, DesktopTimePickerSlotProps } from "./DesktopTimePicker.types.js";

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

@@ -1,4 +1,4 @@
 export { DigitalClock, DigitalClockItem } from "./DigitalClock.js";
-export type { DigitalClockProps, DigitalClockSlots, DigitalClockSlotProps, ExportedDigitalClockProps, DigitalClockItemProps } from './DigitalClock.types';
+export type { DigitalClockProps, DigitalClockSlots, DigitalClockSlotProps, ExportedDigitalClockProps, DigitalClockItemProps } from "./DigitalClock.types.js";
 export { digitalClockClasses, getDigitalClockUtilityClass } from "./digitalClockClasses.js";
-export type { DigitalClockClasses, DigitalClockClassKey } from './digitalClockClasses';
+export type { DigitalClockClasses, DigitalClockClassKey } from "./digitalClockClasses.js";

package/esm/LocalizationProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { LocalizationProvider, MuiPickersAdapterContext } from "./LocalizationProvider.js";
-export type { LocalizationProviderProps } from './LocalizationProvider';
+export type { LocalizationProviderProps } from "./LocalizationProvider.js";

package/esm/MobileDatePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { MobileDatePicker } from "./MobileDatePicker.js";
-export type { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from './MobileDatePicker.types';
+export type { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from "./MobileDatePicker.types.js";

package/esm/MobileDateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { MobileDateTimePicker } from "./MobileDateTimePicker.js";
-export type { MobileDateTimePickerProps, MobileDateTimePickerSlots, MobileDateTimePickerSlotProps } from './MobileDateTimePicker.types';
+export type { MobileDateTimePickerProps, MobileDateTimePickerSlots, MobileDateTimePickerSlotProps } from "./MobileDateTimePicker.types.js";

package/esm/MobileTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { MobileTimePicker } from "./MobileTimePicker.js";
-export type { MobileTimePickerProps, MobileTimePickerSlots, MobileTimePickerSlotProps } from './MobileTimePicker.types';
+export type { MobileTimePickerProps, MobileTimePickerSlots, MobileTimePickerSlotProps } from "./MobileTimePicker.types.js";

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

@@ -1,4 +1,4 @@
 export { MonthCalendar } from "./MonthCalendar.js";
-export type { MonthCalendarProps, MonthCalendarSlots, MonthCalendarSlotProps } from './MonthCalendar.types';
+export type { MonthCalendarProps, MonthCalendarSlots, MonthCalendarSlotProps } from "./MonthCalendar.types.js";
 export { monthCalendarClasses, getMonthCalendarUtilityClass } from "./monthCalendarClasses.js";
-export type { MonthCalendarClasses, MonthCalendarClassKey } from './monthCalendarClasses';
+export type { MonthCalendarClasses, MonthCalendarClassKey } from "./monthCalendarClasses.js";

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.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { MultiSectionDigitalClockSectionClasses } from "./multiSectionDigitalClockSectionClasses.js";
-import type { MultiSectionDigitalClockOption, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from './MultiSectionDigitalClock.types';
+import type { MultiSectionDigitalClockOption, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from "./MultiSectionDigitalClock.types.js";
 import { FormProps } from "../internals/models/formProps.js";
+import { PickerOwnerState } from "../models/pickers.js";
 export interface ExportedMultiSectionDigitalClockSectionProps {
   className?: string;
   classes?: Partial<MultiSectionDigitalClockSectionClasses>;
@@ -16,6 +17,12 @@ export interface MultiSectionDigitalClockSectionProps<TSectionValue extends numb
   skipDisabled?: boolean;
   role?: string;
 }
+export interface MultiSectionDigitalClockSectionOwnerState extends PickerOwnerState {
+  /**
+   * `true` if this is not the initial render of the digital clock.
+   */
+  hasDigitalClockAlreadyBeenRendered: boolean;
+}
 type MultiSectionDigitalClockSectionComponent = <TSectionValue extends number | string>(props: MultiSectionDigitalClockSectionProps<TSectionValue> & React.RefAttributes<HTMLUListElement>) => React.JSX.Element & {
   propTypes?: any;
 };

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

@@ -1,7 +1,7 @@
 export { MultiSectionDigitalClock } from "./MultiSectionDigitalClock.js";
-export type { MultiSectionDigitalClockProps, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from './MultiSectionDigitalClock.types';
+export type { MultiSectionDigitalClockProps, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from "./MultiSectionDigitalClock.types.js";
 export { multiSectionDigitalClockSectionClasses } from "./multiSectionDigitalClockSectionClasses.js";
-export type { MultiSectionDigitalClockSectionClasses, MultiSectionDigitalClockSectionClassKey } from './multiSectionDigitalClockSectionClasses';
-export type { ExportedMultiSectionDigitalClockSectionProps } from './MultiSectionDigitalClockSection';
+export type { MultiSectionDigitalClockSectionClasses, MultiSectionDigitalClockSectionClassKey } from "./multiSectionDigitalClockSectionClasses.js";
+export type { ExportedMultiSectionDigitalClockSectionProps } from "./MultiSectionDigitalClockSection.js";
 export { multiSectionDigitalClockClasses, getMultiSectionDigitalClockUtilityClass } from "./multiSectionDigitalClockClasses.js";
-export type { MultiSectionDigitalClockClasses, MultiSectionDigitalClockClassKey } from './multiSectionDigitalClockClasses';
+export type { MultiSectionDigitalClockClasses, MultiSectionDigitalClockClassKey } from "./multiSectionDigitalClockClasses.js";

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

@@ -1,2 +1,2 @@
 export { PickersActionBar } from "./PickersActionBar.js";
-export type { PickersActionBarProps, PickersActionBarAction } from './PickersActionBar';
+export type { PickersActionBarProps, PickersActionBarAction } from "./PickersActionBar.js";

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

@@ -1,4 +1,4 @@
 export { pickersCalendarHeaderClasses } from "./pickersCalendarHeaderClasses.js";
-export type { PickersCalendarHeaderClassKey, PickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
+export type { PickersCalendarHeaderClassKey, PickersCalendarHeaderClasses } from "./pickersCalendarHeaderClasses.js";
 export { PickersCalendarHeader } from "./PickersCalendarHeader.js";
-export type { PickersCalendarHeaderProps, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps, ExportedPickersCalendarHeaderProps } from './PickersCalendarHeader.types';
+export type { PickersCalendarHeaderProps, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps, ExportedPickersCalendarHeaderProps } from "./PickersCalendarHeader.types.js";

package/esm/PickersDay/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersDay } from "./PickersDay.js";
-export type { PickersDayProps, PickerDayOwnerState } from './PickersDay.types';
+export type { PickersDayProps, PickerDayOwnerState } from "./PickersDay.types.js";
 export { pickersDayClasses, getPickersDayUtilityClass } from "./pickersDayClasses.js";
-export type { PickersDayClasses, PickersDayClassKey } from './pickersDayClasses';
+export type { PickersDayClasses, PickersDayClassKey } from "./pickersDayClasses.js";

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

@@ -1,5 +1,5 @@
 export { PickersLayout, PickersLayoutRoot, PickersLayoutContentWrapper } from "./PickersLayout.js";
-export type { PickersLayoutProps, PickersLayoutSlots, PickersLayoutSlotProps, ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickerLayoutOwnerState } from './PickersLayout.types';
+export type { PickersLayoutProps, PickersLayoutSlots, PickersLayoutSlotProps, ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickerLayoutOwnerState } from "./PickersLayout.types.js";
 export { default as usePickerLayout } from "./usePickerLayout.js";
 export { pickersLayoutClasses } from "./pickersLayoutClasses.js";
-export type { PickersLayoutClassKey } from './pickersLayoutClasses';
+export type { PickersLayoutClassKey } from "./pickersLayoutClasses.js";

package/esm/PickersSectionList/PickersSectionList.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PickersSectionListProps } from './PickersSectionList.types';
+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.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<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>>, {}>;

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

package/esm/PickersSectionList/PickersSectionList.types.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SlotComponentProps } from '@mui/utils';
 import { PickersSectionListClasses } from "./pickersSectionListClasses.js";
 import { PickerOwnerState } from "../models/index.js";
-import type { UseFieldDOMGetters } from '../internals/hooks/useField/useField.types';
+import type { UseFieldDOMGetters } from "../internals/hooks/useField/useField.types.js";
 export interface PickersSectionListSlots {
   root: React.ElementType;
   section: React.ElementType;

package/esm/PickersSectionList/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersSectionList as Unstable_PickersSectionList, PickersSectionListRoot as Unstable_PickersSectionListRoot, PickersSectionListSection as Unstable_PickersSectionListSection, PickersSectionListSectionSeparator as Unstable_PickersSectionListSectionSeparator, PickersSectionListSectionContent as Unstable_PickersSectionListSectionContent } from "./PickersSectionList.js";
-export type { PickersSectionListProps, PickersSectionElement, PickersSectionListRef, PickersSectionListSlots, PickersSectionListSlotProps, ExportedPickersSectionListProps } from './PickersSectionList.types';
+export type { PickersSectionListProps, PickersSectionElement, PickersSectionListRef, PickersSectionListSlots, PickersSectionListSlotProps, ExportedPickersSectionListProps } from "./PickersSectionList.types.js";
 export { getPickersSectionListUtilityClass, pickersSectionListClasses } from "./pickersSectionListClasses.js";
-export type { PickersSectionListClasses, PickersSectionListClassKey } from './pickersSectionListClasses';
+export type { PickersSectionListClasses, PickersSectionListClassKey } from "./pickersSectionListClasses.js";

package/esm/PickersShortcuts/PickersShortcuts.js

@@ -15,8 +15,7 @@ import { useIsValidValue, usePickerActionsContext } from "../hooks/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PickersShortcutsRoot = styled(List, {
   name: 'MuiPickersLayout',
-  slot: 'Shortcuts',
-  overridesResolver: (_, styles) => styles.shortcuts
+  slot: 'Shortcuts'
 })({});
 
 /**

package/esm/PickersShortcuts/index.d.ts

@@ -1,2 +1,2 @@
 export { PickersShortcuts } from "./PickersShortcuts.js";
-export type { PickersShortcutsProps, PickersShortcutsItem, PickersShortcutsItemContext } from './PickersShortcuts';
+export type { PickersShortcutsProps, PickersShortcutsItem, PickersShortcutsItemContext } from "./PickersShortcuts.js";

package/esm/PickersTextField/PickersFilledInput/PickersFilledInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { PickersInputBaseProps } from "../PickersInputBase/index.js";
-import { PickerTextFieldOwnerState } from "../PickersTextField.types.js";
+import { PickerTextFieldOwnerState } from "../../models/fields.js";
 export interface PickersFilledInputProps extends PickersInputBaseProps {
   disableUnderline?: boolean;
   hiddenLabel?: boolean;

package/esm/PickersTextField/PickersFilledInput/PickersFilledInput.js

@@ -15,7 +15,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const PickersFilledInputRoot = styled(PickersInputBaseRoot, {
   name: 'MuiPickersFilledInput',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'disableUnderline'
 })(({
   theme
@@ -128,7 +127,6 @@ const PickersFilledInputRoot = styled(PickersInputBaseRoot, {
 const PickersFilledSectionsContainer = styled(PickersInputBaseSectionsContainer, {
   name: 'MuiPickersFilledInput',
   slot: 'sectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'hiddenLabel'
 })({
   paddingTop: 25,
@@ -272,7 +270,7 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
   onInput: PropTypes.func.isRequired,
   onKeyDown: PropTypes.func.isRequired,
   onPaste: PropTypes.func.isRequired,
-  ownerState: PropTypes.any,
+  ownerState: PropTypes /* @typescript-to-proptypes-ignore */.any,
   readOnly: PropTypes.bool,
   renderSuffix: PropTypes.func,
   sectionListRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({

package/esm/PickersTextField/PickersFilledInput/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersFilledInput } from "./PickersFilledInput.js";
-export type { PickersFilledInputProps } from './PickersFilledInput';
-export type { PickersFilledInputClasses, PickersFilledInputClassKey } from './pickersFilledInputClasses';
+export type { PickersFilledInputProps } from "./PickersFilledInput.js";
+export type { PickersFilledInputClasses, PickersFilledInputClassKey } from "./pickersFilledInputClasses.js";
 export { getPickersFilledInputUtilityClass, pickersFilledInputClasses } from "./pickersFilledInputClasses.js";

package/esm/PickersTextField/PickersInput/PickersInput.d.ts

@@ -1,8 +1,15 @@
 import * as React from 'react';
 import { PickersInputBaseProps } from "../PickersInputBase/index.js";
+import { PickerTextFieldOwnerState } from "../../models/fields.js";
 export interface PickersInputProps extends PickersInputBaseProps {
   disableUnderline?: boolean;
 }
+export interface PickerInputOwnerState extends PickerTextFieldOwnerState {
+  /**
+   * `true` if the input has an underline, `false` otherwise.
+   */
+  inputHasUnderline: boolean;
+}
 /**
  * @ignore - internal component.
  */