@mui/x-date-pickers-pro 7.14.0 → 7.16.0

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v7.14.0
+ * @mui/x-date-pickers-pro v7.16.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -12,29 +12,29 @@ import { LicenseInfo as LicenseInfoExport } from '@mui/x-license';
  */
 export class LicenseInfo extends LicenseInfoExport {}
 export * from '@mui/x-date-pickers';
-export * from './DateRangePickerDay';
+export * from "./DateRangePickerDay/index.js";
 
 // Fields
-export * from './MultiInputDateRangeField';
-export * from './MultiInputTimeRangeField';
-export * from './MultiInputDateTimeRangeField';
-export * from './SingleInputDateRangeField';
-export * from './SingleInputTimeRangeField';
-export * from './SingleInputDateTimeRangeField';
+export * from "./MultiInputDateRangeField/index.js";
+export * from "./MultiInputTimeRangeField/index.js";
+export * from "./MultiInputDateTimeRangeField/index.js";
+export * from "./SingleInputDateRangeField/index.js";
+export * from "./SingleInputTimeRangeField/index.js";
+export * from "./SingleInputDateTimeRangeField/index.js";
 
 // Calendars
-export * from './DateRangeCalendar';
-export * from './PickersRangeCalendarHeader';
+export * from "./DateRangeCalendar/index.js";
+export * from "./PickersRangeCalendarHeader/index.js";
 
 // New pickers
-export * from './DateRangePicker';
-export * from './DesktopDateRangePicker';
-export * from './MobileDateRangePicker';
-export * from './StaticDateRangePicker';
-export * from './DateTimeRangePicker';
-export * from './DesktopDateTimeRangePicker';
-export * from './MobileDateTimeRangePicker';
+export * from "./DateRangePicker/index.js";
+export * from "./DesktopDateRangePicker/index.js";
+export * from "./MobileDateRangePicker/index.js";
+export * from "./StaticDateRangePicker/index.js";
+export * from "./DateTimeRangePicker/index.js";
+export * from "./DesktopDateTimeRangePicker/index.js";
+export * from "./MobileDateTimeRangePicker/index.js";
 
 // View renderers
-export * from './dateRangeViewRenderers';
-export * from './models';
+export * from "./dateRangeViewRenderers/index.js";
+export * from "./models/index.js";

package/internals/hooks/useDesktopRangePicker/index.js

@@ -1 +1 @@
-export { useDesktopRangePicker } from './useDesktopRangePicker';
+export { useDesktopRangePicker } from "./useDesktopRangePicker.js";

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -7,9 +7,9 @@ import { useLicenseVerifier } from '@mui/x-license';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { executeInTheNextEventLoopTick, getActiveElement, usePicker, PickersPopper } from '@mui/x-date-pickers/internals';
-import { useEnrichedRangePickerFieldProps } from '../useEnrichedRangePickerFieldProps';
-import { getReleaseInfo } from '../../utils/releaseInfo';
-import { useRangePosition } from '../useRangePosition';
+import { useEnrichedRangePickerFieldProps } from "../useEnrichedRangePickerFieldProps.js";
+import { getReleaseInfo } from "../../utils/releaseInfo.js";
+import { useRangePosition } from "../useRangePosition.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 export const useDesktopRangePicker = _ref => {

package/internals/hooks/useMobileRangePicker/index.js

@@ -1 +1 @@
-export { useMobileRangePicker } from './useMobileRangePicker';
+export { useMobileRangePicker } from "./useMobileRangePicker.js";

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -9,9 +9,9 @@ import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickersModalDialog } from '@mui/x-date-pickers/internals';
 import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
 import useId from '@mui/utils/useId';
