@mui/x-date-pickers-pro 6.10.2 → 6.11.0

package/CHANGELOG.md

@@ -3,6 +3,98 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.11.0
+
+_Aug 4, 2023_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- ⌚️ Move the tree view component from `@mui/lab` package
+
+  The `<TreeView />` component has been moved to the MUI X repository.
+  It is now accessible from its own package: `@mui/x-tree-view`.
+
+- 🌍 Improve Hebrew (he-IL), Finnish (fi-FI), and Italian (it-IT) locales on the data grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@v6.11.0`
+
+- [DataGrid] Add `ariaV7` experimental flag (#9496) @cherniavskii
+- [DataGrid] Fix cell size when column width is set to `undefined` (#9871) @gitstart
+- [l10n] Improve Hebrew (he-IL) locale (#9820) @itayG98
+- [l10n] Improve Finnish (fi-FI) locale (#9848) @sambbaahh
+- [l10n] Improve Italian (it-IT) locale (#9627) @fabio-rizzello-omnia
+
+#### `@mui/x-data-grid-pro@v6.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
+
+Same changes as in `@mui/x-data-grid@v6.11.0`.
+
+#### `@mui/x-data-grid-premium@v6.11.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link)
+
+Same changes as in `@mui/x-data-grid-pro@v6.11.0`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@v6.11.0`
+
+- [fields] Correctly handle events with a complete value insertion (#9896) @LukasTy
+- [fields] Fix hours editing on dayjs with timezone and DST (#9901) @flaviendelangle
+- [fields] Fix section clearing with timezone (#9819) @flaviendelangle
+- [pickers] Add `CalendarHeader` slot (#7784) @flaviendelangle
+- [pickers] Allow to override the `InputProps` of the `TextField` using the `slotProps` (#9849) @flaviendelangle
+- [pickers] Allow to override the opening aria text using the `localeText` prop on the pickers (#9870) @flaviendelangle
+- [pickers] Fix `sx` and `className` props on `MobileDateRangePicker` (#9853) @flaviendelangle
+- [pickers] Fix default descriptions (#9887) @LukasTy
+- [pickers] Fix offset management on dayjs adapter (#9884) @flaviendelangle
+- [pickers] Use device motion reduction preference (#9823) @LukasTy
+
+#### `@mui/x-date-pickers-pro@v6.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
+
+Same changes as in `@mui/x-date-pickers@v6.11.0`.
+
+### Charts / `@mui/x-charts@v6.0.0-alpha.6`
+
+- [charts] Add TS definition to the exported elements (#9885) @alexfauquette
+- [charts] Add sparkline (#9662) @alexfauquette
+- [charts] Fix missing configuration types (#9886) @alexfauquette
+- [charts] Introduce dataset to simplify plot of data from API (#9774) @alexfauquette
+
+### Tree View / `@mui/x-tree-view@v6.0.0-alpha.0`
+
+- [TreeView] Add missing exported types (#9862) @flaviendelangle
+- [TreeView] Add tree view to changelog generator script (#9903) @MBilalShafi
+- [TreeView] Create the package on the X repository (#9798) @flaviendelangle
+- [TreeView] Improve props typing (#9855) @flaviendelangle
+
+### Docs
+
+- [docs] Add Tree View doc (#9825) @flaviendelangle
+- [docs] Add charts nav item (#9821) @LukasTy
+- [docs] Add charts to MUI X introduction pages (#9704) @joserodolfofreitas
+- [docs] Add example for avoiding picker views layout shift (#9781) @noraleonte
+- [docs] Consistency of Next.js App Router @oliviertassinari
+- [docs] Fix API page regression: bring back slots section (#9866) @alexfauquette
+- [docs] Fix demo using Pro while it's MIT (#9842) @oliviertassinari
+- [docs] Get ready for next docs-infra change @oliviertassinari
+- [docs] Improve the slots documentation `Recommended usage` section (#9892) @flaviendelangle
+
+### Core
+
+- [core] Fix font loading issue dev-mode (#9843) @oliviertassinari
+- [core] Fix pipeline (#9894) @LukasTy
+- [core] Fix the link-check script on Windows (#9888) @alexfauquette
+- [core] Fix v7 capitalization (#9878) @oliviertassinari
+- [core] Regen doc (#9902) @flaviendelangle
+- [core] Remove benchmark package (#9413) @LukasTy
+- [core] Stop using the deprecated `JSX` global namespace (#9854) @flaviendelangle
+- [core] Update monorepo (#9846) @flaviendelangle
+- [core] Update tree data API docs (#9827) @cherniavskii
+- [test] Add pickers e2e tests (#9747) @LukasTy
+- [test] Data grid e2e tests follow-up (#9822) @cherniavskii
+
 ## 6.10.2
 
 _Jul 27, 2023_

package/DateRangeCalendar/DateRangeCalendar.d.ts

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

package/DateRangeCalendar/DateRangeCalendar.js

@@ -11,7 +11,8 @@ import { resolveComponentProps } from '@mui/base/utils';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { Watermark } from '@mui/x-license-pro';
-import { applyDefaultDate, DAY_MARGIN, DayCalendar, defaultReduceAnimations, PickersArrowSwitcher, PickersCalendarHeader, useCalendarState, useDefaultDates, useLocaleText, useNextMonthDisabled, usePreviousMonthDisabled, useUtils, useNow, uncapitalizeObjectKeys, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone } from '@mui/x-date-pickers/internals';
+import { PickersCalendarHeader } from '@mui/x-date-pickers/PickersCalendarHeader';
+import { applyDefaultDate, DAY_MARGIN, DayCalendar, useDefaultReduceAnimations, PickersArrowSwitcher, useCalendarState, useDefaultDates, useLocaleText, useNextMonthDisabled, usePreviousMonthDisabled, useUtils, useNow, uncapitalizeObjectKeys, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone } from '@mui/x-date-pickers/internals';
 import { getReleaseInfo } from '../internals/utils/releaseInfo';
 import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from './dateRangeCalendarClasses';
 import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../internals/utils/date-utils';
@@ -77,6 +78,7 @@ function useDateRangeCalendarDefaultizedProps(props, name) {
   var _themeProps$renderLoa, _themeProps$reduceAni, _props$loading, _props$disablePast, _props$disableFuture, _themeProps$calendars, _themeProps$disableDr;
   const utils = useUtils();
   const defaultDates = useDefaultDates();
+  const defaultReduceAnimations = useDefaultReduceAnimations();
   const themeProps = useThemeProps({
     props,
     name

package/DateRangeCalendar/DateRangeCalendar.types.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { SlotComponentProps } from '@mui/base';
+import { SlotComponentProps } from '@mui/base/utils';
 import { Theme } from '@mui/material/styles';
 import { TimezoneProps } from '@mui/x-date-pickers/models';
-import { BaseDateValidationProps, DefaultizedProps, ExportedDayCalendarProps, DayCalendarSlotsComponent, DayCalendarSlotsComponentsProps, PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps, PickerSelectionState, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps, DayCalendarProps, ExportedUseViewsOptions, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps } from '@mui/x-date-pickers/PickersCalendarHeader';
+import { BaseDateValidationProps, DefaultizedProps, ExportedDayCalendarProps, DayCalendarSlotsComponent, DayCalendarSlotsComponentsProps, PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps, PickerSelectionState, DayCalendarProps, ExportedUseViewsOptions, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
 import { DateRange, DayRangeValidationProps } from '../internals/models';
 import { DateRangeCalendarClasses } from './dateRangeCalendarClasses';
 import { DateRangePickerDay, DateRangePickerDayProps } from '../DateRangePickerDay';

package/DateRangePicker/DateRangePicker.d.ts

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

package/DateRangePickerDay/DateRangePickerDay.d.ts

@@ -35,7 +35,7 @@ export interface DateRangePickerDayProps<TDate> extends Omit<PickersDayProps<TDa
      */
     isVisuallySelected?: boolean;
 }
-type DateRangePickerDayComponent = <TDate>(props: DateRangePickerDayProps<TDate> & React.RefAttributes<HTMLButtonElement>) => JSX.Element;
+type DateRangePickerDayComponent = <TDate>(props: DateRangePickerDayProps<TDate> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element;
 /**
  *
  * Demos:

package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts

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

package/MobileDateRangePicker/MobileDateRangePicker.d.ts

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

package/MobileDateRangePicker/MobileDateRangePicker.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "sx"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { extractValidationProps } from '@mui/x-date-pickers/internals';
@@ -14,8 +12,7 @@ import { validateDateRange } from '../internals/utils/validation/validateDateRan
 const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
   var _defaultizedProps$slo2;
   // Props with the default values common to all date time pickers
-  const _useDateRangePickerDe = useDateRangePickerDefaultizedProps(inProps, 'MuiMobileDateRangePicker'),
-    defaultizedProps = _objectWithoutPropertiesLoose(_useDateRangePickerDe, _excluded);
+  const defaultizedProps = useDateRangePickerDefaultizedProps(inProps, 'MuiMobileDateRangePicker');
   const viewRenderers = _extends({
     day: renderDateRangeViewCalendar
   }, defaultizedProps.viewRenderers);

package/MultiInputDateRangeField/MultiInputDateRangeField.d.ts

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

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts

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

package/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts

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

package/SingleInputDateRangeField/SingleInputDateRangeField.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SingleInputDateRangeFieldProps } from './SingleInputDateRangeField.types';
-type DateRangeFieldComponent = (<TDate>(props: SingleInputDateRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
+type DateRangeFieldComponent = (<TDate>(props: SingleInputDateRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => React.JSX.Element) & {
     propTypes?: any;
     fieldType?: string;
 };

package/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -39,8 +39,8 @@ const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleI
     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 _useSingleInputDateRa = useSingleInputDateRangeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SingleInputDateTimeRangeFieldProps } from './SingleInputDateTimeRangeField.types';
-type DateRangeFieldComponent = (<TDate>(props: SingleInputDateTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
+type DateRangeFieldComponent = (<TDate>(props: SingleInputDateTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => React.JSX.Element) & {
     propTypes?: any;
     fieldType?: string;
 };

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -39,8 +39,8 @@ const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Sin
     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 _useSingleInputDateTi = useSingleInputDateTimeRangeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SingleInputTimeRangeFieldProps } from './SingleInputTimeRangeField.types';
-type DateRangeFieldComponent = (<TDate>(props: SingleInputTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
+type DateRangeFieldComponent = (<TDate>(props: SingleInputTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => React.JSX.Element) & {
     propTypes?: any;
     fieldType?: string;
 };

package/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -39,8 +39,8 @@ const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleI
     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 _useSingleInputTimeRa = useSingleInputTimeRangeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/StaticDateRangePicker/StaticDateRangePicker.d.ts

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

package/index.js

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

package/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5MDQwODgwMDAwMA==";
+  const releaseInfo = "MTY5MTA4OTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/internals/utils/valueManagers.js

@@ -26,8 +26,8 @@ export const rangeValueManager = {
   hasError: error => error[0] != null || error[1] != null,
   defaultErrorState: [null, null],
   getTimezone: (utils, value) => {
-    const timezoneStart = value[0] == null ? null : utils.getTimezone(value[0]);
-    const timezoneEnd = value[1] == null ? null : utils.getTimezone(value[1]);
+    const timezoneStart = value[0] == null || !utils.isValid(value[0]) ? null : utils.getTimezone(value[0]);
+    const timezoneEnd = value[1] == null || !utils.isValid(value[1]) ? null : utils.getTimezone(value[1]);
     if (timezoneStart != null && timezoneEnd != null && timezoneStart !== timezoneEnd) {
       throw new Error('MUI: The timezone of the start and the end date should be the same');
     }

package/legacy/DateRangeCalendar/DateRangeCalendar.js

@@ -13,7 +13,8 @@ import { resolveComponentProps } from '@mui/base/utils';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { Watermark } from '@mui/x-license-pro';
-import { applyDefaultDate, DAY_MARGIN, DayCalendar, defaultReduceAnimations, PickersArrowSwitcher, PickersCalendarHeader, useCalendarState, useDefaultDates, useLocaleText, useNextMonthDisabled, usePreviousMonthDisabled, useUtils, useNow, uncapitalizeObjectKeys, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone } from '@mui/x-date-pickers/internals';
+import { PickersCalendarHeader } from '@mui/x-date-pickers/PickersCalendarHeader';
+import { applyDefaultDate, DAY_MARGIN, DayCalendar, useDefaultReduceAnimations, PickersArrowSwitcher, useCalendarState, useDefaultDates, useLocaleText, useNextMonthDisabled, usePreviousMonthDisabled, useUtils, useNow, uncapitalizeObjectKeys, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone } from '@mui/x-date-pickers/internals';
 import { getReleaseInfo } from '../internals/utils/releaseInfo';
 import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from './dateRangeCalendarClasses';
 import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../internals/utils/date-utils';
@@ -81,6 +82,7 @@ function useDateRangeCalendarDefaultizedProps(props, name) {
   var _themeProps$renderLoa, _themeProps$reduceAni, _props$loading, _props$disablePast, _props$disableFuture, _themeProps$calendars, _themeProps$disableDr;
   var utils = useUtils();
   var defaultDates = useDefaultDates();
+  var defaultReduceAnimations = useDefaultReduceAnimations();
   var themeProps = useThemeProps({
     props: props,
     name: name

package/legacy/MobileDateRangePicker/MobileDateRangePicker.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "sx"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { extractValidationProps } from '@mui/x-date-pickers/internals';
@@ -14,10 +12,7 @@ import { validateDateRange } from '../internals/utils/validation/validateDateRan
 var MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
   var _defaultizedProps$slo2;
   // Props with the default values common to all date time pickers
-  var _useDateRangePickerDe = useDateRangePickerDefaultizedProps(inProps, 'MuiMobileDateRangePicker'),
-    className = _useDateRangePickerDe.className,
-    sx = _useDateRangePickerDe.sx,
-    defaultizedProps = _objectWithoutProperties(_useDateRangePickerDe, _excluded);
+  var defaultizedProps = useDateRangePickerDefaultizedProps(inProps, 'MuiMobileDateRangePicker');
   var viewRenderers = _extends({
     day: renderDateRangeViewCalendar
   }, defaultizedProps.viewRenderers);

package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -35,8 +35,8 @@ var SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleInp
     textFieldProps = _objectWithoutProperties(_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);
   var _useSingleInputDateRa = useSingleInputDateRangeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/legacy/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -35,8 +35,8 @@ var SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Singl
     textFieldProps = _objectWithoutProperties(_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);
   var _useSingleInputDateTi = useSingleInputDateTimeRangeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/legacy/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -35,8 +35,8 @@ var SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInp
     textFieldProps = _objectWithoutProperties(_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);
   var _useSingleInputTimeRa = useSingleInputTimeRangeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/legacy/index.js

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

package/legacy/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY5MDQwODgwMDAwMA==";
+  var releaseInfo = "MTY5MTA4OTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/legacy/internals/utils/valueManagers.js

@@ -38,8 +38,8 @@ export var rangeValueManager = {
   },
   defaultErrorState: [null, null],
   getTimezone: function getTimezone(utils, value) {
-    var timezoneStart = value[0] == null ? null : utils.getTimezone(value[0]);
-    var timezoneEnd = value[1] == null ? null : utils.getTimezone(value[1]);
+    var timezoneStart = value[0] == null || !utils.isValid(value[0]) ? null : utils.getTimezone(value[0]);
+    var timezoneEnd = value[1] == null || !utils.isValid(value[1]) ? null : utils.getTimezone(value[1]);
     if (timezoneStart != null && timezoneEnd != null && timezoneStart !== timezoneEnd) {
       throw new Error('MUI: The timezone of the start and the end date should be the same');
     }

package/modern/DateRangeCalendar/DateRangeCalendar.js

@@ -11,7 +11,8 @@ import { resolveComponentProps } from '@mui/base/utils';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { Watermark } from '@mui/x-license-pro';
-import { applyDefaultDate, DAY_MARGIN, DayCalendar, defaultReduceAnimations, PickersArrowSwitcher, PickersCalendarHeader, useCalendarState, useDefaultDates, useLocaleText, useNextMonthDisabled, usePreviousMonthDisabled, useUtils, useNow, uncapitalizeObjectKeys, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone } from '@mui/x-date-pickers/internals';
+import { PickersCalendarHeader } from '@mui/x-date-pickers/PickersCalendarHeader';
+import { applyDefaultDate, DAY_MARGIN, DayCalendar, useDefaultReduceAnimations, PickersArrowSwitcher, useCalendarState, useDefaultDates, useLocaleText, useNextMonthDisabled, usePreviousMonthDisabled, useUtils, useNow, uncapitalizeObjectKeys, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone } from '@mui/x-date-pickers/internals';
 import { getReleaseInfo } from '../internals/utils/releaseInfo';
 import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from './dateRangeCalendarClasses';
 import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../internals/utils/date-utils';
@@ -76,6 +77,7 @@ const DayCalendarForRange = styled(DayCalendar)(({
 function useDateRangeCalendarDefaultizedProps(props, name) {
   const utils = useUtils();
   const defaultDates = useDefaultDates();
+  const defaultReduceAnimations = useDefaultReduceAnimations();
   const themeProps = useThemeProps({
     props,
     name

package/modern/MobileDateRangePicker/MobileDateRangePicker.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "sx"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { extractValidationProps } from '@mui/x-date-pickers/internals';
@@ -13,8 +11,7 @@ import { useMobileRangePicker } from '../internals/hooks/useMobileRangePicker';
 import { validateDateRange } from '../internals/utils/validation/validateDateRange';
 const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
   // Props with the default values common to all date time pickers
-  const _useDateRangePickerDe = useDateRangePickerDefaultizedProps(inProps, 'MuiMobileDateRangePicker'),
-    defaultizedProps = _objectWithoutPropertiesLoose(_useDateRangePickerDe, _excluded);
+  const defaultizedProps = useDateRangePickerDefaultizedProps(inProps, 'MuiMobileDateRangePicker');
   const viewRenderers = _extends({
     day: renderDateRangeViewCalendar
   }, defaultizedProps.viewRenderers);

package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -38,8 +38,8 @@ const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleI
     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 _useSingleInputDateRa = useSingleInputDateRangeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -38,8 +38,8 @@ const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Sin
     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 _useSingleInputDateTi = useSingleInputDateTimeRangeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -38,8 +38,8 @@ const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleI
     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 _useSingleInputTimeRa = useSingleInputTimeRangeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/modern/index.js

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

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5MDQwODgwMDAwMA==";
+  const releaseInfo = "MTY5MTA4OTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/internals/utils/valueManagers.js

@@ -26,8 +26,8 @@ export const rangeValueManager = {
   hasError: error => error[0] != null || error[1] != null,
   defaultErrorState: [null, null],
   getTimezone: (utils, value) => {
-    const timezoneStart = value[0] == null ? null : utils.getTimezone(value[0]);
-    const timezoneEnd = value[1] == null ? null : utils.getTimezone(value[1]);
+    const timezoneStart = value[0] == null || !utils.isValid(value[0]) ? null : utils.getTimezone(value[0]);
+    const timezoneEnd = value[1] == null || !utils.isValid(value[1]) ? null : utils.getTimezone(value[1]);
     if (timezoneStart != null && timezoneEnd != null && timezoneStart !== timezoneEnd) {
       throw new Error('MUI: The timezone of the start and the end date should be the same');
     }

package/node/DateRangeCalendar/DateRangeCalendar.js

@@ -16,6 +16,7 @@ var _utils = require("@mui/base/utils");
 var _styles = require("@mui/material/styles");
 var _utils2 = require("@mui/utils");
 var _xLicensePro = require("@mui/x-license-pro");
+var _PickersCalendarHeader = require("@mui/x-date-pickers/PickersCalendarHeader");
 var _internals = require("@mui/x-date-pickers/internals");
 var _releaseInfo = require("../internals/utils/releaseInfo");
 var _dateRangeCalendarClasses = require("./dateRangeCalendarClasses");
@@ -84,6 +85,7 @@ const DayCalendarForRange = (0, _styles.styled)(_internals.DayCalendar)(({
 function useDateRangeCalendarDefaultizedProps(props, name) {
   const utils = (0, _internals.useUtils)();
   const defaultDates = (0, _internals.useDefaultDates)();
+  const defaultReduceAnimations = (0, _internals.useDefaultReduceAnimations)();
   const themeProps = (0, _styles.useThemeProps)({
     props,
     name
@@ -92,7 +94,7 @@ function useDateRangeCalendarDefaultizedProps(props, name) {
     renderLoading: themeProps.renderLoading ?? (() => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: "..."
     })),
-    reduceAnimations: themeProps.reduceAnimations ?? _internals.defaultReduceAnimations,
+    reduceAnimations: themeProps.reduceAnimations ?? defaultReduceAnimations,
     loading: props.loading ?? false,
     disablePast: props.disablePast ?? false,
     disableFuture: props.disableFuture ?? false,
@@ -417,7 +419,7 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
       releaseInfo: releaseInfo
     }), calendarMonths.map((month, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateRangeCalendarMonthContainer, {
       className: classes.monthContainer,
-      children: [calendars === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersCalendarHeader, {
+      children: [calendars === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersCalendarHeader.PickersCalendarHeader, {
         views: ['day'],
         view: 'day',
         currentMonth: calendarState.currentMonth,

package/node/MobileDateRangePicker/MobileDateRangePicker.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MobileDateRangePicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _internals = require("@mui/x-date-pickers/internals");
@@ -17,13 +16,11 @@ var _dateRangeViewRenderers = require("../dateRangeViewRenderers");
 var _MultiInputDateRangeField = require("../MultiInputDateRangeField");
 var _useMobileRangePicker = require("../internals/hooks/useMobileRangePicker");
 var _validateDateRange = require("../internals/utils/validation/validateDateRange");
-const _excluded = ["className", "sx"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
   // Props with the default values common to all date time pickers
-  const _useDateRangePickerDe = (0, _shared.useDateRangePickerDefaultizedProps)(inProps, 'MuiMobileDateRangePicker'),
-    defaultizedProps = (0, _objectWithoutPropertiesLoose2.default)(_useDateRangePickerDe, _excluded);
+  const defaultizedProps = (0, _shared.useDateRangePickerDefaultizedProps)(inProps, 'MuiMobileDateRangePicker');
   const viewRenderers = (0, _extends2.default)({
     day: _dateRangeViewRenderers.renderDateRangeViewCalendar
   }, defaultizedProps.viewRenderers);

package/node/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -47,8 +47,8 @@ const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleI
     textFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
 
   // TODO: Remove when mui/material-ui#35088 will be merged
-  textFieldProps.inputProps = (0, _extends2.default)({}, textFieldProps.inputProps, inputProps);
-  textFieldProps.InputProps = (0, _extends2.default)({}, textFieldProps.InputProps, InputProps);
+  textFieldProps.inputProps = (0, _extends2.default)({}, inputProps, textFieldProps.inputProps);
+  textFieldProps.InputProps = (0, _extends2.default)({}, InputProps, textFieldProps.InputProps);
   const _useSingleInputDateRa = (0, _useSingleInputDateRangeField.useSingleInputDateRangeField)({
       props: textFieldProps,
       inputRef: externalInputRef

package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -47,8 +47,8 @@ const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Sin
     textFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
 
   // TODO: Remove when mui/material-ui#35088 will be merged
-  textFieldProps.inputProps = (0, _extends2.default)({}, textFieldProps.inputProps, inputProps);
-  textFieldProps.InputProps = (0, _extends2.default)({}, textFieldProps.InputProps, InputProps);
+  textFieldProps.inputProps = (0, _extends2.default)({}, inputProps, textFieldProps.inputProps);
+  textFieldProps.InputProps = (0, _extends2.default)({}, InputProps, textFieldProps.InputProps);
   const _useSingleInputDateTi = (0, _useSingleInputDateTimeRangeField.useSingleInputDateTimeRangeField)({
       props: textFieldProps,
       inputRef: externalInputRef

package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -47,8 +47,8 @@ const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleI
     textFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
 
   // TODO: Remove when mui/material-ui#35088 will be merged
-  textFieldProps.inputProps = (0, _extends2.default)({}, textFieldProps.inputProps, inputProps);
-  textFieldProps.InputProps = (0, _extends2.default)({}, textFieldProps.InputProps, InputProps);
+  textFieldProps.inputProps = (0, _extends2.default)({}, inputProps, textFieldProps.inputProps);
+  textFieldProps.InputProps = (0, _extends2.default)({}, InputProps, textFieldProps.InputProps);
   const _useSingleInputTimeRa = (0, _useSingleInputTimeRangeField.useSingleInputTimeRangeField)({
       props: textFieldProps,
       inputRef: externalInputRef

package/node/index.js

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

package/node/internals/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY5MDQwODgwMDAwMA==";
+  const releaseInfo = "MTY5MTA4OTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/internals/utils/valueManagers.js

@@ -33,8 +33,8 @@ const rangeValueManager = {
   hasError: error => error[0] != null || error[1] != null,
   defaultErrorState: [null, null],
   getTimezone: (utils, value) => {
-    const timezoneStart = value[0] == null ? null : utils.getTimezone(value[0]);
-    const timezoneEnd = value[1] == null ? null : utils.getTimezone(value[1]);
+    const timezoneStart = value[0] == null || !utils.isValid(value[0]) ? null : utils.getTimezone(value[0]);
+    const timezoneEnd = value[1] == null || !utils.isValid(value[1]) ? null : utils.getTimezone(value[1]);
     if (timezoneStart != null && timezoneEnd != null && timezoneStart !== timezoneEnd) {
       throw new Error('MUI: The timezone of the start and the end date should be the same');
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "6.10.2",
+  "version": "6.11.0",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,8 +31,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.22.6",
-    "@mui/utils": "^5.13.7",
-    "@mui/x-date-pickers": "6.10.2",
+    "@mui/utils": "^5.14.1",
+    "@mui/x-date-pickers": "6.11.0",
     "@mui/x-license-pro": "6.10.2",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",