@mui/x-date-pickers 8.0.0-beta.3 → 8.1.0

package/DateCalendar/DateCalendar.js

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

package/DateCalendar/DayCalendar.js

@@ -46,13 +46,11 @@ const useUtilityClasses = classes => {
 const weeksContainerHeight = (_dimensions.DAY_SIZE + _dimensions.DAY_MARGIN * 2) * 6;
 const PickersCalendarDayRoot = (0, _styles.styled)('div', {
   name: 'MuiDayCalendar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({});
 const PickersCalendarDayHeader = (0, _styles.styled)('div', {
   name: 'MuiDayCalendar',
-  slot: 'Header',
-  overridesResolver: (_, styles) => styles.header
+  slot: 'Header'
 })({
   display: 'flex',
   justifyContent: 'center',
@@ -60,8 +58,7 @@ const PickersCalendarDayHeader = (0, _styles.styled)('div', {
 });
 const PickersCalendarWeekDayLabel = (0, _styles.styled)(_Typography.default, {
   name: 'MuiDayCalendar',
-  slot: 'WeekDayLabel',
-  overridesResolver: (_, styles) => styles.weekDayLabel
+  slot: 'WeekDayLabel'
 })(({
   theme
 }) => ({
@@ -76,8 +73,7 @@ const PickersCalendarWeekDayLabel = (0, _styles.styled)(_Typography.default, {
 }));
 const PickersCalendarWeekNumberLabel = (0, _styles.styled)(_Typography.default, {
   name: 'MuiDayCalendar',
-  slot: 'WeekNumberLabel',
-  overridesResolver: (_, styles) => styles.weekNumberLabel
+  slot: 'WeekNumberLabel'
 })(({
   theme
 }) => ({
@@ -92,8 +88,7 @@ const PickersCalendarWeekNumberLabel = (0, _styles.styled)(_Typography.default,
 }));
 const PickersCalendarWeekNumber = (0, _styles.styled)(_Typography.default, {
   name: 'MuiDayCalendar',
-  slot: 'WeekNumber',
-  overridesResolver: (_, styles) => styles.weekNumber
+  slot: 'WeekNumber'
 })(({
   theme
 }) => (0, _extends2.default)({}, theme.typography.caption, {
@@ -109,8 +104,7 @@ const PickersCalendarWeekNumber = (0, _styles.styled)(_Typography.default, {
 }));
 const PickersCalendarLoadingContainer = (0, _styles.styled)('div', {
   name: 'MuiDayCalendar',
-  slot: 'LoadingContainer',
-  overridesResolver: (_, styles) => styles.loadingContainer
+  slot: 'LoadingContainer'
 })({
   display: 'flex',
   justifyContent: 'center',
@@ -119,22 +113,19 @@ const PickersCalendarLoadingContainer = (0, _styles.styled)('div', {
 });
 const PickersCalendarSlideTransition = (0, _styles.styled)(_PickersSlideTransition.PickersSlideTransition, {
   name: 'MuiDayCalendar',
-  slot: 'SlideTransition',
-  overridesResolver: (_, styles) => styles.slideTransition
+  slot: 'SlideTransition'
 })({
   minHeight: weeksContainerHeight
 });
 const PickersCalendarWeekContainer = (0, _styles.styled)('div', {
   name: 'MuiDayCalendar',
-  slot: 'MonthContainer',
-  overridesResolver: (_, styles) => styles.monthContainer
+  slot: 'MonthContainer'
 })({
   overflow: 'hidden'
 });
 const PickersCalendarWeek = (0, _styles.styled)('div', {
   name: 'MuiDayCalendar',
-  slot: 'WeekContainer',
-  overridesResolver: (_, styles) => styles.weekContainer
+  slot: 'WeekContainer'
 })({
   margin: `${_dimensions.DAY_MARGIN}px 0`,
   display: 'flex',

package/DateCalendar/PickersFadeTransitionGroup.js

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

package/DatePicker/DatePicker.js

@@ -106,7 +106,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
   disableHighlightToday: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/DatePicker/DatePickerToolbar.js

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

package/DateTimePicker/DateTimePicker.js

@@ -121,7 +121,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/DateTimePicker/DateTimePickerTabs.js

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

package/DateTimePicker/DateTimePickerToolbar.js

@@ -50,7 +50,6 @@ const useUtilityClasses = (classes, ownerState) => {
 const DateTimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToolbar, {
   name: 'MuiDateTimePickerToolbar',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'toolbarVariant'
 })(({
   theme
@@ -91,8 +90,7 @@ const DateTimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToo
 }));
 const DateTimePickerToolbarDateContainer = (0, _styles.styled)('div', {
   name: 'MuiDateTimePickerToolbar',
-  slot: 'DateContainer',
-  overridesResolver: (props, styles) => styles.dateContainer
+  slot: 'DateContainer'
 })({
   display: 'flex',
   flexDirection: 'column',
@@ -101,7 +99,6 @@ const DateTimePickerToolbarDateContainer = (0, _styles.styled)('div', {
 const DateTimePickerToolbarTimeContainer = (0, _styles.styled)('div', {
   name: 'MuiDateTimePickerToolbar',
   slot: 'TimeContainer',
-  overridesResolver: (props, styles) => styles.timeContainer,
   shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'toolbarVariant'
 })({
   display: 'flex',
@@ -145,7 +142,6 @@ const DateTimePickerToolbarTimeContainer = (0, _styles.styled)('div', {
 const DateTimePickerToolbarTimeDigitsContainer = (0, _styles.styled)('div', {
   name: 'MuiDateTimePickerToolbar',
   slot: 'TimeDigitsContainer',
-  overridesResolver: (props, styles) => styles.timeDigitsContainer,
   shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'toolbarVariant'
 })({
   display: 'flex',
@@ -168,7 +164,6 @@ const DateTimePickerToolbarTimeDigitsContainer = (0, _styles.styled)('div', {
 const DateTimePickerToolbarSeparator = (0, _styles.styled)(_PickersToolbarText.PickersToolbarText, {
   name: 'MuiDateTimePickerToolbar',
   slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator,
   shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'toolbarVariant'
 })({
   margin: '0 4px 0 2px',

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"]': {

package/DesktopDatePicker/DesktopDatePicker.js

@@ -20,8 +20,6 @@ var _useDesktopPicker = require("../internals/hooks/useDesktopPicker");
 var _DateField = require("../DateField");
 var _dateViewRenderers = require("../dateViewRenderers");
 var _dateUtils = require("../internals/utils/date-utils");
-const emptyActions = [];
-
 /**
  * Demos:
  *
@@ -56,10 +54,7 @@ const DesktopDatePicker = exports.DesktopDatePicker = /*#__PURE__*/React.forward
       field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps)),
       toolbar: (0, _extends2.default)({
         hidden: true
-      }, defaultizedProps.slotProps?.toolbar),
-      actionBar: ownerState => (0, _extends2.default)({
-        actions: emptyActions
-      }, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.actionBar, ownerState))
+      }, defaultizedProps.slotProps?.toolbar)
     })
   });
   const {
@@ -122,7 +117,7 @@ DesktopDatePicker.propTypes = {
   disableHighlightToday: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -211,7 +211,7 @@ DesktopDateTimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/DesktopTimePicker/DesktopTimePicker.js

@@ -136,7 +136,7 @@ DesktopTimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

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

@@ -15,7 +15,7 @@ export interface LocalizationProviderProps<TLocale> {
   children?: React.ReactNode;
   /**
    * Date library adapter class function.
-   * @see See the localization provider {@link https://next.mui.com/x/react-date-pickers/quickstart/#integrate-provider-and-adapter date adapter setup section} for more details.
+   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/quickstart/#integrate-provider-and-adapter date adapter setup section} for more details.
    */
   dateAdapter?: new (...args: any) => MuiPickersAdapter<TLocale>;
   /** Formats that are used for any child pickers */

package/LocalizationProvider/LocalizationProvider.js

@@ -107,7 +107,7 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   children: _propTypes.default.node,
   /**
    * Date library adapter class function.
-   * @see See the localization provider {@link https://next.mui.com/x/react-date-pickers/quickstart/#integrate-provider-and-adapter date adapter setup section} for more details.
+   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/quickstart/#integrate-provider-and-adapter date adapter setup section} for more details.
    */
   dateAdapter: _propTypes.default.func,
   /**

package/MobileDatePicker/MobileDatePicker.js

@@ -115,7 +115,7 @@ MobileDatePicker.propTypes = {
   disableHighlightToday: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -180,7 +180,7 @@ MobileDateTimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/MobileTimePicker/MobileTimePicker.js

@@ -121,7 +121,7 @@ MobileTimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

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/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.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/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/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/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/usePickerLayout.js

@@ -40,7 +40,8 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const usePickerLayout = props => {
   const {
-    ownerState: pickerOwnerState
+    ownerState: pickerOwnerState,
+    defaultActionBarActions
   } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
   const {
     view
@@ -63,7 +64,7 @@ const usePickerLayout = props => {
       elementType: ActionBar,
       externalSlotProps: slotProps?.actionBar,
       additionalProps: {
-        actions: ['cancel', 'accept']
+        actions: defaultActionBarActions
       },
       className: classes.actionBar,
       ownerState

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

@@ -25,7 +25,9 @@ export interface PickersSectionListSlotProps {
 }
 export interface PickersSectionElement {
   container: React.HTMLAttributes<HTMLSpanElement>;
-  content: React.HTMLAttributes<HTMLSpanElement>;
+  content: React.HTMLAttributes<HTMLSpanElement> & {
+    'data-range-position': string | undefined;
+  };
   before: React.HTMLAttributes<HTMLSpanElement>;
   after: React.HTMLAttributes<HTMLSpanElement>;
 }

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/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,
@@ -254,6 +252,7 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
    * Useful when all the sections are selected.
    */
   contentEditable: _propTypes.default.bool.isRequired,
+  'data-multi-input': _propTypes.default.string,
   disableUnderline: _propTypes.default.bool,
   /**
    * The elements to render.
@@ -279,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/pickersFilledInputClasses.d.ts

@@ -20,4 +20,5 @@ export declare const pickersFilledInputClasses: {
   sectionContent: string;
   sectionBefore: string;
   sectionAfter: string;
+  activeBar: string;
 };

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
@@ -170,6 +169,7 @@ process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
    * Useful when all the sections are selected.
    */
   contentEditable: _propTypes.default.bool.isRequired,
+  'data-multi-input': _propTypes.default.string,
   disableUnderline: _propTypes.default.bool,
   /**
    * The elements to render.
@@ -194,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/pickersInputClasses.d.ts

@@ -20,4 +20,5 @@ export declare const pickersInputClasses: {
   sectionContent: string;
   sectionBefore: string;
   sectionAfter: string;
+  activeBar: string;
 };