@mui/x-date-pickers 8.0.0 → 8.2.0

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -22,8 +22,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["label", "autoFocus", "ownerState", "classes", "notched"];
 const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseRoot, {
   name: 'MuiPickersOutlinedInput',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => {
@@ -72,8 +71,7 @@ const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersI
 });
 const PickersOutlinedInputSectionsContainer = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseSectionsContainer, {
   name: 'MuiPickersOutlinedInput',
-  slot: 'SectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
+  slot: 'SectionsContainer'
 })({
   padding: '16.5px 0',
   variants: [{
@@ -173,7 +171,7 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.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/PickersOutlinedInput/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersOutlinedInput } from "./PickersOutlinedInput.js";
-export type { PickersOutlinedInputProps } from './PickersOutlinedInput';
-export type { PickersOutlinedInputClasses, PickersOutlinedInputClassKey } from './pickersOutlinedInputClasses';
+export type { PickersOutlinedInputProps } from "./PickersOutlinedInput.js";
+export type { PickersOutlinedInputClasses, PickersOutlinedInputClassKey } from "./pickersOutlinedInputClasses.js";
 export { getPickersOutlinedInputUtilityClass, pickersOutlinedInputClasses } from "./pickersOutlinedInputClasses.js";

package/PickersTextField/PickersTextField.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types.js").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.js").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.js").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 export { PickersTextField };

package/PickersTextField/PickersTextField.js

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

package/PickersTextField/PickersTextField.types.d.ts

@@ -1,13 +1,12 @@
 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';
 import { PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.js";
-import type { PickersInputProps } from './PickersInput';
-import type { PickersOutlinedInputProps } from './PickersOutlinedInput';
-import type { PickersFilledInputProps } from './PickersFilledInput';
-import { FieldOwnerState } from "../models/index.js";
+import type { PickersInputProps } from "./PickersInput/index.js";
+import type { PickersOutlinedInputProps } from "./PickersOutlinedInput/index.js";
+import type { PickersFilledInputProps } from "./PickersFilledInput/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/PickersTextField/index.d.ts

@@ -1,7 +1,7 @@
 export { PickersTextField } from "./PickersTextField.js";
-export type { PickersTextFieldProps } from './PickersTextField.types';
+export type { PickersTextFieldProps } from "./PickersTextField.types.js";
 export { pickersTextFieldClasses, getPickersTextFieldUtilityClass } from "./pickersTextFieldClasses.js";
-export type { PickersTextFieldClasses, PickersTextFieldClassKey } from './pickersTextFieldClasses';
+export type { PickersTextFieldClasses, PickersTextFieldClassKey } from "./pickersTextFieldClasses.js";
 export * from "./PickersInput/index.js";
 export * from "./PickersFilledInput/index.js";
 export * from "./PickersOutlinedInput/index.js";

package/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/StaticDatePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { StaticDatePicker } from "./StaticDatePicker.js";
-export type { StaticDatePickerProps, StaticDatePickerSlots, StaticDatePickerSlotProps } from './StaticDatePicker.types';
+export type { StaticDatePickerProps, StaticDatePickerSlots, StaticDatePickerSlotProps } from "./StaticDatePicker.types.js";

package/StaticDateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { StaticDateTimePicker } from "./StaticDateTimePicker.js";
-export type { StaticDateTimePickerProps, StaticDateTimePickerSlots, StaticDateTimePickerSlotProps } from './StaticDateTimePicker.types';
+export type { StaticDateTimePickerProps, StaticDateTimePickerSlots, StaticDateTimePickerSlotProps } from "./StaticDateTimePicker.types.js";

package/StaticTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { StaticTimePicker } from "./StaticTimePicker.js";
-export type { StaticTimePickerProps, StaticTimePickerSlots, StaticTimePickerSlotProps } from './StaticTimePicker.types';
+export type { StaticTimePickerProps, StaticTimePickerSlots, StaticTimePickerSlotProps } from "./StaticTimePicker.types.js";

package/TimeClock/Clock.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import type { PickerSelectionState } from '../internals/hooks/usePicker';
+import type { PickerSelectionState } from "../internals/hooks/usePicker/index.js";
 import { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.js";
-import { PickerValidDate, TimeView } from "../models/index.js";
+import { PickerOwnerState, PickerValidDate, TimeView } from "../models/index.js";
 import { ClockClasses } from "./clockClasses.js";
+import { Meridiem } from "../internals/utils/time-utils.js";
 import { FormProps } from "../internals/models/formProps.js";
 export interface ClockProps extends ReturnType<typeof useMeridiemMode>, FormProps {
   ampm: boolean;
@@ -33,6 +34,16 @@ export interface ClockProps extends ReturnType<typeof useMeridiemMode>, FormProp
   className?: string;
   classes?: Partial<ClockClasses>;
 }
+export interface ClockOwnerState extends PickerOwnerState {
+  /**
+   * `true` if the clock is disabled, `false` otherwise.
+   */
+  isClockDisabled: boolean;
+  /**
+   * The current meridiem mode of the clock.
+   */
+  clockMeridiemMode: Meridiem | null;
+}
 /**
  * @ignore - internal component.
  */

package/TimeClock/Clock.js

@@ -36,8 +36,7 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const ClockRoot = (0, _styles.styled)('div', {
   name: 'MuiClock',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -48,8 +47,7 @@ const ClockRoot = (0, _styles.styled)('div', {
 }));
 const ClockClock = (0, _styles.styled)('div', {
   name: 'MuiClock',
-  slot: 'Clock',
-  overridesResolver: (_, styles) => styles.clock
+  slot: 'Clock'
 })({
   backgroundColor: 'rgba(0,0,0,.07)',
   borderRadius: '50%',
@@ -61,8 +59,7 @@ const ClockClock = (0, _styles.styled)('div', {
 });
 const ClockWrapper = (0, _styles.styled)('div', {
   name: 'MuiClock',
-  slot: 'Wrapper',
-  overridesResolver: (_, styles) => styles.wrapper
+  slot: 'Wrapper'
 })({
   '&:focus': {
     outline: 'none'
@@ -70,8 +67,7 @@ const ClockWrapper = (0, _styles.styled)('div', {
 });
 const ClockSquareMask = (0, _styles.styled)('div', {
   name: 'MuiClock',
-  slot: 'SquareMask',
-  overridesResolver: (_, styles) => styles.squareMask
+  slot: 'SquareMask'
 })({
   width: '100%',
   height: '100%',
@@ -98,8 +94,7 @@ const ClockSquareMask = (0, _styles.styled)('div', {
 });
 const ClockPin = (0, _styles.styled)('div', {
   name: 'MuiClock',
-  slot: 'Pin',
-  overridesResolver: (_, styles) => styles.pin
+  slot: 'Pin'
 })(({
   theme
 }) => ({
@@ -133,8 +128,7 @@ const meridiemButtonCommonStyles = (theme, clockMeridiemMode) => ({
 });
 const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
   name: 'MuiClock',
-  slot: 'AmButton',
-  overridesResolver: (_, styles) => styles.amButton
+  slot: 'AmButton'
 })(({
   theme
 }) => (0, _extends2.default)({}, meridiemButtonCommonStyles(theme, 'am'), {
@@ -144,8 +138,7 @@ const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
 }));
 const ClockPmButton = (0, _styles.styled)(_IconButton.default, {
   name: 'MuiClock',
-  slot: 'PmButton',
-  overridesResolver: (_, styles) => styles.pmButton
+  slot: 'PmButton'
 })(({
   theme
 }) => (0, _extends2.default)({}, meridiemButtonCommonStyles(theme, 'pm'), {
@@ -155,8 +148,7 @@ const ClockPmButton = (0, _styles.styled)(_IconButton.default, {
 }));
 const ClockMeridiemText = (0, _styles.styled)(_Typography.default, {
   name: 'MuiClock',
-  slot: 'meridiemText',
-  overridesResolver: (_, styles) => styles.meridiemText
+  slot: 'MeridiemText'
 })({
   overflow: 'hidden',
   whiteSpace: 'nowrap',

package/TimeClock/ClockNumber.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ClockNumberClasses } from "./clockNumberClasses.js";
+import { PickerOwnerState } from "../models/pickers.js";
 export interface ClockNumberProps extends React.HTMLAttributes<HTMLSpanElement> {
   'aria-label': string;
   disabled: boolean;
@@ -13,6 +14,23 @@ export interface ClockNumberProps extends React.HTMLAttributes<HTMLSpanElement>
   selected: boolean;
   classes?: Partial<ClockNumberClasses>;
 }
+export interface ClockNumberOwnerState extends PickerOwnerState {
+  /**
+   * `true` if the clock number is in the inner clock ring.
+   * When used with meridiem, all the hours are in the outer ring.
+   * When used without meridiem, the hours from 1 to 12 are in the outer ring and the hours from 13 to 24 are in the inner ring.
+   * The minutes are always in the outer ring.
+   */
+  isClockNumberInInnerRing: boolean;
+  /**
+   * `true` if the clock number is selected.
+   */
+  isClockNumberSelected: boolean;
+  /**
+   * `true` if the clock number is disabled.
+   */
+  isClockNumberDisabled: boolean;
+}
 /**
  * @ignore - internal component.
  */

package/TimeClock/ClockNumbers.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MuiPickersAdapter, PickerValidDate } from "../models/index.js";
-import type { PickerSelectionState } from '../internals/hooks/usePicker';
+import type { PickerSelectionState } from "../internals/hooks/usePicker/index.js";
 interface GetHourNumbersOptions {
   ampm: boolean;
   value: PickerValidDate | null;

package/TimeClock/ClockPointer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TimeView } from "../models/index.js";
+import { PickerOwnerState, TimeView } from "../models/index.js";
 import { ClockPointerClasses } from "./clockPointerClasses.js";
 export interface ClockPointerProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
@@ -13,6 +13,18 @@ export interface ClockPointerProps extends React.HTMLAttributes<HTMLDivElement>
   viewValue: number;
   classes?: Partial<ClockPointerClasses>;
 }
+export interface ClockPointerOwnerState extends PickerOwnerState {
+  /**
+   * `true` if the clock pointer should animate.
+   */
+  isClockPointerAnimated: boolean;
+  /**
+   * `true` if the pointer is between two clock values.
+   * On the `hours` view, it is always false.
+   * On the `minutes` view, it is true if the pointer is on a value that is not a multiple of 5.
+   */
+  isClockPointerBetweenTwoValues: boolean;
+}
 /**
  * @ignore - internal component.
  */

package/TimeClock/ClockPointer.js

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

package/TimeClock/TimeClock.js

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

package/TimeClock/index.d.ts

@@ -1,13 +1,13 @@
 export { TimeClock } from "./TimeClock.js";
-export type { TimeClockProps, TimeClockSlots, TimeClockSlotProps } from './TimeClock.types';
+export type { TimeClockProps, TimeClockSlots, TimeClockSlotProps } from "./TimeClock.types.js";
 export { clockClasses } from "./clockClasses.js";
-export type { ClockClasses, ClockClassKey } from './clockClasses';
-export type { ClockProps } from './Clock';
+export type { ClockClasses, ClockClassKey } from "./clockClasses.js";
+export type { ClockProps } from "./Clock.js";
 export { clockNumberClasses } from "./clockNumberClasses.js";
-export type { ClockNumberClasses, ClockNumberClassKey } from './clockNumberClasses';
-export type { ClockNumberProps } from './ClockNumber';
+export type { ClockNumberClasses, ClockNumberClassKey } from "./clockNumberClasses.js";
+export type { ClockNumberProps } from "./ClockNumber.js";
 export { timeClockClasses, getTimeClockUtilityClass } from "./timeClockClasses.js";
-export type { TimeClockClasses, TimeClockClassKey } from './timeClockClasses';
+export type { TimeClockClasses, TimeClockClassKey } from "./timeClockClasses.js";
 export { clockPointerClasses } from "./clockPointerClasses.js";
-export type { ClockPointerClasses, ClockPointerClassKey } from './clockPointerClasses';
-export type { ClockPointerProps } from './ClockPointer';
+export type { ClockPointerClasses, ClockPointerClassKey } from "./clockPointerClasses.js";
+export type { ClockPointerProps } from "./ClockPointer.js";

package/TimeField/index.d.ts

@@ -1,3 +1,3 @@
 export { TimeField } from "./TimeField.js";
 export { useTimeField as unstable_useTimeField } from "./useTimeField.js";
-export type { UseTimeFieldProps, TimeFieldProps } from './TimeField.types';
+export type { UseTimeFieldProps, TimeFieldProps } from "./TimeField.types.js";

package/TimeField/useTimeField.d.ts

@@ -1,2 +1,2 @@
 import { UseTimeFieldProps } from "./TimeField.types.js";
-export declare const useTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

package/TimePicker/TimePickerToolbar.js

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

package/TimePicker/index.d.ts

@@ -1,6 +1,6 @@
 export { TimePicker } from "./TimePicker.js";
-export type { TimePickerProps, TimePickerSlots, TimePickerSlotProps, TimePickerFieldProps } from './TimePicker.types';
+export type { TimePickerProps, TimePickerSlots, TimePickerSlotProps, TimePickerFieldProps } from "./TimePicker.types.js";
 export { TimePickerToolbar } from "./TimePickerToolbar.js";
-export type { TimePickerToolbarProps } from './TimePickerToolbar';
+export type { TimePickerToolbarProps } from "./TimePickerToolbar.js";
 export { timePickerToolbarClasses } from "./timePickerToolbarClasses.js";
-export type { TimePickerToolbarClassKey, TimePickerToolbarClasses } from './timePickerToolbarClasses';
+export type { TimePickerToolbarClassKey, TimePickerToolbarClasses } from "./timePickerToolbarClasses.js";

package/YearCalendar/index.d.ts

@@ -1,4 +1,4 @@
 export { YearCalendar } from "./YearCalendar.js";
-export type { YearCalendarProps, YearCalendarSlots, YearCalendarSlotProps } from './YearCalendar.types';
+export type { YearCalendarProps, YearCalendarSlots, YearCalendarSlotProps } from "./YearCalendar.types.js";
 export { yearCalendarClasses, getYearCalendarUtilityClass } from "./yearCalendarClasses.js";
-export type { YearCalendarClasses, YearCalendarClassKey } from './yearCalendarClasses';
+export type { YearCalendarClasses, YearCalendarClassKey } from "./yearCalendarClasses.js";

package/dateViewRenderers/index.d.ts

@@ -1,2 +1,2 @@
 export { renderDateViewCalendar } from "./dateViewRenderers.js";
-export type { DateViewRendererProps } from './dateViewRenderers';
+export type { DateViewRendererProps } from "./dateViewRenderers.js";

package/esm/DateCalendar/DateCalendar.js

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

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { PickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
-export interface PickersFadeTransitionGroupProps {
-  children: React.ReactElement<any>;
+export interface ExportedPickersFadeTransitionGroupProps {
   className?: string;
   reduceAnimations: boolean;
   transKey: React.Key;
@@ -10,6 +9,9 @@ export interface PickersFadeTransitionGroupProps {
    */
   classes?: Partial<PickersFadeTransitionGroupClasses>;
 }
+export interface PickersFadeTransitionGroupProps extends ExportedPickersFadeTransitionGroupProps {
+  children: React.ReactElement<any>;
+}
 /**
  * @ignore - do not document.
  */

package/esm/DateCalendar/PickersFadeTransitionGroup.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { TransitionGroup } from 'react-transition-group';
@@ -14,8 +17,7 @@ const useUtilityClasses = classes => {
 };
 const PickersFadeTransitionGroupRoot = styled(TransitionGroup, {
   name: 'MuiPickersFadeTransitionGroup',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'block',
   position: 'relative'
@@ -30,19 +32,24 @@ export function PickersFadeTransitionGroup(inProps) {
     name: 'MuiPickersFadeTransitionGroup'
   });
   const {
-    children,
     className,
     reduceAnimations,
     transKey,
     classes: classesProp
   } = props;
+  const {
+      children
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const classes = useUtilityClasses(classesProp);
   const theme = useTheme();
   if (reduceAnimations) {
     return children;
   }
+  const ownerState = _extends({}, other);
   return /*#__PURE__*/_jsx(PickersFadeTransitionGroupRoot, {
     className: clsx(classes.root, className),
+    ownerState: ownerState,
     children: /*#__PURE__*/_jsx(Fade, {
       appear: false,
       mountOnEnter: true,

package/esm/DateCalendar/PickersSlideTransition.d.ts

@@ -1,7 +1,11 @@
 import * as React from 'react';
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { PickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
+import { PickerOwnerState } from "../models/pickers.js";
 export type SlideDirection = 'right' | 'left';
+export interface PickerSlideTransitionOwnerState extends PickerOwnerState {
+  slideDirection: SlideDirection;
+}
 export interface ExportedSlideTransitionProps {
   /**
    * Override or extend the styles applied to the component.

package/esm/DateCalendar/PickersSlideTransition.js

@@ -130,6 +130,7 @@ export function PickersSlideTransition(inProps) {
       classNames: transitionClasses
     }),
     role: "presentation",
+    ownerState: ownerState,
     children: /*#__PURE__*/_jsx(CSSTransition, _extends({
       mountOnEnter: true,
       unmountOnExit: true,