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

package/MultiInputTimeRangeField/index.d.ts

@@ -1,3 +1,3 @@
-export { MultiInputTimeRangeField } from './MultiInputTimeRangeField';
+export { MultiInputTimeRangeField, getMultiInputTimeRangeFieldUtilityClass, multiInputTimeRangeFieldClasses, } from './MultiInputTimeRangeField';
 export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';
 export type { UseMultiInputTimeRangeFieldProps, UseMultiInputTimeRangeFieldComponentProps, MultiInputTimeRangeFieldProps, } from './MultiInputTimeRangeField.types';

package/MultiInputTimeRangeField/index.js

@@ -1,2 +1,2 @@
-export { MultiInputTimeRangeField } from './MultiInputTimeRangeField';
+export { MultiInputTimeRangeField, getMultiInputTimeRangeFieldUtilityClass, multiInputTimeRangeFieldClasses } from './MultiInputTimeRangeField';
 export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';

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
@@ -86,6 +86,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default 'primary'
    */
   color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
+  component: PropTypes.elementType,
   /**
    * Overridable components.
    * @default {}

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
@@ -91,6 +91,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default 'primary'
    */
   color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
+  component: PropTypes.elementType,
   /**
    * Overridable components.
    * @default {}

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
@@ -91,6 +91,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default 'primary'
    */
   color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
+  component: PropTypes.elementType,
   /**
    * Overridable components.
    * @default {}

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.1
  *
  * @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 = "MTY5MTcwMTIwMDAwMA==";
   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/DateRangePickerDay/DateRangePickerDay.js

@@ -212,6 +212,7 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
    */
   classes: PropTypes.object,
   className: PropTypes.string,
+  component: PropTypes.elementType,
   /**
    * The date to show.
    */

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/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -1,19 +1,33 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef"],
+var _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
   _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import clsx from 'clsx';
 import Stack from '@mui/material/Stack';
 import MuiTextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { useSlotProps } from '@mui/base/utils';