-import { useEnrichedRangePickerFieldProps } from '../useEnrichedRangePickerFieldProps';
-import { getReleaseInfo } from '../../utils/releaseInfo';
-import { useRangePosition } from '../useRangePosition';
+import { useEnrichedRangePickerFieldProps } from "../useEnrichedRangePickerFieldProps.js";
+import { getReleaseInfo } from "../../utils/releaseInfo.js";
+import { useRangePosition } from "../useRangePosition.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 export const useMobileRangePicker = _ref => {

package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import { unstable_useDateField as useDateField } from '@mui/x-date-pickers/DateField';
 import { useLocalizationContext, useValidation, useControlledValueWithTimezone, useDefaultizedDateField } from '@mui/x-date-pickers/internals';
-import { validateDateRange } from '../../utils/validation/validateDateRange';
-import { rangeValueManager } from '../../utils/valueManagers';
-import { excludeProps } from './shared';
-import { useMultiInputFieldSelectedSections } from '../useMultiInputFieldSelectedSections';
+import { validateDateRange } from "../../utils/validation/validateDateRange.js";
+import { rangeValueManager } from "../../utils/valueManagers.js";
+import { excludeProps } from "./shared.js";
+import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
 export const useMultiInputDateRangeField = ({
   sharedProps: inSharedProps,
   startTextFieldProps,

package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import { unstable_useDateTimeField as useDateTimeField } from '@mui/x-date-pickers/DateTimeField';
 import { useLocalizationContext, useValidation, useControlledValueWithTimezone, useDefaultizedDateTimeField } from '@mui/x-date-pickers/internals';
-import { validateDateTimeRange } from '../../utils/validation/validateDateTimeRange';
-import { rangeValueManager } from '../../utils/valueManagers';
-import { excludeProps } from './shared';
-import { useMultiInputFieldSelectedSections } from '../useMultiInputFieldSelectedSections';
+import { validateDateTimeRange } from "../../utils/validation/validateDateTimeRange.js";
+import { rangeValueManager } from "../../utils/valueManagers.js";
+import { excludeProps } from "./shared.js";
+import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
 export const useMultiInputDateTimeRangeField = ({
   sharedProps: inSharedProps,
   startTextFieldProps,

package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import { unstable_useTimeField as useTimeField } from '@mui/x-date-pickers/TimeField';
 import { useLocalizationContext, useValidation, useControlledValueWithTimezone, useDefaultizedTimeField } from '@mui/x-date-pickers/internals';
-import { validateTimeRange } from '../../utils/validation/validateTimeRange';
-import { rangeValueManager } from '../../utils/valueManagers';
-import { excludeProps } from './shared';
-import { useMultiInputFieldSelectedSections } from '../useMultiInputFieldSelectedSections';
+import { validateTimeRange } from "../../utils/validation/validateTimeRange.js";
+import { rangeValueManager } from "../../utils/valueManagers.js";
+import { excludeProps } from "./shared.js";
+import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
 export const useMultiInputTimeRangeField = ({
   sharedProps: inSharedProps,
   startTextFieldProps,

package/internals/hooks/useStaticRangePicker/index.js

@@ -1 +1 @@
-export { useStaticRangePicker } from './useStaticRangePicker';
+export { useStaticRangePicker } from "./useStaticRangePicker.js";

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -7,7 +7,7 @@ import { styled } from '@mui/material/styles';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, DIALOG_WIDTH } from '@mui/x-date-pickers/internals';
-import { useRangePosition } from '../useRangePosition';
+import { useRangePosition } from "../useRangePosition.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PickerStaticLayout = styled(PickersLayout)(({
   theme

package/internals/models/index.js

@@ -1,4 +1,4 @@
-export * from './dateRange';
-export * from './dateTimeRange';
-export * from './timeRange';
-export * from './rangePickerProps';
+export * from "./dateRange.js";
+export * from "./dateTimeRange.js";
+export * from "./timeRange.js";
+export * from "./rangePickerProps.js";

package/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcyNDM2MDQwMDAwMA==";
+  const releaseInfo = "MTcyNTQ4MzYwMDAwMA==";
   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/validation/validateDateRange.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["shouldDisableDate"];
 import { validateDate } from '@mui/x-date-pickers/internals';
-import { isRangeValid } from '../date-utils';
+import { isRangeValid } from "../date-utils.js";
 export const validateDateRange = ({
   props,
   value,

package/internals/utils/validation/validateDateTimeRange.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["shouldDisableDate"];
 import { validateDateTime } from '@mui/x-date-pickers/internals';
-import { isRangeValid } from '../date-utils';
+import { isRangeValid } from "../date-utils.js";
 export const validateDateTimeRange = ({
   props,
   value,

package/internals/utils/validation/validateTimeRange.js

@@ -1,5 +1,5 @@
 import { validateTime } from '@mui/x-date-pickers/internals';
-import { isRangeValid } from '../date-utils';
+import { isRangeValid } from "../date-utils.js";
 export const validateTimeRange = ({
   props,
   value,

package/internals/utils/valueManagers.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["value", "referenceDate"];
 import { replaceInvalidDateByNull, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections, areDatesEqual, getTodayDate, getDefaultReferenceDate } from '@mui/x-date-pickers/internals';
-import { splitDateRangeSections, removeLastSeparator } from './date-fields-utils';
+import { splitDateRangeSections, removeLastSeparator } from "./date-fields-utils.js";
 export const rangeValueManager = {
   emptyValue: [null, null],
   getTodayValue: (utils, timezone, valueType) => [getTodayDate(utils, timezone, valueType), getTodayDate(utils, timezone, valueType)],

package/models/index.js

@@ -1,5 +1,5 @@
-export * from './dateRange';
-export * from './fields';
-export * from './range';
-export * from './validation';
-export * from './multiInputRangeFieldClasses';
+export * from "./dateRange.js";
+export * from "./fields.js";
+export * from "./range.js";
+export * from "./validation.js";
+export * from "./multiInputRangeFieldClasses.js";

package/modern/DateRangeCalendar/DateRangeCalendar.js

@@ -14,16 +14,16 @@ import composeClasses from '@mui/utils/composeClasses';
 import useId from '@mui/utils/useId';
 import { Watermark } from '@mui/x-license';
 import { applyDefaultDate, DayCalendar, useDefaultReduceAnimations, useCalendarState, useDefaultDates, useUtils, useNow, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, warnOnce, useControlledValueWithTimezone, useViews } 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';
-import { calculateRangeChange, calculateRangePreview } from '../internals/utils/date-range-manager';
-import { DateRangePickerDay, dateRangePickerDayClasses as dayClasses } from '../DateRangePickerDay';
-import { rangeValueManager } from '../internals/utils/valueManagers';
-import { useDragRange } from './useDragRange';
-import { useRangePosition } from '../internals/hooks/useRangePosition';
-import { DAY_RANGE_SIZE, DAY_MARGIN } from '../internals/constants/dimensions';
-import { PickersRangeCalendarHeader } from '../PickersRangeCalendarHeader';
+import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
+import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from "./dateRangeCalendarClasses.js";
+import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from "../internals/utils/date-utils.js";
+import { calculateRangeChange, calculateRangePreview } from "../internals/utils/date-range-manager.js";
+import { DateRangePickerDay, dateRangePickerDayClasses as dayClasses } from "../DateRangePickerDay/index.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.js";
+import { useDragRange } from "./useDragRange.js";
+import { useRangePosition } from "../internals/hooks/useRangePosition.js";
+import { DAY_RANGE_SIZE, DAY_MARGIN } from "../internals/constants/dimensions.js";
+import { PickersRangeCalendarHeader } from "../PickersRangeCalendarHeader/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 const DateRangeCalendarRoot = styled('div', {
@@ -587,7 +587,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
   minDate: PropTypes.object,
   /**
    * Callback fired when the value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TView The view type. Will be one of date or time views.
    * @param {TValue} value The new value.
    * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.

package/modern/DateRangeCalendar/index.js

@@ -1,2 +1,2 @@
-export { DateRangeCalendar } from './DateRangeCalendar';
-export { getDateRangeCalendarUtilityClass, dateRangeCalendarClasses } from './dateRangeCalendarClasses';
+export { DateRangeCalendar } from "./DateRangeCalendar.js";
+export { getDateRangeCalendarUtilityClass, dateRangeCalendarClasses } from "./dateRangeCalendarClasses.js";

package/modern/DateRangeCalendar/useDragRange.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { isEndOfRange, isStartOfRange } from '../internals/utils/date-utils';
+import { isEndOfRange, isStartOfRange } from "../internals/utils/date-utils.js";
 const resolveDateFromTarget = (target, utils, timezone) => {
   const timestampString = target.dataset.timestamp;
   if (!timestampString) {

package/modern/DateRangePicker/DateRangePicker.js

@@ -6,8 +6,8 @@ import PropTypes from 'prop-types';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useThemeProps } from '@mui/material/styles';
 import { refType } from '@mui/utils';
-import { DesktopDateRangePicker } from '../DesktopDateRangePicker';
-import { MobileDateRangePicker } from '../MobileDateRangePicker';
+import { DesktopDateRangePicker } from "../DesktopDateRangePicker/index.js";
+import { MobileDateRangePicker } from "../MobileDateRangePicker/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
@@ -191,16 +191,16 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
   name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**
    * Callback fired when the value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The new value.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
@@ -211,13 +211,13 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
    */
   onClose: PropTypes.func,
   /**
-   * Callback fired when the error associated to the current value changes.
-   * If the error has a non-null value, then the `TextField` will be rendered in `error` state.
-   *
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
-   * @param {TError} error The new error describing why the current value is not valid.
-   * @param {TValue} value The value associated to the error.
+   * Callback fired when the error associated with the current value changes.
+   * When a validation error is detected, the `error` parameter contains a non-null value.
+   * This can be used to render an appropriate form error.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @param {TError} error The reason why the current value is not valid.
+   * @param {TValue} value The value associated with the error.
    */
   onError: PropTypes.func,
   /**

package/modern/DateRangePicker/DateRangePickerToolbar.js

@@ -9,7 +9,7 @@ import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { PickersToolbar, PickersToolbarButton, useUtils } from '@mui/x-date-pickers/internals';
 import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
-import { getDateRangePickerToolbarUtilityClass } from './dateRangePickerToolbarClasses';
+import { getDateRangePickerToolbarUtilityClass } from "./dateRangePickerToolbarClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/DateRangePicker/index.js

@@ -1,3 +1,3 @@
-export { DateRangePicker } from './DateRangePicker';
-export { DateRangePickerToolbar } from './DateRangePickerToolbar';
-export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses } from './dateRangePickerToolbarClasses';
+export { DateRangePicker } from "./DateRangePicker.js";
+export { DateRangePickerToolbar } from "./DateRangePickerToolbar.js";
+export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses } from "./dateRangePickerToolbarClasses.js";

package/modern/DateRangePicker/shared.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { useDefaultDates, useUtils, applyDefaultDate } from '@mui/x-date-pickers/internals';
-import { DateRangePickerToolbar } from './DateRangePickerToolbar';
+import { DateRangePickerToolbar } from "./DateRangePickerToolbar.js";
 export function useDateRangePickerDefaultizedProps(props, name) {
   const utils = useUtils();
   const defaultDates = useDefaultDates();

package/modern/DateRangePickerDay/DateRangePickerDay.js

@@ -9,8 +9,8 @@ import { alpha, styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { useUtils } from '@mui/x-date-pickers/internals';
 import { PickersDay } from '@mui/x-date-pickers/PickersDay';
-import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from './dateRangePickerDayClasses';
-import { getReleaseInfo } from '../internals/utils/releaseInfo';
+import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
+import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 const useUtilityClasses = ownerState => {

package/modern/DateRangePickerDay/index.js

@@ -1,2 +1,2 @@
-export { DateRangePickerDay } from './DateRangePickerDay';
-export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from './dateRangePickerDayClasses';
+export { DateRangePickerDay } from "./DateRangePickerDay.js";
+export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";

package/modern/DateTimeRangePicker/DateTimeRangePicker.js

@@ -6,8 +6,8 @@ import PropTypes from 'prop-types';
 import { refType } from '@mui/utils';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useThemeProps } from '@mui/material/styles';
-import { DesktopDateTimeRangePicker } from '../DesktopDateTimeRangePicker';
-import { MobileDateTimeRangePicker } from '../MobileDateTimeRangePicker';
+import { DesktopDateTimeRangePicker } from "../DesktopDateTimeRangePicker/index.js";
+import { MobileDateTimeRangePicker } from "../MobileDateTimeRangePicker/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
@@ -224,16 +224,16 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
   name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**
    * Callback fired when the value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The new value.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
@@ -244,13 +244,13 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
    */
   onClose: PropTypes.func,
   /**
-   * Callback fired when the error associated to the current value changes.
-   * If the error has a non-null value, then the `TextField` will be rendered in `error` state.
-   *
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
-   * @param {TError} error The new error describing why the current value is not valid.
-   * @param {TValue} value The value associated to the error.
+   * Callback fired when the error associated with the current value changes.
+   * When a validation error is detected, the `error` parameter contains a non-null value.
+   * This can be used to render an appropriate form error.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @param {TError} error The reason why the current value is not valid.
+   * @param {TValue} value The value associated with the error.
    */
   onError: PropTypes.func,
   /**

package/modern/DateTimeRangePicker/DateTimeRangePickerTabs.js

@@ -9,7 +9,7 @@ import { isDatePickerView } from '@mui/x-date-pickers/internals';
 import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
 import IconButton from '@mui/material/IconButton';
 import Button from '@mui/material/Button';
-import { getDateTimeRangePickerTabsUtilityClass } from './dateTimeRangePickerTabsClasses';
+import { getDateTimeRangePickerTabsUtilityClass } from "./dateTimeRangePickerTabsClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const viewToTab = (view, rangePosition) => {
   if (isDatePickerView(view)) {

package/modern/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["rangePosition", "onRangePositionChange", "viewRenderer", "value", "onChange", "defaultValue", "onViewChange", "views", "className"];
 import { isInternalTimeView, useUtils } from '@mui/x-date-pickers/internals';
-import { isRangeValid } from '../internals/utils/date-utils';
-import { calculateRangeChange } from '../internals/utils/date-range-manager';
+import { isRangeValid } from "../internals/utils/date-utils.js";
+import { calculateRangeChange } from "../internals/utils/date-range-manager.js";
 /**
  * @ignore - internal component.
  */

package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js

@@ -9,8 +9,8 @@ import composeClasses from '@mui/utils/composeClasses';
 import { useUtils } from '@mui/x-date-pickers/internals';
 import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
 import { DateTimePickerToolbar } from '@mui/x-date-pickers/DateTimePicker';
-import { getDateTimeRangePickerToolbarUtilityClass } from './dateTimeRangePickerToolbarClasses';
-import { calculateRangeChange } from '../internals/utils/date-range-manager';
+import { getDateTimeRangePickerToolbarUtilityClass } from "./dateTimeRangePickerToolbarClasses.js";
+import { calculateRangeChange } from "../internals/utils/date-range-manager.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/DateTimeRangePicker/index.js

@@ -1,5 +1,5 @@
-export { DateTimeRangePicker } from './DateTimeRangePicker';
-export { DateTimeRangePickerTabs } from './DateTimeRangePickerTabs';
-export { getDateTimeRangePickerTabsUtilityClass, dateTimeRangePickerTabsClasses } from './dateTimeRangePickerTabsClasses';
-export { DateTimeRangePickerToolbar } from './DateTimeRangePickerToolbar';
-export { getDateTimeRangePickerToolbarUtilityClass, dateTimeRangePickerToolbarClasses } from './dateTimeRangePickerToolbarClasses';
+export { DateTimeRangePicker } from "./DateTimeRangePicker.js";
+export { DateTimeRangePickerTabs } from "./DateTimeRangePickerTabs.js";
+export { getDateTimeRangePickerTabsUtilityClass, dateTimeRangePickerTabsClasses } from "./dateTimeRangePickerTabsClasses.js";
+export { DateTimeRangePickerToolbar } from "./DateTimeRangePickerToolbar.js";
+export { getDateTimeRangePickerToolbarUtilityClass, dateTimeRangePickerToolbarClasses } from "./dateTimeRangePickerToolbarClasses.js";

package/modern/DateTimeRangePicker/shared.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { useThemeProps } from '@mui/material/styles';
 import { useDefaultDates, useUtils, applyDefaultDate, applyDefaultViewProps, resolveTimeViewsResponse } from '@mui/x-date-pickers/internals';
-import { DateTimeRangePickerToolbar } from './DateTimeRangePickerToolbar';
-import { DateTimeRangePickerTabs } from './DateTimeRangePickerTabs';
+import { DateTimeRangePickerToolbar } from "./DateTimeRangePickerToolbar.js";
+import { DateTimeRangePickerTabs } from "./DateTimeRangePickerTabs.js";
 export function useDateTimeRangePickerDefaultizedProps(props, name) {
   const utils = useUtils();
   const defaultDates = useDefaultDates();

package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -4,12 +4,12 @@ import PropTypes from 'prop-types';
 import { extractValidationProps } from '@mui/x-date-pickers/internals';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import { refType } from '@mui/utils';
-import { rangeValueManager } from '../internals/utils/valueManagers';
-import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
-import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
-import { MultiInputDateRangeField } from '../MultiInputDateRangeField';
-import { useDesktopRangePicker } from '../internals/hooks/useDesktopRangePicker';
-import { validateDateRange } from '../internals/utils/validation/validateDateRange';
+import { rangeValueManager } from "../internals/utils/valueManagers.js";
+import { useDateRangePickerDefaultizedProps } from "../DateRangePicker/shared.js";
+import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js";
+import { MultiInputDateRangeField } from "../MultiInputDateRangeField/index.js";
+import { useDesktopRangePicker } from "../internals/hooks/useDesktopRangePicker/index.js";
+import { validateDateRange } from "../internals/utils/validation/validateDateRange.js";
 /**
  * Demos:
  *
@@ -196,16 +196,16 @@ DesktopDateRangePicker.propTypes = {
   name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**
    * Callback fired when the value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The new value.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
@@ -216,13 +216,13 @@ DesktopDateRangePicker.propTypes = {
    */
   onClose: PropTypes.func,
   /**
-   * Callback fired when the error associated to the current value changes.
-   * If the error has a non-null value, then the `TextField` will be rendered in `error` state.
-   *
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
-   * @param {TError} error The new error describing why the current value is not valid.
-   * @param {TValue} value The value associated to the error.
+   * Callback fired when the error associated with the current value changes.
+   * When a validation error is detected, the `error` parameter contains a non-null value.
+   * This can be used to render an appropriate form error.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @param {TError} error The reason why the current value is not valid.
+   * @param {TValue} value The value associated with the error.
    */
   onError: PropTypes.func,
   /**

package/modern/DesktopDateRangePicker/index.js

@@ -1 +1 @@
-export { DesktopDateRangePicker } from './DesktopDateRangePicker';
+export { DesktopDateRangePicker } from "./DesktopDateRangePicker.js";