@mui/x-date-pickers 8.0.0-alpha.0 → 8.0.0-alpha.10

package/PickersSectionList/PickersSectionList.js

@@ -2,7 +2,7 @@
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["slots", "slotProps", "elements", "sectionListRef"];
+const _excluded = ["slots", "slotProps", "elements", "sectionListRef", "classes"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useSlotProps from '@mui/utils/useSlotProps';
@@ -10,6 +10,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import useForkRef from '@mui/utils/useForkRef';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { getPickersSectionListUtilityClass, pickersSectionListClasses } from "./pickersSectionListClasses.js";
+import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const PickersSectionListRoot = styled('div', {
   name: 'MuiPickersSectionList',
@@ -38,10 +39,7 @@ export const PickersSectionListSectionContent = styled('span', {
 })({
   outline: 'none'
 });
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
+const useUtilityClasses = classes => {
   const slots = {
     root: ['root'],
     section: ['section'],
@@ -56,13 +54,16 @@ function PickersSection(props) {
     element,
     classes
   } = props;
+  const {
+    ownerState
+  } = usePickerPrivateContext();
   const Section = slots?.section ?? PickersSectionListSection;
   const sectionProps = useSlotProps({
     elementType: Section,
     externalSlotProps: slotProps?.section,
     externalForwardedProps: element.container,
     className: classes.section,
-    ownerState: {}
+    ownerState
   });
   const SectionContent = slots?.sectionContent ?? PickersSectionListSectionContent;
   const sectionContentProps = useSlotProps({
@@ -73,24 +74,24 @@ function PickersSection(props) {
       suppressContentEditableWarning: true
     },
     className: classes.sectionContent,
-    ownerState: {}
+    ownerState
   });
   const SectionSeparator = slots?.sectionSeparator ?? PickersSectionListSectionSeparator;
   const sectionSeparatorBeforeProps = useSlotProps({
     elementType: SectionSeparator,
     externalSlotProps: slotProps?.sectionSeparator,
     externalForwardedProps: element.before,
-    ownerState: {
-      position: 'before'
-    }
+    ownerState: _extends({}, ownerState, {
+      separatorPosition: 'before'
+    })
   });
   const sectionSeparatorAfterProps = useSlotProps({
     elementType: SectionSeparator,
     externalSlotProps: slotProps?.sectionSeparator,
     externalForwardedProps: element.after,
-    ownerState: {
-      position: 'after'
-    }
+    ownerState: _extends({}, ownerState, {
+      separatorPosition: 'after'
+    })
   });
   return /*#__PURE__*/_jsxs(Section, _extends({}, sectionProps, {
     children: [/*#__PURE__*/_jsx(SectionSeparator, _extends({}, sectionSeparatorBeforeProps)), /*#__PURE__*/_jsx(SectionContent, _extends({}, sectionContentProps)), /*#__PURE__*/_jsx(SectionSeparator, _extends({}, sectionSeparatorAfterProps))]
@@ -135,10 +136,14 @@ const PickersSectionList = /*#__PURE__*/React.forwardRef(function PickersSection
       slots,
       slotProps,
       elements,
-      sectionListRef
+      sectionListRef,
+      classes: classesProp
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const classes = useUtilityClasses(props);
+  const classes = useUtilityClasses(classesProp);
+  const {
+    ownerState
+  } = usePickerPrivateContext();
   const rootRef = React.useRef(null);
   const handleRootRef = useForkRef(ref, rootRef);
   const getRoot = methodName => {
@@ -186,7 +191,7 @@ const PickersSectionList = /*#__PURE__*/React.forwardRef(function PickersSection
       suppressContentEditableWarning: true
     },
     className: classes.root,
-    ownerState: {}
+    ownerState
   });
   return /*#__PURE__*/_jsx(Root, _extends({}, rootProps, {
     children: rootProps.contentEditable ? elements.map(({

package/PickersSectionList/PickersSectionList.types.d.ts

@@ -1,19 +1,26 @@
 import * as React from 'react';
 import { SlotComponentProps } from '@mui/utils';
 import { PickersSectionListClasses } from './pickersSectionListClasses';
+import { PickerOwnerState } from '../models';
 export interface PickersSectionListSlots {
     root: React.ElementType;
     section: React.ElementType;
     sectionSeparator: React.ElementType;
     sectionContent: React.ElementType;
 }
+export interface PickerSectionSeparatorOwnerState extends PickerOwnerState {
+    /**
+     * The position of the separator.
+     * `before` if the separator is rendered before the section content.
+     * `after` if the separator is rendered after the section content.
+     */
+    separatorPosition: 'before' | 'after';
+}
 export interface PickersSectionListSlotProps {
-    root?: SlotComponentProps<'div', {}, {}>;
-    section?: SlotComponentProps<'span', {}, {}>;
-    sectionSeparator?: SlotComponentProps<'span', {}, {
-        position: 'before' | 'after';
-    }>;
-    sectionContent?: SlotComponentProps<'span', {}, {}>;
+    root?: SlotComponentProps<'div', {}, PickerOwnerState>;
+    section?: SlotComponentProps<'span', {}, PickerOwnerState>;
+    sectionSeparator?: SlotComponentProps<'span', {}, PickerSectionSeparatorOwnerState>;
+    sectionContent?: SlotComponentProps<'span', {}, PickerOwnerState>;
 }
 export interface PickersSectionElement {
     container: React.HTMLAttributes<HTMLSpanElement>;

package/PickersShortcuts/PickersShortcuts.d.ts

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { ListProps } from '@mui/material/List';
-interface PickersShortcutsItemGetValueParams<TValue> {
+import { PickerValidValue } from '../internals/models';
+import { PickerChangeImportance } from '../models/pickers';
+interface PickersShortcutsItemGetValueParams<TValue extends PickerValidValue> {
     isValid: (value: TValue) => boolean;
 }
-export interface PickersShortcutsItem<TValue> {
+export interface PickersShortcutsItem<TValue extends PickerValidValue> {
     label: string;
     getValue: (params: PickersShortcutsItemGetValueParams<TValue>) => TValue;
     /**
@@ -12,9 +14,8 @@ export interface PickersShortcutsItem<TValue> {
      */
     id?: string;
 }
-export type PickersShortcutsItemContext = Omit<PickersShortcutsItem<unknown>, 'getValue'>;
-export type PickerShortcutChangeImportance = 'set' | 'accept';
-export interface ExportedPickersShortcutProps<TValue> extends Omit<ListProps, 'onChange'> {
+export type PickersShortcutsItemContext = Omit<PickersShortcutsItem<PickerValidValue>, 'getValue'>;
+export interface ExportedPickersShortcutProps<TValue extends PickerValidValue> extends Omit<ListProps, 'onChange'> {
     /**
      * Ordered array of shortcuts to display.
      * If empty, does not display the shortcuts.
@@ -27,12 +28,9 @@ export interface ExportedPickersShortcutProps<TValue> extends Omit<ListProps, 'o
      * - "set": fires `onChange` but do not fire `onAccept` and does not close the picker.
      * @default "accept"
      */
-    changeImportance?: PickerShortcutChangeImportance;
+    changeImportance?: PickerChangeImportance;
 }
-export interface PickersShortcutsProps<TValue> extends ExportedPickersShortcutProps<TValue> {
-    isLandscape: boolean;
-    onChange: (newValue: TValue, changeImportance: PickerShortcutChangeImportance, shortcut: PickersShortcutsItemContext) => void;
-    isValid: (value: TValue) => boolean;
+export interface PickersShortcutsProps<TValue extends PickerValidValue> extends ExportedPickersShortcutProps<TValue> {
 }
 /**
  * Demos:
@@ -43,7 +41,7 @@ export interface PickersShortcutsProps<TValue> extends ExportedPickersShortcutPr
  *
  * - [PickersShortcuts API](https://mui.com/x/api/date-pickers/pickers-shortcuts/)
  */
-declare function PickersShortcuts<TValue>(props: PickersShortcutsProps<TValue>): React.JSX.Element | null;
+declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): React.JSX.Element | null;
 declare namespace PickersShortcuts {
     var propTypes: any;
 }

package/PickersShortcuts/PickersShortcuts.js

@@ -2,15 +2,23 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["items", "changeImportance", "isLandscape", "onChange", "isValid"],
+const _excluded = ["items", "changeImportance"],
   _excluded2 = ["getValue"];
 import * as React from 'react';
+import { styled } from '@mui/material/styles';
 import PropTypes from 'prop-types';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import Chip from '@mui/material/Chip';
 import { VIEW_HEIGHT } from "../internals/constants/dimensions.js";
+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
+})({});
+
 /**
  * Demos:
  *
@@ -23,11 +31,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 function PickersShortcuts(props) {
   const {
       items,
-      changeImportance = 'accept',
-      onChange,
-      isValid
+      changeImportance = 'accept'
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
+  const {
+    setValue
+  } = usePickerActionsContext();
+  const isValidValue = useIsValidValue();
   if (items == null || items.length === 0) {
     return null;
   }
@@ -37,17 +47,20 @@ function PickersShortcuts(props) {
       } = _ref,
       item = _objectWithoutPropertiesLoose(_ref, _excluded2);
     const newValue = getValue({
-      isValid
+      isValid: isValidValue
     });
     return _extends({}, item, {
       label: item.label,
       onClick: () => {
-        onChange(newValue, changeImportance, item);
+        setValue(newValue, {
+          changeImportance,
+          shortcut: item
+        });
       },
-      disabled: !isValid(newValue)
+      disabled: !isValidValue(newValue)
     });
   });
-  return /*#__PURE__*/_jsx(List, _extends({
+  return /*#__PURE__*/_jsx(PickersShortcutsRoot, _extends({
     dense: true,
     sx: [{
       maxHeight: VIEW_HEIGHT,
@@ -88,8 +101,6 @@ process.env.NODE_ENV !== "production" ? PickersShortcuts.propTypes = {
    * @default false
    */
   disablePadding: PropTypes.bool,
-  isLandscape: PropTypes.bool.isRequired,
-  isValid: PropTypes.func.isRequired,
   /**
    * Ordered array of shortcuts to display.
    * If empty, does not display the shortcuts.
@@ -100,7 +111,6 @@ process.env.NODE_ENV !== "production" ? PickersShortcuts.propTypes = {
     id: PropTypes.string,
     label: PropTypes.string.isRequired
   })),
-  onChange: PropTypes.func.isRequired,
   style: PropTypes.object,
   /**
    * The content of the subheader, normally `ListSubheader`.

package/PickersShortcuts/index.d.ts

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

package/PickersTextField/PickersFilledInput/PickersFilledInput.d.ts

@@ -1,9 +1,16 @@
 import * as React from 'react';
 import { PickersInputBaseProps } from '../PickersInputBase';
+import { PickerTextFieldOwnerState } from '../PickersTextField.types';
 export interface PickersFilledInputProps extends PickersInputBaseProps {
     disableUnderline?: boolean;
     hiddenLabel?: boolean;
 }
+export interface PickerFilledInputOwnerState extends PickerTextFieldOwnerState {
+    /**
+     * `true` if the input  has an underline, `false` otherwise.
+     */
+    inputHasUnderline: boolean;
+}
 /**
  * @ignore - internal component.
  */

package/PickersTextField/PickersFilledInput/PickersFilledInput.js

@@ -1,9 +1,8 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["label", "autoFocus", "disableUnderline", "ownerState"];
+const _excluded = ["label", "autoFocus", "disableUnderline", "hiddenLabel", "classes"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useFormControl } from '@mui/material/FormControl';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { shouldForwardProp } from '@mui/system';
 import { refType } from '@mui/utils';
@@ -11,6 +10,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import { pickersFilledInputClasses, getPickersFilledInputUtilityClass } from "./pickersFilledInputClasses.js";
 import { PickersInputBase } from "../PickersInputBase/index.js";
 import { PickersInputBaseRoot, PickersInputBaseSectionsContainer } from "../PickersInputBase/PickersInputBase.js";
+import { usePickerTextFieldOwnerState } from "../usePickerTextFieldOwnerState.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PickersFilledInputRoot = styled(PickersInputBaseRoot, {
   name: 'MuiPickersFilledInput',
@@ -50,7 +50,7 @@ const PickersFilledInputRoot = styled(PickersInputBaseRoot, {
     // @ts-ignore
     .filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
       props: {
-        color,
+        inputColor: color,
         disableUnderline: false
       },
       style: {
@@ -109,16 +109,16 @@ const PickersFilledInputRoot = styled(PickersInputBaseRoot, {
         }
       }
     }, {
-      props: ({
-        startAdornment
-      }) => !!startAdornment,
+      props: {
+        hasStartAdornment: true
+      },
       style: {
         paddingLeft: 12
       }
     }, {
-      props: ({
-        endAdornment
-      }) => !!endAdornment,
+      props: {
+        hasEndAdornment: true
+      },
       style: {
         paddingRight: 12
       }
@@ -128,7 +128,8 @@ const PickersFilledInputRoot = styled(PickersInputBaseRoot, {
 const PickersFilledSectionsContainer = styled(PickersInputBaseSectionsContainer, {
   name: 'MuiPickersFilledInput',
   slot: 'sectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
+  overridesResolver: (props, styles) => styles.sectionsContainer,
+  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'hiddenLabel'
 })({
   paddingTop: 25,
   paddingRight: 12,
@@ -136,23 +137,23 @@ const PickersFilledSectionsContainer = styled(PickersInputBaseSectionsContainer,
   paddingLeft: 12,
   variants: [{
     props: {
-      size: 'small'
+      inputSize: 'small'
     },
     style: {
       paddingTop: 21,
       paddingBottom: 4
     }
   }, {
-    props: ({
-      startAdornment
-    }) => !!startAdornment,
+    props: {
+      hasStartAdornment: true
+    },
     style: {
       paddingLeft: 0
     }
   }, {
-    props: ({
-      endAdornment
-    }) => !!endAdornment,
+    props: {
+      hasEndAdornment: true
+    },
     style: {
       paddingRight: 0
     }
@@ -167,7 +168,7 @@ const PickersFilledSectionsContainer = styled(PickersInputBaseSectionsContainer,
   }, {
     props: {
       hiddenLabel: true,
-      size: 'small'
+      inputSize: 'small'
     },
     style: {
       paddingTop: 8,
@@ -175,18 +176,18 @@ const PickersFilledSectionsContainer = styled(PickersInputBaseSectionsContainer,
     }
   }]
 });
-const useUtilityClasses = ownerState => {
+const useUtilityClasses = (classes, ownerState) => {
   const {
-    classes,
-    disableUnderline
+    inputHasUnderline
   } = ownerState;
   const slots = {
-    root: ['root', !disableUnderline && 'underline'],
+    root: ['root', inputHasUnderline && 'underline'],
     input: ['input']
   };
   const composedClasses = composeClasses(slots, getPickersFilledInputUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
+
 /**
  * @ignore - internal component.
  */
@@ -198,14 +199,15 @@ const PickersFilledInput = /*#__PURE__*/React.forwardRef(function PickersFilledI
   const {
       label,
       disableUnderline = false,
-      ownerState: ownerStateProp
+      hiddenLabel = false,
+      classes: classesProp
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const muiFormControl = useFormControl();
-  const ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
-    color: muiFormControl?.color || 'primary'
+  const pickerTextFieldOwnerState = usePickerTextFieldOwnerState();
+  const ownerState = _extends({}, pickerTextFieldOwnerState, {
+    inputHasUnderline: !disableUnderline
   });
-  const classes = useUtilityClasses(ownerState);
+  const classes = useUtilityClasses(classesProp, ownerState);
   return /*#__PURE__*/_jsx(PickersInputBase, _extends({
     slots: {
       root: PickersFilledInputRoot,
@@ -214,12 +216,16 @@ const PickersFilledInput = /*#__PURE__*/React.forwardRef(function PickersFilledI
     slotProps: {
       root: {
         disableUnderline
+      },
+      input: {
+        hiddenLabel
       }
     }
   }, other, {
     label: label,
     classes: classes,
-    ref: ref
+    ref: ref,
+    ownerState: ownerState
   }));
 });
 process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {

package/PickersTextField/PickersFilledInput/pickersFilledInputClasses.d.ts

@@ -1,7 +1,7 @@
 import { PickersInputBaseClasses } from '../PickersInputBase';
 export interface PickersFilledInputClasses extends PickersInputBaseClasses {
     /** Styles applied to the root element unless `disableUnderline={true}`. */
-    underline?: string;
+    underline: string;
 }
 export type PickersFilledInputClassKey = keyof PickersFilledInputClasses;
 export declare function getPickersFilledInputUtilityClass(slot: string): string;

package/PickersTextField/PickersInput/PickersInput.js

@@ -1,20 +1,22 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["label", "autoFocus", "disableUnderline", "ownerState"];
+const _excluded = ["label", "autoFocus", "disableUnderline", "ownerState", "classes"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useFormControl } from '@mui/material/FormControl';
 import { styled, useThemeProps } from '@mui/material/styles';
+import { shouldForwardProp } from '@mui/system/createStyled';
 import { refType } from '@mui/utils';
 import composeClasses from '@mui/utils/composeClasses';
 import { pickersInputClasses, getPickersInputUtilityClass } from "./pickersInputClasses.js";
 import { PickersInputBase } from "../PickersInputBase/index.js";
 import { PickersInputBaseRoot } from "../PickersInputBase/PickersInputBase.js";
+import { usePickerTextFieldOwnerState } from "../usePickerTextFieldOwnerState.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PickersInputRoot = styled(PickersInputBaseRoot, {
   name: 'MuiPickersInput',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  overridesResolver: (props, styles) => styles.root,
+  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'disableUnderline'
 })(({
   theme
 }) => {
@@ -31,7 +33,7 @@ const PickersInputRoot = styled(PickersInputBaseRoot, {
     // @ts-ignore
     .filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
       props: {
-        color
+        inputColor: color
       },
       style: {
         '&::after': {
@@ -96,18 +98,18 @@ const PickersInputRoot = styled(PickersInputBaseRoot, {
     }]
   };
 });
-const useUtilityClasses = ownerState => {
+const useUtilityClasses = (classes, ownerState) => {
   const {
-    classes,
-    disableUnderline
+    inputHasUnderline
   } = ownerState;
   const slots = {
-    root: ['root', !disableUnderline && 'underline'],
+    root: ['root', !inputHasUnderline && 'underline'],
     input: ['input']
   };
   const composedClasses = composeClasses(slots, getPickersInputUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
+
 /**
  * @ignore - internal component.
  */
@@ -119,18 +121,22 @@ const PickersInput = /*#__PURE__*/React.forwardRef(function PickersInput(inProps
   const {
       label,
       disableUnderline = false,
-      ownerState: ownerStateProp
+      classes: classesProp
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const muiFormControl = useFormControl();
-  const ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
-    disableUnderline,
-    color: muiFormControl?.color || 'primary'
+  const pickerTextFieldOwnerState = usePickerTextFieldOwnerState();
+  const ownerState = _extends({}, pickerTextFieldOwnerState, {
+    inputHasUnderline: !disableUnderline
   });
-  const classes = useUtilityClasses(ownerState);
+  const classes = useUtilityClasses(classesProp, ownerState);
   return /*#__PURE__*/_jsx(PickersInputBase, _extends({
     slots: {
       root: PickersInputRoot
+    },
+    slotProps: {
+      root: {
+        disableUnderline
+      }
     }
   }, other, {
     label: label,

package/PickersTextField/PickersInput/pickersInputClasses.d.ts

@@ -6,11 +6,12 @@ export interface PickersInputClasses extends PickersInputBaseClasses {
 export type PickersInputClassKey = keyof PickersInputClasses;
 export declare function getPickersInputUtilityClass(slot: string): string;
 export declare const pickersInputClasses: {
-    disabled: string;
+    underline: string;
     input: string;
+    root: string;
+    disabled: string;
     readOnly: string;
     error: string;
-    root: string;
     focused: string;
     adornedStart: string;
     adornedEnd: string;

package/PickersTextField/PickersInput/pickersInputClasses.js

@@ -5,4 +5,4 @@ import { pickersInputBaseClasses } from "../PickersInputBase/index.js";
 export function getPickersInputUtilityClass(slot) {
   return generateUtilityClass('MuiPickersFilledInput', slot);
 }
-export const pickersInputClasses = _extends({}, pickersInputBaseClasses, generateUtilityClasses('MuiPickersInput', ['root', 'input']));
+export const pickersInputClasses = _extends({}, pickersInputBaseClasses, generateUtilityClasses('MuiPickersInput', ['root', 'underline', 'input']));

package/PickersTextField/PickersInputBase/PickersInputBase.d.ts

@@ -1,15 +1,12 @@
 import * as React from 'react';
-import { FormControlState } from '@mui/material/FormControl';
 import { PickersInputBaseProps } from './PickersInputBase.types';
+import { PickerTextFieldOwnerState } from '../PickersTextField.types';
 export declare const PickersInputBaseRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    ownerState: OwnerStateType;
+    ownerState: PickerTextFieldOwnerState;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    ownerState: OwnerStateType;
+    ownerState: PickerTextFieldOwnerState;
 }, {}, {}>;
-interface OwnerStateType extends FormControlState, Omit<PickersInputBaseProps, keyof FormControlState> {
-    isRtl: boolean;
-}
 /**
  * @ignore - internal component.
  */