@mui/x-date-pickers 6.10.2 → 6.11.0

package/DesktopDatePicker/DesktopDatePicker.js

@@ -12,7 +12,7 @@ import { extractValidationProps } from '../internals/utils/validation/extractVal
 import { renderDateViewCalendar } from '../dateViewRenderers';
 import { resolveDateFormat } from '../internals/utils/date-utils';
 const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePicker(inProps, ref) {
-  var _defaultizedProps$yea, _defaultizedProps$slo2;
+  var _defaultizedProps$yea, _defaultizedProps$slo2, _props$localeText$ope, _props$localeText;
   const localeText = useLocaleText();
   const utils = useUtils();
 
@@ -51,7 +51,7 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
     props,
     valueManager: singleItemValueManager,
     valueType: 'date',
-    getOpenDialogAriaText: localeText.openDatePickerDialogue,
+    getOpenDialogAriaText: (_props$localeText$ope = (_props$localeText = props.localeText) == null ? void 0 : _props$localeText.openDatePickerDialogue) != null ? _props$localeText$ope : localeText.openDatePickerDialogue,
     validator: validateDate
   });
   return renderPicker();

package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DesktopDateTimePickerProps } from './DesktopDateTimePicker.types';
-type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -14,7 +14,7 @@ import { useDesktopPicker } from '../internals/hooks/useDesktopPicker';
 import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
 import { resolveDateTimeFormat } from '../internals/utils/date-time-utils';
 const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDateTimePicker(inProps, ref) {
-  var _defaultizedProps$amp, _defaultizedProps$yea, _defaultizedProps$slo2, _defaultizedProps$slo3, _defaultizedProps$slo4;
+  var _defaultizedProps$amp, _defaultizedProps$yea, _defaultizedProps$slo2, _defaultizedProps$slo3, _defaultizedProps$slo4, _props$localeText$ope, _props$localeText;
   const localeText = useLocaleText();
   const utils = useUtils();
 
@@ -87,7 +87,7 @@ const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDate
     props,
     valueManager: singleItemValueManager,
     valueType: 'date-time',
-    getOpenDialogAriaText: localeText.openDatePickerDialogue,
+    getOpenDialogAriaText: (_props$localeText$ope = (_props$localeText = props.localeText) == null ? void 0 : _props$localeText.openDatePickerDialogue) != null ? _props$localeText$ope : localeText.openDatePickerDialogue,
     validator: validateDateTime
   });
   return renderPicker();

package/DesktopTimePicker/DesktopTimePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DesktopTimePickerProps } from './DesktopTimePicker.types';
-type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 declare const DesktopTimePicker: DesktopTimePickerComponent;

package/DesktopTimePicker/DesktopTimePicker.js

@@ -13,7 +13,7 @@ import { extractValidationProps } from '../internals/utils/validation/extractVal
 import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '../timeViewRenderers';
 import { resolveTimeFormat } from '../internals/utils/time-utils';
 const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePicker(inProps, ref) {
-  var _defaultizedProps$thr, _defaultizedProps$amp, _viewRenderers$hours, _defaultizedProps$slo2, _defaultizedProps$slo3;
+  var _defaultizedProps$thr, _defaultizedProps$amp, _viewRenderers$hours, _defaultizedProps$slo2, _defaultizedProps$slo3, _props$localeText$ope, _props$localeText;
   const localeText = useLocaleText();
   const utils = useUtils();
 
@@ -74,7 +74,7 @@ const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePick
     props,
     valueManager: singleItemValueManager,
     valueType: 'time',
-    getOpenDialogAriaText: localeText.openTimePickerDialogue,
+    getOpenDialogAriaText: (_props$localeText$ope = (_props$localeText = props.localeText) == null ? void 0 : _props$localeText.openTimePickerDialogue) != null ? _props$localeText$ope : localeText.openTimePickerDialogue,
     validator: validateTime
   });
   return renderPicker();

