@mui/x-date-pickers 8.0.0 → 8.2.0

package/DayCalendarSkeleton/DayCalendarSkeleton.js

@@ -29,15 +29,13 @@ const useUtilityClasses = classes => {
 };
 const DayCalendarSkeletonRoot = (0, _styles.styled)('div', {
   name: 'MuiDayCalendarSkeleton',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   alignSelf: 'start'
 });
 const DayCalendarSkeletonWeek = (0, _styles.styled)('div', {
   name: 'MuiDayCalendarSkeleton',
-  slot: 'Week',
-  overridesResolver: (props, styles) => styles.week
+  slot: 'Week'
 })({
   margin: `${_dimensions.DAY_MARGIN}px 0`,
   display: 'flex',
@@ -45,8 +43,7 @@ const DayCalendarSkeletonWeek = (0, _styles.styled)('div', {
 });
 const DayCalendarSkeletonDay = (0, _styles.styled)(_Skeleton.default, {
   name: 'MuiDayCalendarSkeleton',
-  slot: 'DaySkeleton',
-  overridesResolver: (props, styles) => styles.daySkeleton
+  slot: 'DaySkeleton'
 })({
   margin: `0 ${_dimensions.DAY_MARGIN}px`,
   '&[data-day-in-month="0"]': {
@@ -76,7 +73,8 @@ function DayCalendarSkeleton(inProps) {
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const classes = useUtilityClasses(classesProp);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DayCalendarSkeletonRoot, (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.root, className)
+    className: (0, _clsx.default)(classes.root, className),
+    ownerState: props
   }, other, {
     children: monthMap.map((week, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DayCalendarSkeletonWeek, {
       className: classes.week,

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

@@ -43,8 +43,7 @@ const useUtilityClasses = classes => {
 };
 const DigitalClockRoot = (0, _styles.styled)(_PickerViewRoot.PickerViewRoot, {
   name: 'MuiDigitalClock',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   overflowY: 'auto',
   width: '100%',
@@ -66,16 +65,14 @@ const DigitalClockRoot = (0, _styles.styled)(_PickerViewRoot.PickerViewRoot, {
 });
 const DigitalClockList = (0, _styles.styled)(_MenuList.default, {
   name: 'MuiDigitalClock',
-  slot: 'List',
-  overridesResolver: (props, styles) => styles.list
+  slot: 'List'
 })({
   padding: 0
 });
 const DigitalClockItem = exports.DigitalClockItem = (0, _styles.styled)(_MenuItem.default, {
   name: 'MuiDigitalClock',
   slot: 'Item',
-  shouldForwardProp: prop => prop !== 'itemValue' && prop !== 'formattedValue',
-  overridesResolver: (props, styles) => styles.item
+  shouldForwardProp: prop => prop !== 'itemValue' && prop !== 'formattedValue'
 })(({
   theme
 }) => ({

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

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

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

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

package/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/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -31,8 +31,7 @@ const useUtilityClasses = classes => {
 };
 const MultiSectionDigitalClockSectionRoot = (0, _styles.styled)(_MenuList.default, {
   name: 'MuiMultiSectionDigitalClockSection',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -74,8 +73,7 @@ const MultiSectionDigitalClockSectionRoot = (0, _styles.styled)(_MenuList.defaul
 }));
 const MultiSectionDigitalClockSectionItem = (0, _styles.styled)(_MenuItem.default, {
   name: 'MuiMultiSectionDigitalClockSection',
-  slot: 'Item',
-  overridesResolver: (_, styles) => styles.item
+  slot: 'Item'
 })(({
   theme
 }) => ({

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

@@ -20,8 +20,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["actions"];
 const PickersActionBarRoot = (0, _styles.styled)(_DialogActions.default, {
   name: 'MuiPickersLayout',
-  slot: 'ActionBar',
-  overridesResolver: (_, styles) => styles.actionBar
+  slot: 'ActionBar'
 })({});
 
 /**

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

@@ -40,8 +40,7 @@ const useUtilityClasses = classes => {
 };
 const PickersCalendarHeaderRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersCalendarHeader',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   alignItems: 'center',
@@ -55,8 +54,7 @@ const PickersCalendarHeaderRoot = (0, _styles.styled)('div', {
 });
 const PickersCalendarHeaderLabelContainer = (0, _styles.styled)('div', {
   name: 'MuiPickersCalendarHeader',
-  slot: 'LabelContainer',
-  overridesResolver: (_, styles) => styles.labelContainer
+  slot: 'LabelContainer'
 })(({
   theme
 }) => (0, _extends2.default)({
@@ -70,15 +68,13 @@ const PickersCalendarHeaderLabelContainer = (0, _styles.styled)('div', {
 }));
 const PickersCalendarHeaderLabel = (0, _styles.styled)('div', {
   name: 'MuiPickersCalendarHeader',
-  slot: 'Label',
-  overridesResolver: (_, styles) => styles.label
+  slot: 'Label'
 })({
   marginRight: 6
 });
 const PickersCalendarHeaderSwitchViewButton = (0, _styles.styled)(_IconButton.default, {
   name: 'MuiPickersCalendarHeader',
-  slot: 'SwitchViewButton',
-  overridesResolver: (_, styles) => styles.switchViewButton
+  slot: 'SwitchViewButton'
 })({
   marginRight: 'auto',
   variants: [{
@@ -94,8 +90,7 @@ const PickersCalendarHeaderSwitchViewButton = (0, _styles.styled)(_IconButton.de
 });
 const PickersCalendarHeaderSwitchViewIcon = (0, _styles.styled)(_icons.ArrowDropDownIcon, {
   name: 'MuiPickersCalendarHeader',
-  slot: 'SwitchViewIcon',
-  overridesResolver: (_, styles) => styles.switchViewIcon
+  slot: 'SwitchViewIcon'
 })(({
   theme
 }) => ({

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

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

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

@@ -21,28 +21,24 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["slots", "slotProps", "elements", "sectionListRef", "classes"];
 const PickersSectionListRoot = exports.PickersSectionListRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersSectionList',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   direction: 'ltr /*! @noflip */',
   outline: 'none'
 });
 const PickersSectionListSection = exports.PickersSectionListSection = (0, _styles.styled)('span', {
   name: 'MuiPickersSectionList',
-  slot: 'Section',
-  overridesResolver: (props, styles) => styles.section
+  slot: 'Section'
 })({});
 const PickersSectionListSectionSeparator = exports.PickersSectionListSectionSeparator = (0, _styles.styled)('span', {
   name: 'MuiPickersSectionList',
-  slot: 'SectionSeparator',
-  overridesResolver: (props, styles) => styles.sectionSeparator
+  slot: 'SectionSeparator'
 })({
   whiteSpace: 'pre'
 });
 const PickersSectionListSectionContent = exports.PickersSectionListSectionContent = (0, _styles.styled)('span', {
   name: 'MuiPickersSectionList',
-  slot: 'SectionContent',
-  overridesResolver: (props, styles) => styles.sectionContent
+  slot: 'SectionContent'
 })({
   outline: 'none'
 });

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

@@ -22,8 +22,7 @@ const _excluded = ["items", "changeImportance"],
   _excluded2 = ["getValue"];
 const PickersShortcutsRoot = (0, _styles.styled)(_List.default, {
   name: 'MuiPickersLayout',
-  slot: 'Shortcuts',
-  overridesResolver: (_, styles) => styles.shortcuts
+  slot: 'Shortcuts'
 })({});
 
 /**

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

@@ -23,7 +23,6 @@ const _excluded = ["label", "autoFocus", "disableUnderline", "hiddenLabel", "cla
 const PickersFilledInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseRoot, {
   name: 'MuiPickersFilledInput',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => (0, _system.shouldForwardProp)(prop) && prop !== 'disableUnderline'
 })(({
   theme
@@ -136,7 +135,6 @@ const PickersFilledInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInp
 const PickersFilledSectionsContainer = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseSectionsContainer, {
   name: 'MuiPickersFilledInput',
   slot: 'sectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer,
   shouldForwardProp: prop => (0, _system.shouldForwardProp)(prop) && prop !== 'hiddenLabel'
 })({
   paddingTop: 25,
@@ -280,7 +278,7 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.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/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/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.
  */

package/PickersTextField/PickersInput/PickersInput.js

@@ -23,7 +23,6 @@ const _excluded = ["label", "autoFocus", "disableUnderline", "ownerState", "clas
 const PickersInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseRoot, {
   name: 'MuiPickersInput',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'disableUnderline'
 })(({
   theme
@@ -195,7 +194,7 @@ process.env.NODE_ENV !== "production" ? PickersInput.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/PickersInput/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersInput } from "./PickersInput.js";
-export type { PickersInputProps } from './PickersInput';
-export type { PickersInputClasses, PickersInputClassKey } from './pickersInputClasses';
+export type { PickersInputProps } from "./PickersInput.js";
+export type { PickersInputClasses, PickersInputClassKey } from "./pickersInputClasses.js";
 export { getPickersInputUtilityClass, pickersInputClasses } from "./pickersInputClasses.js";

package/PickersTextField/PickersInputBase/PickersInputBase.d.ts

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

package/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -26,8 +26,7 @@ const _excluded = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "
 const round = value => Math.round(value * 1e5) / 1e5;
 const PickersInputBaseRoot = exports.PickersInputBaseRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersInputBase',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => (0, _extends2.default)({}, theme.typography.body1, {
@@ -52,8 +51,7 @@ const PickersInputBaseRoot = exports.PickersInputBaseRoot = (0, _styles.styled)(
 }));
 const PickersInputBaseSectionsContainer = exports.PickersInputBaseSectionsContainer = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListRoot, {
   name: 'MuiPickersInputBase',
-  slot: 'SectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
+  slot: 'SectionsContainer'
 })(({
   theme
 }) => ({
@@ -110,8 +108,7 @@ const PickersInputBaseSectionsContainer = exports.PickersInputBaseSectionsContai
 }));
 const PickersInputBaseSection = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSection, {
   name: 'MuiPickersInputBase',
-  slot: 'Section',
-  overridesResolver: (props, styles) => styles.section
+  slot: 'Section'
 })(({
   theme
 }) => ({
@@ -126,7 +123,7 @@ const PickersInputBaseSection = (0, _styles.styled)(_PickersSectionList.Unstable
 const PickersInputBaseSectionContent = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionContent, {
   name: 'MuiPickersInputBase',
   slot: 'SectionContent',
-  overridesResolver: (props, styles) => styles.content
+  overridesResolver: (props, styles) => styles.content // FIXME: Inconsistent naming with slot
 })(({
   theme
 }) => ({
@@ -139,8 +136,7 @@ const PickersInputBaseSectionContent = (0, _styles.styled)(_PickersSectionList.U
 }));
 const PickersInputBaseSectionSeparator = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionSeparator, {
   name: 'MuiPickersInputBase',
-  slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator
+  slot: 'Separator'
 })(() => ({
   whiteSpace: 'pre',
   letterSpacing: 'inherit'
@@ -148,12 +144,11 @@ const PickersInputBaseSectionSeparator = (0, _styles.styled)(_PickersSectionList
 const PickersInputBaseInput = (0, _styles.styled)('input', {
   name: 'MuiPickersInputBase',
   slot: 'Input',
-  overridesResolver: (props, styles) => styles.hiddenInput
+  overridesResolver: (props, styles) => styles.hiddenInput // FIXME: Inconsistent naming with slot
 })((0, _extends2.default)({}, _visuallyHidden.default));
 const PickersInputBaseActiveBar = (0, _styles.styled)('div', {
   name: 'MuiPickersInputBase',
-  slot: 'ActiveBar',
-  overridesResolver: (props, styles) => styles.activeBar
+  slot: 'ActiveBar'
 })(({
   theme,
   ownerState
@@ -448,7 +443,7 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.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/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/PickersInputBase/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersInputBase } from "./PickersInputBase.js";
-export type { PickersInputBaseProps } from './PickersInputBase.types';
+export type { PickersInputBaseProps } from "./PickersInputBase.types.js";
 export { pickersInputBaseClasses, getPickersInputBaseUtilityClass } from "./pickersInputBaseClasses.js";
-export type { PickersInputBaseClasses, PickersInputBaseClassKey } from './pickersInputBaseClasses';
+export type { PickersInputBaseClasses, PickersInputBaseClassKey } from "./pickersInputBaseClasses.js";

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
 }) => {