@mui/x-date-pickers 8.0.0 → 8.1.0

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,
@@ -272,7 +270,7 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
   onInput: PropTypes.func.isRequired,
   onKeyDown: PropTypes.func.isRequired,
   onPaste: PropTypes.func.isRequired,
-  ownerState: PropTypes.any,
+  ownerState: PropTypes /* @typescript-to-proptypes-ignore */.any,
   readOnly: PropTypes.bool,
   renderSuffix: PropTypes.func,
   sectionListRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({

package/esm/PickersTextField/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
@@ -187,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/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/esm/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -18,8 +18,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const round = value => Math.round(value * 1e5) / 1e5;
 export const PickersInputBaseRoot = styled('div', {
   name: 'MuiPickersInputBase',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => _extends({}, theme.typography.body1, {
@@ -44,8 +43,7 @@ export const PickersInputBaseRoot = styled('div', {
 }));
 export const PickersInputBaseSectionsContainer = styled(PickersSectionListRoot, {
   name: 'MuiPickersInputBase',
-  slot: 'SectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
+  slot: 'SectionsContainer'
 })(({
   theme
 }) => ({
@@ -102,8 +100,7 @@ export const PickersInputBaseSectionsContainer = styled(PickersSectionListRoot,
 }));
 const PickersInputBaseSection = styled(PickersSectionListSection, {
   name: 'MuiPickersInputBase',
-  slot: 'Section',
-  overridesResolver: (props, styles) => styles.section
+  slot: 'Section'
 })(({
   theme
 }) => ({
@@ -118,7 +115,7 @@ const PickersInputBaseSection = styled(PickersSectionListSection, {
 const PickersInputBaseSectionContent = styled(PickersSectionListSectionContent, {
   name: 'MuiPickersInputBase',
   slot: 'SectionContent',
-  overridesResolver: (props, styles) => styles.content
+  overridesResolver: (props, styles) => styles.content // FIXME: Inconsistent naming with slot
 })(({
   theme
 }) => ({
@@ -131,8 +128,7 @@ const PickersInputBaseSectionContent = styled(PickersSectionListSectionContent,
 }));
 const PickersInputBaseSectionSeparator = styled(PickersSectionListSectionSeparator, {
   name: 'MuiPickersInputBase',
-  slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator
+  slot: 'Separator'
 })(() => ({
   whiteSpace: 'pre',
   letterSpacing: 'inherit'
@@ -140,12 +136,11 @@ const PickersInputBaseSectionSeparator = styled(PickersSectionListSectionSeparat
 const PickersInputBaseInput = styled('input', {
   name: 'MuiPickersInputBase',
   slot: 'Input',
-  overridesResolver: (props, styles) => styles.hiddenInput
+  overridesResolver: (props, styles) => styles.hiddenInput // FIXME: Inconsistent naming with slot
 })(_extends({}, visuallyHidden));
 const PickersInputBaseActiveBar = styled('div', {
   name: 'MuiPickersInputBase',
-  slot: 'ActiveBar',
-  overridesResolver: (props, styles) => styles.activeBar
+  slot: 'ActiveBar'
 })(({
   theme,
   ownerState
@@ -440,7 +435,7 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.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/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/esm/PickersTextField/PickersOutlinedInput/Outline.js

@@ -8,8 +8,7 @@ import { usePickerTextFieldOwnerState } from "../usePickerTextFieldOwnerState.js
 import { jsx as _jsx } from "react/jsx-runtime";
 const OutlineRoot = styled('fieldset', {
   name: 'MuiPickersOutlinedInput',
-  slot: 'NotchedOutline',
-  overridesResolver: (props, styles) => styles.notchedOutline
+  slot: 'NotchedOutline'
 })(({
   theme
 }) => {

package/esm/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -14,8 +14,7 @@ import { PickersInputBaseRoot, PickersInputBaseSectionsContainer } from "../Pick
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
   name: 'MuiPickersOutlinedInput',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => {
@@ -64,8 +63,7 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
 });
 const PickersOutlinedInputSectionsContainer = styled(PickersInputBaseSectionsContainer, {
   name: 'MuiPickersOutlinedInput',
-  slot: 'SectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
+  slot: 'SectionsContainer'
 })({
   padding: '16.5px 0',
   variants: [{
@@ -165,7 +163,7 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.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/PickersTextField.js

@@ -28,8 +28,7 @@ const VARIANT_COMPONENT = {
 };
 const PickersTextFieldRoot = styled(FormControl, {
   name: 'MuiPickersTextField',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const useUtilityClasses = (classes, ownerState) => {
   const {

package/esm/PickersTextField/PickersTextField.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FormControlOwnProps, FormControlProps } from '@mui/material/FormControl';
+import { FormControlProps } from '@mui/material/FormControl';
 import { FormHelperTextProps } from '@mui/material/FormHelperText';
 import { InputLabelProps } from '@mui/material/InputLabel';
 import { TextFieldVariants } from '@mui/material/TextField';
@@ -7,7 +7,6 @@ import { PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBas
 import type { PickersInputProps } from './PickersInput';
 import type { PickersOutlinedInputProps } from './PickersOutlinedInput';
 import type { PickersFilledInputProps } from './PickersFilledInput';
-import { FieldOwnerState } from "../models/index.js";
 interface PickersTextFieldPropsUsedByField {
   onFocus: React.FocusEventHandler<HTMLDivElement>;
   onBlur: React.FocusEventHandler<HTMLDivElement>;
@@ -65,42 +64,4 @@ export interface PickersFilledTextFieldProps extends PickersBaseTextFieldProps {
   InputProps?: Partial<PickersFilledInputProps>;
 }
 export type PickersTextFieldProps<Variant extends TextFieldVariants = TextFieldVariants> = Variant extends 'filled' ? PickersFilledTextFieldProps : Variant extends 'standard' ? PickersStandardTextFieldProps : PickersOutlinedTextFieldProps;
-export interface PickerTextFieldOwnerState extends FieldOwnerState {
-  /**
-   * `true` if the value of the field is currently empty.
-   */
-  isFieldValueEmpty: boolean;
-  /**
-   * `true` if the field is focused, `false` otherwise.
-   */
-  isFieldFocused: boolean;
-  /**
-   * `true` if the field has an error, `false` otherwise.
-   */
-  hasFieldError: boolean;
-  /**
-   * The size of the input.
-   */
-  inputSize: Exclude<FormControlOwnProps['size'], undefined>;
-  /**
-   * The color of the input.
-   */
-  inputColor: Exclude<FormControlOwnProps['color'], undefined>;
-  /**
-   * `true` if the input takes up the full width of its container.
-   */
-  isInputInFullWidth: boolean;
-  /**
-   * `true` if the input has a start adornment, `false` otherwise.
-   */
-  hasStartAdornment: boolean;
-  /**
-   * `true` if the input has an end adornment, `false` otherwise.
-   */
-  hasEndAdornment: boolean;
-  /**
-   * `true` if the input has a label, `false` otherwise.
-   */
-  inputHasLabel: boolean;
-}
 export {};

package/esm/PickersTextField/usePickerTextFieldOwnerState.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { PickerTextFieldOwnerState } from "./PickersTextField.types.js";
+import { PickerTextFieldOwnerState } from "../models/fields.js";
 export declare const PickerTextFieldOwnerStateContext: React.Context<PickerTextFieldOwnerState | null>;
 export declare const usePickerTextFieldOwnerState: () => PickerTextFieldOwnerState;

package/esm/TimeClock/Clock.js

@@ -28,8 +28,7 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const ClockRoot = styled('div', {
   name: 'MuiClock',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -40,8 +39,7 @@ const ClockRoot = styled('div', {
 }));
 const ClockClock = styled('div', {
   name: 'MuiClock',
-  slot: 'Clock',
-  overridesResolver: (_, styles) => styles.clock
+  slot: 'Clock'
 })({
   backgroundColor: 'rgba(0,0,0,.07)',
   borderRadius: '50%',
@@ -53,8 +51,7 @@ const ClockClock = styled('div', {
 });
 const ClockWrapper = styled('div', {
   name: 'MuiClock',
-  slot: 'Wrapper',
-  overridesResolver: (_, styles) => styles.wrapper
+  slot: 'Wrapper'
 })({
   '&:focus': {
     outline: 'none'
@@ -62,8 +59,7 @@ const ClockWrapper = styled('div', {
 });
 const ClockSquareMask = styled('div', {
   name: 'MuiClock',
-  slot: 'SquareMask',
-  overridesResolver: (_, styles) => styles.squareMask
+  slot: 'SquareMask'
 })({
   width: '100%',
   height: '100%',
@@ -90,8 +86,7 @@ const ClockSquareMask = styled('div', {
 });
 const ClockPin = styled('div', {
   name: 'MuiClock',
-  slot: 'Pin',
-  overridesResolver: (_, styles) => styles.pin
+  slot: 'Pin'
 })(({
   theme
 }) => ({
@@ -125,8 +120,7 @@ const meridiemButtonCommonStyles = (theme, clockMeridiemMode) => ({
 });
 const ClockAmButton = styled(IconButton, {
   name: 'MuiClock',
-  slot: 'AmButton',
-  overridesResolver: (_, styles) => styles.amButton
+  slot: 'AmButton'
 })(({
   theme
 }) => _extends({}, meridiemButtonCommonStyles(theme, 'am'), {
@@ -136,8 +130,7 @@ const ClockAmButton = styled(IconButton, {
 }));
 const ClockPmButton = styled(IconButton, {
   name: 'MuiClock',
-  slot: 'PmButton',
-  overridesResolver: (_, styles) => styles.pmButton
+  slot: 'PmButton'
 })(({
   theme
 }) => _extends({}, meridiemButtonCommonStyles(theme, 'pm'), {
@@ -147,8 +140,7 @@ const ClockPmButton = styled(IconButton, {
 }));
 const ClockMeridiemText = styled(Typography, {
   name: 'MuiClock',
-  slot: 'meridiemText',
-  overridesResolver: (_, styles) => styles.meridiemText
+  slot: 'MeridiemText'
 })({
   overflow: 'hidden',
   whiteSpace: 'nowrap',

package/esm/TimeClock/ClockPointer.js

@@ -20,8 +20,7 @@ const useUtilityClasses = classes => {
 };
 const ClockPointerRoot = styled('div', {
   name: 'MuiClockPointer',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -42,8 +41,7 @@ const ClockPointerRoot = styled('div', {
 }));
 const ClockPointerThumb = styled('div', {
   name: 'MuiClockPointer',
-  slot: 'Thumb',
-  overridesResolver: (_, styles) => styles.thumb
+  slot: 'Thumb'
 })(({
   theme
 }) => ({

package/esm/TimeClock/TimeClock.js

@@ -32,8 +32,7 @@ const useUtilityClasses = classes => {
 };
 const TimeClockRoot = styled(PickerViewRoot, {
   name: 'MuiTimeClock',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'column',
@@ -41,8 +40,7 @@ const TimeClockRoot = styled(PickerViewRoot, {
 });
 const TimeClockArrowSwitcher = styled(PickersArrowSwitcher, {
   name: 'MuiTimeClock',
-  slot: 'ArrowSwitcher',
-  overridesResolver: (props, styles) => styles.arrowSwitcher
+  slot: 'ArrowSwitcher'
 })({
   position: 'absolute',
   right: 12,

package/esm/TimePicker/TimePickerToolbar.js

@@ -36,13 +36,11 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const TimePickerToolbarRoot = styled(PickersToolbar, {
   name: 'MuiTimePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const TimePickerToolbarSeparator = styled(PickersToolbarText, {
   name: 'MuiTimePickerToolbar',
-  slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator
+  slot: 'Separator'
 })({
   outline: 0,
   margin: '0 4px 0 2px',

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v8.0.0
+ * @mui/x-date-pickers v8.1.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/components/PickerPopper/PickerPopper.js

@@ -24,8 +24,7 @@ const useUtilityClasses = classes => {
 };
 const PickerPopperRoot = styled(MuiPopper, {
   name: 'MuiPickerPopper',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -33,8 +32,7 @@ const PickerPopperRoot = styled(MuiPopper, {
 }));
 const PickerPopperPaper = styled(MuiPaper, {
   name: 'MuiPickerPopper',
-  slot: 'Paper',
-  overridesResolver: (_, styles) => styles.paper
+  slot: 'Paper'
 })({
   outline: 0,
   transformOrigin: 'top center',

package/esm/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -17,15 +17,13 @@ import { usePickerPrivateContext } from "../../hooks/usePickerPrivateContext.js"
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PickersArrowSwitcherRoot = styled('div', {
   name: 'MuiPickersArrowSwitcher',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex'
 });
 const PickersArrowSwitcherSpacer = styled('div', {
   name: 'MuiPickersArrowSwitcher',
-  slot: 'Spacer',
-  overridesResolver: (props, styles) => styles.spacer
+  slot: 'Spacer'
 })(({
   theme
 }) => ({
@@ -33,8 +31,7 @@ const PickersArrowSwitcherSpacer = styled('div', {
 }));
 const PickersArrowSwitcherButton = styled(IconButton, {
   name: 'MuiPickersArrowSwitcher',
-  slot: 'Button',
-  overridesResolver: (props, styles) => styles.button
+  slot: 'Button'
 })({
   variants: [{
     props: {

package/esm/internals/components/PickersToolbar.js

@@ -20,8 +20,7 @@ const useUtilityClasses = classes => {
 };
 const PickersToolbarRoot = styled('div', {
   name: 'MuiPickersToolbar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -46,7 +45,6 @@ const PickersToolbarRoot = styled('div', {
 const PickersToolbarContent = styled('div', {
   name: 'MuiPickersToolbar',
   slot: 'Content',
-  overridesResolver: (props, styles) => styles.content,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'landscapeDirection'
 })({
   display: 'flex',

package/esm/internals/components/PickersToolbarButton.js

@@ -17,8 +17,7 @@ const useUtilityClasses = classes => {
 };
 const PickersToolbarButtonRoot = styled(Button, {
   name: 'MuiPickersToolbarButton',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   padding: 0,
   minWidth: 16,

package/esm/internals/components/PickersToolbarText.js

@@ -16,8 +16,7 @@ const useUtilityClasses = classes => {
 };
 const PickersToolbarTextRoot = styled(Typography, {
   name: 'MuiPickersToolbarText',
-  slot: 'Root',
-  overridesResolver: (_, styles) => [styles.root]
+  slot: 'Root'
 })(({
   theme
 }) => ({

package/esm/models/fields.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
+import { FormControlOwnProps } from '@mui/material/FormControl';
 import type { ExportedPickersSectionListProps } from '../PickersSectionList';
 import type { UseFieldInternalProps, UseFieldReturnValue } from '../internals/hooks/useField';
 import type { PickersTextFieldProps } from '../PickersTextField';
@@ -140,4 +141,42 @@ export type BaseSingleInputPickersTextFieldProps<TEnableAccessibleFieldDOMStruct
  * Props the built-in text field component can receive.
  */
 export type BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = TEnableAccessibleFieldDOMStructure extends false ? Omit<TextFieldProps, 'autoComplete' | 'error' | 'maxRows' | 'minRows' | 'multiline' | 'placeholder' | 'rows' | 'select' | 'SelectProps' | 'type'> : Partial<Omit<PickersTextFieldProps, keyof ExportedPickersSectionListProps>>;
+export interface PickerTextFieldOwnerState extends FieldOwnerState {
+  /**
+   * `true` if the value of the field is currently empty.
+   */
+  isFieldValueEmpty: boolean;
+  /**
+   * `true` if the field is focused, `false` otherwise.
+   */
+  isFieldFocused: boolean;
+  /**
+   * `true` if the field has an error, `false` otherwise.
+   */
+  hasFieldError: boolean;
+  /**
+   * The size of the input.
+   */
+  inputSize: Exclude<FormControlOwnProps['size'], undefined>;
+  /**
+   * The color of the input.
+   */
+  inputColor: Exclude<FormControlOwnProps['color'], undefined>;
+  /**
+   * `true` if the input takes up the full width of its container.
+   */
+  isInputInFullWidth: boolean;
+  /**
+   * `true` if the input has a start adornment, `false` otherwise.
+   */
+  hasStartAdornment: boolean;
+  /**
+   * `true` if the input has an end adornment, `false` otherwise.
+   */
+  hasEndAdornment: boolean;
+  /**
+   * `true` if the input has a label, `false` otherwise.
+   */
+  inputHasLabel: boolean;
+}
 export {};

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v8.0.0
+ * @mui/x-date-pickers v8.1.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickerPopper/PickerPopper.js

@@ -32,8 +32,7 @@ const useUtilityClasses = classes => {
 };
 const PickerPopperRoot = (0, _styles.styled)(_Popper.default, {
   name: 'MuiPickerPopper',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -41,8 +40,7 @@ const PickerPopperRoot = (0, _styles.styled)(_Popper.default, {
 }));
 const PickerPopperPaper = (0, _styles.styled)(_Paper.default, {
   name: 'MuiPickerPopper',
-  slot: 'Paper',
-  overridesResolver: (_, styles) => styles.paper
+  slot: 'Paper'
 })({
   outline: 0,
   transformOrigin: 'top center',

package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -25,15 +25,13 @@ const _excluded = ["children", "className", "slots", "slotProps", "isNextDisable
   _excluded3 = ["ownerState"];
 const PickersArrowSwitcherRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersArrowSwitcher',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex'
 });
 const PickersArrowSwitcherSpacer = (0, _styles.styled)('div', {
   name: 'MuiPickersArrowSwitcher',
-  slot: 'Spacer',
-  overridesResolver: (props, styles) => styles.spacer
+  slot: 'Spacer'
 })(({
   theme
 }) => ({
@@ -41,8 +39,7 @@ const PickersArrowSwitcherSpacer = (0, _styles.styled)('div', {
 }));
 const PickersArrowSwitcherButton = (0, _styles.styled)(_IconButton.default, {
   name: 'MuiPickersArrowSwitcher',
-  slot: 'Button',
-  overridesResolver: (props, styles) => styles.button
+  slot: 'Button'
 })({
   variants: [{
     props: {

package/internals/components/PickersToolbar.js

@@ -28,8 +28,7 @@ const useUtilityClasses = classes => {
 };
 const PickersToolbarRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersToolbar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -54,7 +53,6 @@ const PickersToolbarRoot = (0, _styles.styled)('div', {
 const PickersToolbarContent = (0, _styles.styled)('div', {
   name: 'MuiPickersToolbar',
   slot: 'Content',
-  overridesResolver: (props, styles) => styles.content,
   shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'landscapeDirection'
 })({
   display: 'flex',

package/internals/components/PickersToolbarButton.js

@@ -25,8 +25,7 @@ const useUtilityClasses = classes => {
 };
 const PickersToolbarButtonRoot = (0, _styles.styled)(_Button.default, {
   name: 'MuiPickersToolbarButton',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   padding: 0,
   minWidth: 16,

package/internals/components/PickersToolbarText.js

@@ -24,8 +24,7 @@ const useUtilityClasses = classes => {
 };
 const PickersToolbarTextRoot = (0, _styles.styled)(_Typography.default, {
   name: 'MuiPickersToolbarText',
-  slot: 'Root',
-  overridesResolver: (_, styles) => [styles.root]
+  slot: 'Root'
 })(({
   theme
 }) => ({