+import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
 import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
 import { useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+export var multiInputDateRangeFieldClasses = generateUtilityClasses('MuiMultiInputDateRangeField', ['root', 'separator']);
+export var getMultiInputDateRangeFieldUtilityClass = function getMultiInputDateRangeFieldUtilityClass(slot) {
+  return generateUtilityClass('MuiMultiInputDateRangeField', slot);
+};
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root'],
+    separator: ['separator']
+  };
+  return composeClasses(slots, getMultiInputDateRangeFieldUtilityClass, classes);
+};
 var MultiInputDateRangeFieldRoot = styled( /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/_jsx(Stack, _extends({
     ref: ref,
@@ -57,10 +71,12 @@ var MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInput
     autoFocus = forwardedProps.autoFocus,
     unstableStartFieldRef = forwardedProps.unstableStartFieldRef,
     unstableEndFieldRef = forwardedProps.unstableEndFieldRef,
+    className = forwardedProps.className,
     otherForwardedProps = _objectWithoutProperties(forwardedProps, _excluded);
   var slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
   var slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
   var ownerState = themeProps;
+  var classes = useUtilityClasses(ownerState);
   var Root = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : MultiInputDateRangeFieldRoot;
   var rootProps = useSlotProps({
     elementType: Root,
@@ -69,7 +85,8 @@ var MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInput
     additionalProps: {
       ref: ref
     },
-    ownerState: ownerState
+    ownerState: ownerState,
+    className: clsx(className, classes.root)
   });
   var TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
   var startTextFieldProps = useSlotProps({
@@ -93,7 +110,8 @@ var MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInput
   var separatorProps = useSlotProps({
     elementType: Separator,
     externalSlotProps: (_slotProps$separator = slotProps == null ? void 0 : slotProps.separator) != null ? _slotProps$separator : componentsProps == null ? void 0 : componentsProps.separator,
-    ownerState: ownerState
+    ownerState: ownerState,
+    className: classes.separator
   });
   var _useMultiInputDateRan = useMultiInputDateRangeField({
       sharedProps: _extends({}, dateFieldInternalProps, {
@@ -151,7 +169,12 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   autoFocus: PropTypes.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
   className: PropTypes.string,
+  component: PropTypes.elementType,
   /**
    * Overridable components.
    * @default {}

package/legacy/MultiInputDateRangeField/index.js

@@ -1,2 +1,2 @@
-export { MultiInputDateRangeField } from './MultiInputDateRangeField';
+export { MultiInputDateRangeField, getMultiInputDateRangeFieldUtilityClass, multiInputDateRangeFieldClasses } from './MultiInputDateRangeField';
 export { useMultiInputDateRangeField as unstable_useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';

package/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -1,19 +1,33 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef"],
+var _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
   _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import clsx from 'clsx';
 import Stack from '@mui/material/Stack';
 import MuiTextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { useSlotProps } from '@mui/base/utils';
+import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
 import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
 import { useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+export var multiInputDateTimeRangeFieldClasses = generateUtilityClasses('MuiMultiInputDateTimeRangeField', ['root', 'separator']);
+export var getMultiInputDateTimeRangeFieldUtilityClass = function getMultiInputDateTimeRangeFieldUtilityClass(slot) {
+  return generateUtilityClass('MuiMultiInputDateTimeRangeField', slot);
+};
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root'],
+    separator: ['separator']
+  };
+  return composeClasses(slots, getMultiInputDateTimeRangeFieldUtilityClass, classes);
+};
 var MultiInputDateTimeRangeFieldRoot = styled( /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/_jsx(Stack, _extends({
     ref: ref,
@@ -57,10 +71,12 @@ var MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiI
     autoFocus = forwardedProps.autoFocus,
     unstableStartFieldRef = forwardedProps.unstableStartFieldRef,
     unstableEndFieldRef = forwardedProps.unstableEndFieldRef,
+    className = forwardedProps.className,
     otherForwardedProps = _objectWithoutProperties(forwardedProps, _excluded);
   var slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
   var slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
   var ownerState = themeProps;
+  var classes = useUtilityClasses(ownerState);
   var Root = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : MultiInputDateTimeRangeFieldRoot;
   var rootProps = useSlotProps({
     elementType: Root,
@@ -69,7 +85,8 @@ var MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiI
     additionalProps: {
       ref: ref
     },
-    ownerState: ownerState
+    ownerState: ownerState,
+    className: clsx(className, classes.root)
   });
   var TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
   var startTextFieldProps = useSlotProps({
@@ -93,7 +110,8 @@ var MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiI
   var separatorProps = useSlotProps({
     elementType: Separator,
     externalSlotProps: slotProps == null ? void 0 : slotProps.separator,
-    ownerState: ownerState
+    ownerState: ownerState,
+    className: classes.separator
   });
   var _useMultiInputDateTim = useMultiInputDateTimeRangeField({
       sharedProps: _extends({}, dateTimeFieldInternalProps, {
@@ -156,7 +174,12 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
    */
   ampm: PropTypes.bool,
   autoFocus: PropTypes.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
   className: PropTypes.string,
+  component: PropTypes.elementType,
   /**
    * Overridable components.
    * @default {}

package/legacy/MultiInputDateTimeRangeField/index.js

@@ -1,2 +1,2 @@
-export { MultiInputDateTimeRangeField } from './MultiInputDateTimeRangeField';
+export { MultiInputDateTimeRangeField, getMultiInputDateTimeRangeFieldUtilityClass, multiInputDateTimeRangeFieldClasses } from './MultiInputDateTimeRangeField';
 export { useMultiInputDateTimeRangeField as unstable_useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';

package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -1,19 +1,33 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef"],
+var _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
   _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import { clsx } from 'clsx';
 import Stack from '@mui/material/Stack';
 import MuiTextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { useSlotProps } from '@mui/base/utils';
+import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
 import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
 import { useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+export var multiInputTimeRangeFieldClasses = generateUtilityClasses('MuiMultiInputTimeRangeField', ['root', 'separator']);
+export var getMultiInputTimeRangeFieldUtilityClass = function getMultiInputTimeRangeFieldUtilityClass(slot) {
+  return generateUtilityClass('MuiMultiInputTimeRangeField', slot);
+};
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root'],
+    separator: ['separator']
+  };
+  return composeClasses(slots, getMultiInputTimeRangeFieldUtilityClass, classes);
+};
 var MultiInputTimeRangeFieldRoot = styled( /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/_jsx(Stack, _extends({
     ref: ref,
@@ -57,10 +71,12 @@ var MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInput
     autoFocus = forwardedProps.autoFocus,
     unstableStartFieldRef = forwardedProps.unstableStartFieldRef,
     unstableEndFieldRef = forwardedProps.unstableEndFieldRef,
+    className = forwardedProps.className,
     otherForwardedProps = _objectWithoutProperties(forwardedProps, _excluded);
   var slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
   var slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
   var ownerState = themeProps;
+  var classes = useUtilityClasses(ownerState);
   var Root = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : MultiInputTimeRangeFieldRoot;
   var rootProps = useSlotProps({
     elementType: Root,
@@ -69,7 +85,8 @@ var MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInput
     additionalProps: {
       ref: ref
     },
-    ownerState: ownerState
+    ownerState: ownerState,
+    className: clsx(className, classes.root)
   });
   var TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
   var startTextFieldProps = useSlotProps({
@@ -93,7 +110,8 @@ var MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInput
   var separatorProps = useSlotProps({
     elementType: Separator,
     externalSlotProps: slotProps == null ? void 0 : slotProps.separator,
-    ownerState: ownerState
+    ownerState: ownerState,
+    className: classes.separator
   });
   var _useMultiInputTimeRan = useMultiInputTimeRangeField({
       sharedProps: _extends({}, timeFieldInternalProps, {
@@ -156,7 +174,12 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
    */
   ampm: PropTypes.bool,
   autoFocus: PropTypes.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
   className: PropTypes.string,
+  component: PropTypes.elementType,
   /**
    * Overridable components.
    * @default {}

package/legacy/MultiInputTimeRangeField/index.js

@@ -1,2 +1,2 @@
-export { MultiInputTimeRangeField } from './MultiInputTimeRangeField';
+export { MultiInputTimeRangeField, getMultiInputTimeRangeFieldUtilityClass, multiInputTimeRangeFieldClasses } from './MultiInputTimeRangeField';
 export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';

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
@@ -80,6 +80,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default 'primary'
    */
   color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
+  component: PropTypes.elementType,
   /**
    * Overridable components.
    * @default {}

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
@@ -85,6 +85,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default 'primary'
    */
   color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
+  component: PropTypes.elementType,
   /**
    * Overridable components.
    * @default {}

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
@@ -85,6 +85,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default 'primary'
    */
   color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
+  component: PropTypes.elementType,
   /**
    * Overridable components.
    * @default {}

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.10.2
+ * @mui/x-date-pickers-pro v6.11.1
  *
  * @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 = "MTY5MTcwMTIwMDAwMA==";
   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/legacy/models/index.js

@@ -1 +1,2 @@
-export * from './validation';
+export * from './validation';
+export * from './multiInputRangeFieldClasses';

package/legacy/models/multiInputRangeFieldClasses.js

@@ -0,0 +1 @@
+export {};

package/models/index.d.ts

@@ -1 +1,2 @@
 export * from './validation';
+export * from './multiInputRangeFieldClasses';

package/models/index.js

@@ -1 +1,2 @@
-export * from './validation';
+export * from './validation';
+export * from './multiInputRangeFieldClasses';

package/models/multiInputRangeFieldClasses.d.ts

@@ -0,0 +1,7 @@
+export interface MultiInputRangeFieldClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the separator element. */
+    separator: string;
+}
+export type MultiInputRangeFieldClassKey = keyof MultiInputRangeFieldClasses;

package/models/multiInputRangeFieldClasses.js

@@ -0,0 +1 @@
+export {};

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/DateRangePickerDay/DateRangePickerDay.js

@@ -233,6 +233,7 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
    */
   classes: PropTypes.object,
   className: PropTypes.string,
+  component: PropTypes.elementType,
   /**
    * The date to show.
    */

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);