package/DigitalClock/DigitalClock.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DigitalClockProps } from './DigitalClock.types';
-type DigitalClockComponent = (<TDate>(props: DigitalClockProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DigitalClockComponent = (<TDate>(props: DigitalClockProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 export declare const DigitalClock: DigitalClockComponent;

package/LocalizationProvider/LocalizationProvider.d.ts

@@ -38,7 +38,7 @@ export interface LocalizationProviderProps<TDate, TLocale> {
      */
     localeText?: PickersInputLocaleText<TDate>;
 }
-type LocalizationProviderComponent = (<TDate, TLocale>(props: LocalizationProviderProps<TDate, TLocale>) => JSX.Element) & {
+type LocalizationProviderComponent = (<TDate, TLocale>(props: LocalizationProviderProps<TDate, TLocale>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/MobileDatePicker/MobileDatePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MobileDatePickerProps } from './MobileDatePicker.types';
-type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 declare const MobileDatePicker: MobileDatePickerComponent;

package/MobileDatePicker/MobileDatePicker.js

@@ -11,7 +11,7 @@ import { singleItemValueManager } from '../internals/utils/valueManagers';
 import { renderDateViewCalendar } from '../dateViewRenderers';
 import { resolveDateFormat } from '../internals/utils/date-utils';
 const MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker(inProps, ref) {
-  var _defaultizedProps$slo2;
+  var _defaultizedProps$slo2, _props$localeText$ope, _props$localeText;
   const localeText = useLocaleText();
   const utils = useUtils();
 
@@ -48,7 +48,7 @@ const MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker
     props,
     valueManager: singleItemValueManager,
     valueType: 'date',
-    getOpenDialogAriaText: localeText.openDatePickerDialogue,
+    getOpenDialogAriaText: (_props$localeText$ope = (_props$localeText = props.localeText) == null ? void 0 : _props$localeText.openDatePickerDialogue) != null ? _props$localeText$ope : localeText.openDatePickerDialogue,
     validator: validateDate
   });
   return renderPicker();

package/MobileDateTimePicker/MobileDateTimePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MobileDateTimePickerProps } from './MobileDateTimePicker.types';
-type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 declare const MobileDateTimePicker: MobileDateTimePickerComponent;

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -13,7 +13,7 @@ import { renderDateViewCalendar } from '../dateViewRenderers';
 import { renderTimeViewClock } from '../timeViewRenderers';
 import { resolveDateTimeFormat } from '../internals/utils/date-time-utils';
 const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTimePicker(inProps, ref) {
-  var _defaultizedProps$amp, _defaultizedProps$slo2, _defaultizedProps$slo3;
+  var _defaultizedProps$amp, _defaultizedProps$slo2, _defaultizedProps$slo3, _props$localeText$ope, _props$localeText;
   const localeText = useLocaleText();
   const utils = useUtils();
 
@@ -59,7 +59,7 @@ const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTi
     props,
     valueManager: singleItemValueManager,
     valueType: 'date-time',
-    getOpenDialogAriaText: localeText.openDatePickerDialogue,
+    getOpenDialogAriaText: (_props$localeText$ope = (_props$localeText = props.localeText) == null ? void 0 : _props$localeText.openDatePickerDialogue) != null ? _props$localeText$ope : localeText.openDatePickerDialogue,
     validator: validateDateTime
   });
   return renderPicker();

package/MobileTimePicker/MobileTimePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MobileTimePickerProps } from './MobileTimePicker.types';
-type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 declare const MobileTimePicker: MobileTimePickerComponent;

package/MobileTimePicker/MobileTimePicker.js

@@ -12,7 +12,7 @@ import { extractValidationProps } from '../internals/utils/validation/extractVal
 import { renderTimeViewClock } from '../timeViewRenderers';
 import { resolveTimeFormat } from '../internals/utils/time-utils';
 const MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker(inProps, ref) {
-  var _defaultizedProps$amp, _defaultizedProps$slo2;
+  var _defaultizedProps$amp, _defaultizedProps$slo2, _props$localeText$ope, _props$localeText;
   const localeText = useLocaleText();
   const utils = useUtils();
 
@@ -52,7 +52,7 @@ const MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker
     props,
     valueManager: singleItemValueManager,
     valueType: 'time',
-    getOpenDialogAriaText: localeText.openTimePickerDialogue,
+    getOpenDialogAriaText: (_props$localeText$ope = (_props$localeText = props.localeText) == null ? void 0 : _props$localeText.openTimePickerDialogue) != null ? _props$localeText$ope : localeText.openTimePickerDialogue,
     validator: validateTime
   });
   return renderPicker();

package/MonthCalendar/MonthCalendar.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { DefaultizedProps } from '../internals/models/helpers';
 import { MonthCalendarProps } from './MonthCalendar.types';
 export declare function useMonthCalendarDefaultizedProps<TDate>(props: MonthCalendarProps<TDate>, name: string): DefaultizedProps<MonthCalendarProps<TDate>, 'minDate' | 'maxDate' | 'disableFuture' | 'disablePast'>;
-type MonthCalendarComponent = (<TDate>(props: MonthCalendarProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type MonthCalendarComponent = (<TDate>(props: MonthCalendarProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 export declare const MonthCalendar: MonthCalendarComponent;

package/MultiSectionDigitalClock/MultiSectionDigitalClock.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MultiSectionDigitalClockProps } from './MultiSectionDigitalClock.types';
-type MultiSectionDigitalClockComponent = (<TDate>(props: MultiSectionDigitalClockProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type MultiSectionDigitalClockComponent = (<TDate>(props: MultiSectionDigitalClockProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 export declare const MultiSectionDigitalClock: MultiSectionDigitalClockComponent;

package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.d.ts

@@ -18,7 +18,7 @@ export interface MultiSectionDigitalClockSectionProps<TValue> extends ExportedMu
     skipDisabled?: boolean;
     role?: string;
 }
-type MultiSectionDigitalClockSectionComponent = <TValue>(props: MultiSectionDigitalClockSectionProps<TValue> & React.RefAttributes<HTMLUListElement>) => JSX.Element & {
+type MultiSectionDigitalClockSectionComponent = <TValue>(props: MultiSectionDigitalClockSectionProps<TValue> & React.RefAttributes<HTMLUListElement>) => React.JSX.Element & {
     propTypes?: any;
 };
 /**

package/{DateCalendar → PickersCalendarHeader}/PickersCalendarHeader.d.ts

@@ -1,14 +1,15 @@
 import * as React from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
 import { SlotComponentProps } from '@mui/base/utils';
 import IconButton from '@mui/material/IconButton';
 import SvgIcon from '@mui/material/SvgIcon';
-import { SlideDirection } from './PickersSlideTransition';
-import { DateComponentValidationProps } from '../internals/utils/validation/validateDate';
+import { SlideDirection } from '../DateCalendar/PickersSlideTransition';
 import { ExportedPickersArrowSwitcherProps, PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps } from '../internals/components/PickersArrowSwitcher';
+import { MonthValidationOptions } from '../internals/hooks/date-helpers-hooks';
 import { DateView } from '../models';
 import { PickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
 import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
-export type ExportedCalendarHeaderProps<TDate> = Pick<PickersCalendarHeaderProps<TDate>, 'classes'>;
+export type ExportedPickersCalendarHeaderProps<TDate> = Pick<PickersCalendarHeaderProps<TDate>, 'classes' | 'slots' | 'slotProps'>;
 export interface PickersCalendarHeaderSlotsComponent extends PickersArrowSwitcherSlotsComponent {
     /**
      * Button displayed to switch between different calendar views.
@@ -28,7 +29,7 @@ export interface PickersCalendarHeaderSlotsComponentsProps<TDate> extends Picker
     switchViewButton?: SlotComponentProps<typeof IconButton, PickersCalendarHeaderComponentsPropsOverrides, PickersCalendarHeaderOwnerState<TDate>>;
     switchViewIcon?: SlotComponentProps<typeof SvgIcon, PickersCalendarHeaderComponentsPropsOverrides, undefined>;
 }
-export interface PickersCalendarHeaderProps<TDate> extends ExportedPickersArrowSwitcherProps, DateComponentValidationProps<TDate> {
+export interface PickersCalendarHeaderProps<TDate> extends ExportedPickersArrowSwitcherProps, MonthValidationOptions<TDate> {
     /**
      * Overridable component slots.
      * @default {}
@@ -47,10 +48,21 @@ export interface PickersCalendarHeaderProps<TDate> extends ExportedPickersArrowS
     reduceAnimations: boolean;
     onViewChange?: (view: DateView) => void;
     labelId?: string;
+    /**
+     * Override or extend the styles applied to the component.
+     */
     classes?: Partial<PickersCalendarHeaderClasses>;
+    /**
+     * className applied to the root element.
+     */
+    className?: string;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
 }
-/**
- * @ignore - do not document.
- */
-export declare function PickersCalendarHeader<TDate>(inProps: PickersCalendarHeaderProps<TDate>): React.JSX.Element | null;
-export {};
+type PickersCalendarHeaderComponent = (<TDate>(props: PickersCalendarHeaderProps<TDate> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element) & {
+    propTypes?: any;
+};
+declare const PickersCalendarHeader: PickersCalendarHeaderComponent;
+export { PickersCalendarHeader };

package/{DateCalendar → PickersCalendarHeader}/PickersCalendarHeader.js

@@ -1,14 +1,17 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["ownerState"];
+const _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
+  _excluded2 = ["ownerState"];
 import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
 import Fade from '@mui/material/Fade';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { useSlotProps } from '@mui/base/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import IconButton from '@mui/material/IconButton';
 import { useLocaleText, useUtils } from '../internals/hooks/useUtils';
-import { PickersFadeTransitionGroup } from './PickersFadeTransitionGroup';
+import { PickersFadeTransitionGroup } from '../DateCalendar/PickersFadeTransitionGroup';
 import { ArrowDropDownIcon } from '../icons';
 import { PickersArrowSwitcher } from '../internals/components/PickersArrowSwitcher';
 import { usePreviousMonthDisabled, useNextMonthDisabled } from '../internals/hooks/date-helpers-hooks';
@@ -91,11 +94,7 @@ const PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDownIcon, {
   transition: theme.transitions.create('transform'),
   transform: 'rotate(0deg)'
 }));
-
-/**
- * @ignore - do not document.
- */
-export function PickersCalendarHeader(inProps) {
+const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalendarHeader(inProps, ref) {
   var _slots$switchViewButt, _slots$switchViewIcon;
   const localeText = useLocaleText();
   const utils = useUtils();
@@ -104,22 +103,24 @@ export function PickersCalendarHeader(inProps) {
     name: 'MuiPickersCalendarHeader'
   });
   const {
-    slots,
-    slotProps,
-    currentMonth: month,
-    disabled,
-    disableFuture,
-    disablePast,
-    maxDate,
-    minDate,
-    onMonthChange,
-    onViewChange,
-    view,
-    reduceAnimations,
-    views,
-    labelId,
-    timezone
-  } = props;
+      slots,
+      slotProps,
+      currentMonth: month,
+      disabled,
+      disableFuture,
+      disablePast,
+      maxDate,
+      minDate,
+      onMonthChange,
+      onViewChange,
+      view,
+      reduceAnimations,
+      views,
+      labelId,
+      className,
+      timezone
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(props);
   const SwitchViewButton = (_slots$switchViewButt = slots == null ? void 0 : slots.switchViewButton) != null ? _slots$switchViewButt : PickersCalendarHeaderSwitchViewButton;
@@ -141,7 +142,7 @@ export function PickersCalendarHeader(inProps) {
       ownerState: undefined,
       className: classes.switchViewIcon
     }),
-    switchViewIconProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded);
+    switchViewIconProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
   const selectNextMonth = () => onMonthChange(utils.addMonths(month, 1), 'left');
   const selectPreviousMonth = () => onMonthChange(utils.addMonths(month, -1), 'right');
   const isNextMonthDisabled = useNextMonthDisabled(month, {
@@ -171,9 +172,10 @@ export function PickersCalendarHeader(inProps) {
   if (views.length === 1 && views[0] === 'year') {
     return null;
   }
-  return /*#__PURE__*/_jsxs(PickersCalendarHeaderRoot, {
+  return /*#__PURE__*/_jsxs(PickersCalendarHeaderRoot, _extends({}, other, {
     ownerState: ownerState,
-    className: classes.root,
+    className: clsx(className, classes.root),
+    ref: ref,
     children: [/*#__PURE__*/_jsxs(PickersCalendarHeaderLabelContainer, {
       role: "presentation",
       onClick: handleToggleView,
@@ -207,5 +209,47 @@ export function PickersCalendarHeader(inProps) {
         nextLabel: localeText.nextMonth
       })
     })]
-  });
-}
+  }));
+});
+process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * className applied to the root element.
+   */
+  className: PropTypes.string,
+  currentMonth: PropTypes.any.isRequired,
+  disabled: PropTypes.bool,
+  disableFuture: PropTypes.bool,
+  disablePast: PropTypes.bool,
+  labelId: PropTypes.string,
+  maxDate: PropTypes.any.isRequired,
+  minDate: PropTypes.any.isRequired,
+  onMonthChange: PropTypes.func.isRequired,
+  onViewChange: PropTypes.func,
+  reduceAnimations: PropTypes.bool.isRequired,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: PropTypes.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  timezone: PropTypes.string.isRequired,
+  view: PropTypes.oneOf(['day', 'month', 'year']).isRequired,
+  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired).isRequired
+} : void 0;
+export { PickersCalendarHeader };

package/PickersCalendarHeader/index.d.ts

@@ -0,0 +1,4 @@
+export { pickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
+export type { PickersCalendarHeaderClassKey, PickersCalendarHeaderClasses, } from './pickersCalendarHeaderClasses';
+export { PickersCalendarHeader } from './PickersCalendarHeader';
+export type { PickersCalendarHeaderProps, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps, ExportedPickersCalendarHeaderProps, } from './PickersCalendarHeader';

package/PickersCalendarHeader/index.js

@@ -0,0 +1,2 @@
+export { pickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
+export { PickersCalendarHeader } from './PickersCalendarHeader';

package/PickersCalendarHeader/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/PickersCalendarHeader/index.js",
+  "types": "./index.d.ts"
+}

package/PickersDay/PickersDay.d.ts

@@ -70,7 +70,7 @@ export interface PickersDayProps<TDate> extends ExportedPickersDayProps, Omit<Ex
      */
     today?: boolean;
 }
-type PickersDayComponent = (<TDate>(props: PickersDayProps<TDate> & React.RefAttributes<HTMLButtonElement>) => JSX.Element) & {
+type PickersDayComponent = (<TDate>(props: PickersDayProps<TDate> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/StaticDatePicker/StaticDatePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { StaticDatePickerProps } from './StaticDatePicker.types';
-type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 declare const StaticDatePicker: StaticDatePickerComponent;

package/StaticDateTimePicker/StaticDateTimePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { StaticDateTimePickerProps } from './StaticDateTimePicker.types';
-type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 declare const StaticDateTimePicker: StaticDateTimePickerComponent;

package/StaticTimePicker/StaticTimePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { StaticTimePickerProps } from './StaticTimePicker.types';
-type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 declare const StaticTimePicker: StaticTimePickerComponent;

package/TimeClock/ClockNumbers.d.ts

@@ -17,7 +17,7 @@ interface GetHourNumbersOptions<TDate> {
 /**
  * @ignore - internal component.
  */
-export declare const getHourNumbers: <TDate extends unknown>({ ampm, value, getClockNumberText, isDisabled, selectedId, utils, }: GetHourNumbersOptions<TDate>) => JSX.Element[];
+export declare const getHourNumbers: <TDate extends unknown>({ ampm, value, getClockNumberText, isDisabled, selectedId, utils, }: GetHourNumbersOptions<TDate>) => React.JSX.Element[];
 export declare const getMinutesNumbers: <TDate extends unknown>({ utils, value, isDisabled, getClockNumberText, selectedId, }: Omit<GetHourNumbersOptions<TDate>, "value" | "ampm"> & {
     value: number;
 }) => React.JSX.Element[];

package/TimeClock/TimeClock.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TimeClockProps } from './TimeClock.types';
-type TimeClockComponent = (<TDate>(props: TimeClockProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type TimeClockComponent = (<TDate>(props: TimeClockProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/TimeField/TimeField.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TimeFieldProps } from './TimeField.types';
-type TimeFieldComponent = (<TDate>(props: TimeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type TimeFieldComponent = (<TDate>(props: TimeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 declare const TimeField: TimeFieldComponent;

package/TimeField/TimeField.js

@@ -39,8 +39,8 @@ const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref)
     textFieldProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
 
   // TODO: Remove when mui/material-ui#35088 will be merged
-  textFieldProps.inputProps = _extends({}, textFieldProps.inputProps, inputProps);
-  textFieldProps.InputProps = _extends({}, textFieldProps.InputProps, InputProps);
+  textFieldProps.inputProps = _extends({}, inputProps, textFieldProps.inputProps);
+  textFieldProps.InputProps = _extends({}, InputProps, textFieldProps.InputProps);
   const _useTimeField = useTimeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/TimePicker/TimePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TimePickerProps } from './TimePicker.types';
-type TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 declare const TimePicker: TimePickerComponent;

package/YearCalendar/YearCalendar.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { YearCalendarProps } from './YearCalendar.types';
-type YearCalendarComponent = (<TDate>(props: YearCalendarProps<TDate>) => JSX.Element) & {
+type YearCalendarComponent = (<TDate>(props: YearCalendarProps<TDate>) => React.JSX.Element) & {
     propTypes?: any;
 };
 export declare const YearCalendar: YearCalendarComponent;

package/index.js

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

package/internals/components/PickersModalDialog.d.ts

@@ -12,12 +12,12 @@ export interface PickersModalDialogSlotsComponent {
     Dialog?: React.ElementType<MuiDialogProps>;
     /**
      * Custom component for the paper rendered inside the mobile picker's Dialog.
-     * @default Paper from @mui/material
+     * @default Paper from '@mui/material'.
      */
     MobilePaper?: React.JSXElementConstructor<MuiPaperProps>;
     /**
      * Custom component for the mobile dialog [Transition](https://mui.com/material-ui/transitions/).
-     * @default Fade from @mui/material
+     * @default Fade from '@mui/material'.
      */
     MobileTransition?: React.JSXElementConstructor<MuiTransitionProps>;
 }

package/internals/components/PickersPopper.d.ts

@@ -15,17 +15,17 @@ export interface PickersPopperSlotsComponent {
     DesktopPaper?: React.JSXElementConstructor<MuiPaperProps>;
     /**
      * Custom component for the desktop popper [Transition](https://mui.com/material-ui/transitions/).
-     * @default Grow from @mui/material
+     * @default Grow from '@mui/material'.
      */
     DesktopTransition?: React.JSXElementConstructor<MuiTransitionProps>;
     /**
      * Custom component for trapping the focus inside the views on desktop.
-     * @default TrapFocus from @mui/material
+     * @default TrapFocus from '@mui/material'.
      */
     DesktopTrapFocus?: React.JSXElementConstructor<MuiTrapFocusProps>;
     /**
      * Custom component for the popper inside which the views are rendered on desktop.
-     * @default Popper from @mui/material
+     * @default Popper from '@mui/material'.
      */
     Popper?: React.ElementType<MuiPopperProps>;
 }

package/internals/components/PickersToolbar.d.ts

@@ -8,7 +8,7 @@ export interface PickersToolbarProps<TValue, TView extends DateOrTimeViewWithMer
     toolbarTitle: React.ReactNode;
     classes?: Partial<PickersToolbarClasses>;
 }
-type PickersToolbarComponent = (<TValue, TView extends DateOrTimeViewWithMeridiem>(props: React.PropsWithChildren<PickersToolbarProps<TValue, TView>> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type PickersToolbarComponent = (<TValue, TView extends DateOrTimeViewWithMeridiem>(props: React.PropsWithChildren<PickersToolbarProps<TValue, TView>> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 export declare const PickersToolbar: PickersToolbarComponent;

package/internals/hooks/date-helpers-hooks.d.ts

@@ -1,7 +1,7 @@
 import { PickerOnChangeFn } from './useViews';
 import { PickerSelectionState } from './usePicker';
 import { PickersTimezone } from '../../models';
-interface MonthValidationOptions<TDate> {
+export interface MonthValidationOptions<TDate> {
     disablePast?: boolean;
     disableFuture?: boolean;
     minDate: TDate;
@@ -14,4 +14,3 @@ export declare function useMeridiemMode<TDate>(date: TDate | null, ampm: boolean
     meridiemMode: import("../utils/time-utils").Meridiem | null;
     handleMeridiemChange: (mode: 'am' | 'pm') => void;
 };
-export {};

package/internals/hooks/useDefaultReduceAnimations.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultReduceAnimations: boolean;
+export declare const useDefaultReduceAnimations: () => boolean;

package/internals/hooks/useDefaultReduceAnimations.js

@@ -0,0 +1,9 @@
+import useMediaQuery from '@mui/material/useMediaQuery';
+const PREFERS_REDUCED_MOTION = '@media (prefers-reduced-motion: reduce)';
+export const defaultReduceAnimations = typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent);
+export const useDefaultReduceAnimations = () => {
+  const prefersReduced = useMediaQuery(PREFERS_REDUCED_MOTION, {
+    defaultMatches: false
+  });
+  return prefersReduced || defaultReduceAnimations;
+};