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

package/esm/DateCalendar/DayCalendar.js

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

package/esm/DateCalendar/PickersFadeTransitionGroup.js

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

package/esm/DatePicker/DatePicker.js

@@ -99,7 +99,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
   disableHighlightToday: PropTypes.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.bool,

package/esm/DatePicker/DatePickerToolbar.js

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

package/esm/DateTimePicker/DateTimePicker.js

@@ -114,7 +114,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.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.bool,

package/esm/DateTimePicker/DateTimePickerTabs.js

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

package/esm/DateTimePicker/DateTimePickerToolbar.js

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

package/esm/DayCalendarSkeleton/DayCalendarSkeleton.js

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

package/esm/DesktopDatePicker/DesktopDatePicker.js

@@ -13,8 +13,6 @@ import { useDesktopPicker } from "../internals/hooks/useDesktopPicker/index.js";
 import { DateField } from "../DateField/index.js";
 import { renderDateViewCalendar } from "../dateViewRenderers/index.js";
 import { resolveDateFormat } from "../internals/utils/date-utils.js";
-const emptyActions = [];
-
 /**
  * Demos:
  *
@@ -49,10 +47,7 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
       field: ownerState => _extends({}, resolveComponentProps(defaultizedProps.slotProps?.field, ownerState), extractValidationProps(defaultizedProps)),
       toolbar: _extends({
         hidden: true
-      }, defaultizedProps.slotProps?.toolbar),
-      actionBar: ownerState => _extends({
-        actions: emptyActions
-      }, resolveComponentProps(defaultizedProps.slotProps?.actionBar, ownerState))
+      }, defaultizedProps.slotProps?.toolbar)
     })
   });
   const {
@@ -115,7 +110,7 @@ DesktopDatePicker.propTypes = {
   disableHighlightToday: PropTypes.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.bool,

package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -204,7 +204,7 @@ DesktopDateTimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.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.bool,

package/esm/DesktopTimePicker/DesktopTimePicker.js

@@ -129,7 +129,7 @@ DesktopTimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.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.bool,

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/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/esm/LocalizationProvider/LocalizationProvider.js

@@ -100,7 +100,7 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   children: PropTypes.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.func,
   /**

package/esm/MobileDatePicker/MobileDatePicker.js

@@ -108,7 +108,7 @@ MobileDatePicker.propTypes = {
   disableHighlightToday: PropTypes.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.bool,

package/esm/MobileDateTimePicker/MobileDateTimePicker.js

@@ -173,7 +173,7 @@ MobileDateTimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.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.bool,

package/esm/MobileTimePicker/MobileTimePicker.js

@@ -114,7 +114,7 @@ MobileTimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.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.bool,

package/esm/MonthCalendar/MonthCalendar.js

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

package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.js

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

package/esm/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

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

package/esm/PickersActionBar/PickersActionBar.js

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

package/esm/PickersCalendarHeader/PickersCalendarHeader.js

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

package/esm/PickersLayout/PickersLayout.js

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

package/esm/PickersLayout/usePickerLayout.js

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

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

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

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

package/esm/PickersTextField/PickersInput/PickersInput.js

@@ -15,7 +15,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const PickersInputRoot = styled(PickersInputBaseRoot, {
   name: 'MuiPickersInput',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'disableUnderline'
 })(({
   theme
@@ -162,6 +161,7 @@ process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
    * Useful when all the sections are selected.
    */
   contentEditable: PropTypes.bool.isRequired,
+  'data-multi-input': PropTypes.string,
   disableUnderline: PropTypes.bool,
   /**
    * The elements to render.
@@ -186,7 +186,7 @@ process.env.NODE_ENV !== "production" ? PickersInput.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/PickersInput/pickersInputClasses.d.ts

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

package/esm/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>>, {}>;