@mui/x-date-pickers-pro 8.0.0-alpha.11 → 8.0.0-alpha.13

package/node/MultiInputDateRangeField/multiInputDateRangeFieldClasses.js

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.multiInputDateRangeFieldClasses = exports.getMultiInputDateRangeFieldUtilityClass = void 0;
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-const multiInputDateRangeFieldClasses = exports.multiInputDateRangeFieldClasses = (0, _generateUtilityClasses.default)('MuiMultiInputDateRangeField', ['root', 'separator']);
-const getMultiInputDateRangeFieldUtilityClass = slot => (0, _generateUtilityClass.default)('MuiMultiInputDateRangeField', slot);
-exports.getMultiInputDateRangeFieldUtilityClass = getMultiInputDateRangeFieldUtilityClass;

package/node/MultiInputDateTimeRangeField/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MultiInputDateTimeRangeField", {
-  enumerable: true,
-  get: function () {
-    return _MultiInputDateTimeRangeField.MultiInputDateTimeRangeField;
-  }
-});
-Object.defineProperty(exports, "getMultiInputDateTimeRangeFieldUtilityClass", {
-  enumerable: true,
-  get: function () {
-    return _multiInputDateTimeRangeFieldClasses.getMultiInputDateTimeRangeFieldUtilityClass;
-  }
-});
-Object.defineProperty(exports, "multiInputDateTimeRangeFieldClasses", {
-  enumerable: true,
-  get: function () {
-    return _multiInputDateTimeRangeFieldClasses.multiInputDateTimeRangeFieldClasses;
-  }
-});
-var _MultiInputDateTimeRangeField = require("./MultiInputDateTimeRangeField");
-var _multiInputDateTimeRangeFieldClasses = require("./multiInputDateTimeRangeFieldClasses");

package/node/MultiInputDateTimeRangeField/multiInputDateTimeRangeFieldClasses.js

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.multiInputDateTimeRangeFieldClasses = exports.getMultiInputDateTimeRangeFieldUtilityClass = void 0;
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-const multiInputDateTimeRangeFieldClasses = exports.multiInputDateTimeRangeFieldClasses = (0, _generateUtilityClasses.default)('MuiMultiInputDateTimeRangeField', ['root', 'separator']);
-const getMultiInputDateTimeRangeFieldUtilityClass = slot => (0, _generateUtilityClass.default)('MuiMultiInputDateTimeRangeField', slot);
-exports.getMultiInputDateTimeRangeFieldUtilityClass = getMultiInputDateTimeRangeFieldUtilityClass;

package/node/MultiInputTimeRangeField/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MultiInputTimeRangeField", {
-  enumerable: true,
-  get: function () {
-    return _MultiInputTimeRangeField.MultiInputTimeRangeField;
-  }
-});
-Object.defineProperty(exports, "getMultiInputTimeRangeFieldUtilityClass", {
-  enumerable: true,
-  get: function () {
-    return _multiInputTimeRangeFieldClasses.getMultiInputTimeRangeFieldUtilityClass;
-  }
-});
-Object.defineProperty(exports, "multiInputTimeRangeFieldClasses", {
-  enumerable: true,
-  get: function () {
-    return _multiInputTimeRangeFieldClasses.multiInputTimeRangeFieldClasses;
-  }
-});
-var _MultiInputTimeRangeField = require("./MultiInputTimeRangeField");
-var _multiInputTimeRangeFieldClasses = require("./multiInputTimeRangeFieldClasses");

package/node/MultiInputTimeRangeField/multiInputTimeRangeFieldClasses.js

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.multiInputTimeRangeFieldClasses = exports.getMultiInputTimeRangeFieldUtilityClass = void 0;
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-const multiInputTimeRangeFieldClasses = exports.multiInputTimeRangeFieldClasses = (0, _generateUtilityClasses.default)('MuiMultiInputTimeRangeField', ['root', 'separator']);
-const getMultiInputTimeRangeFieldUtilityClass = slot => (0, _generateUtilityClass.default)('MuiMultiInputTimeRangeField', slot);
-exports.getMultiInputTimeRangeFieldUtilityClass = getMultiInputTimeRangeFieldUtilityClass;

package/node/PickersRangeCalendarHeader/PickersRangeCalendarHeader.js

@@ -1,143 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PickersRangeCalendarHeader = 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 _styles = require("@mui/material/styles");
-var _PickersCalendarHeader = require("@mui/x-date-pickers/PickersCalendarHeader");
-var _internals = require("@mui/x-date-pickers/internals");
-var _hooks = require("@mui/x-date-pickers/hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["calendars", "month", "monthIndex", "labelId"],
-  _excluded2 = ["format", "slots", "slotProps", "currentMonth", "onMonthChange", "disableFuture", "disablePast", "minDate", "maxDate", "timezone", "reduceAnimations", "views", "view"];
-const PickersRangeCalendarHeaderContentMultipleCalendars = (0, _styles.styled)(_internals.PickersArrowSwitcher)({
-  padding: '12px 16px 4px 16px',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'space-between'
-});
-const PickersRangeCalendarHeader = exports.PickersRangeCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersRangeCalendarHeader(props, ref) {
-  const utils = (0, _internals.useUtils)();
-  const translations = (0, _hooks.usePickerTranslations)();
-  const {
-      calendars,
-      month,
-      monthIndex,
-      labelId
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const {
-      format,
-      slots,
-      slotProps,
-      currentMonth,
-      onMonthChange,
-      disableFuture,
-      disablePast,
-      minDate,
-      maxDate,
-      timezone
-      // omit props that are not used in the PickersArrowSwitcher
-    } = other,
-    otherRangeProps = (0, _objectWithoutPropertiesLoose2.default)(other, _excluded2);
-  const isNextMonthDisabled = (0, _internals.useNextMonthDisabled)(currentMonth, {
-    disableFuture,
-    maxDate,
-    timezone
-  });
-  const isPreviousMonthDisabled = (0, _internals.usePreviousMonthDisabled)(currentMonth, {
-    disablePast,
-    minDate,
-    timezone
-  });
-  if (calendars === 1) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersCalendarHeader.PickersCalendarHeader, (0, _extends2.default)({}, other, {
-      labelId: labelId,
-      ref: ref
-    }));
-  }
-  const selectNextMonth = () => onMonthChange(utils.addMonths(currentMonth, 1));
-  const selectPreviousMonth = () => onMonthChange(utils.addMonths(currentMonth, -1));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersRangeCalendarHeaderContentMultipleCalendars, (0, _extends2.default)({}, otherRangeProps, {
-    ref: ref,
-    onGoToPrevious: selectPreviousMonth,
-    onGoToNext: selectNextMonth,
-    isPreviousHidden: monthIndex !== 0,
-    isPreviousDisabled: isPreviousMonthDisabled,
-    previousLabel: translations.previousMonth,
-    isNextHidden: monthIndex !== calendars - 1,
-    isNextDisabled: isNextMonthDisabled,
-    nextLabel: translations.nextMonth,
-    slots: slots,
-    slotProps: slotProps,
-    labelId: labelId,
-    children: utils.formatByString(month, format ?? `${utils.formats.month} ${utils.formats.year}`)
-  }));
-});
-process.env.NODE_ENV !== "production" ? PickersRangeCalendarHeader.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The number of calendars rendered.
-   */
-  calendars: _propTypes.default.oneOf([1, 2, 3]).isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  className: _propTypes.default.string,
-  currentMonth: _propTypes.default.object.isRequired,
-  disabled: _propTypes.default.bool,
-  disableFuture: _propTypes.default.bool,
-  disablePast: _propTypes.default.bool,
-  /**
-   * Format used to display the date.
-   * @default `${adapter.formats.month} ${adapter.formats.year}`
-   */
-  format: _propTypes.default.string,
-  /**
-   * Id of the calendar text element.
-   * It is used to establish an `aria-labelledby` relationship with the calendar `grid` element.
-   */
-  labelId: _propTypes.default.string,
-  maxDate: _propTypes.default.object.isRequired,
-  minDate: _propTypes.default.object.isRequired,
-  /**
-   * Month used for this header.
-   */
-  month: _propTypes.default.object.isRequired,
-  /**
-   * Index of the month used for this header.
-   */
-  monthIndex: _propTypes.default.number.isRequired,
-  onMonthChange: _propTypes.default.func.isRequired,
-  onViewChange: _propTypes.default.func,
-  reduceAnimations: _propTypes.default.bool.isRequired,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: _propTypes.default.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: _propTypes.default.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  timezone: _propTypes.default.string.isRequired,
-  view: _propTypes.default.oneOf(['day', 'month', 'year']).isRequired,
-  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'month', 'year']).isRequired).isRequired
-} : void 0;

package/node/PickersRangeCalendarHeader/PickersRangeCalendarHeader.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/node/PickersRangeCalendarHeader/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PickersRangeCalendarHeader", {
-  enumerable: true,
-  get: function () {
-    return _PickersRangeCalendarHeader.PickersRangeCalendarHeader;
-  }
-});
-var _PickersRangeCalendarHeader = require("./PickersRangeCalendarHeader");

package/node/SingleInputDateRangeField/SingleInputDateRangeField.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/node/SingleInputDateRangeField/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SingleInputDateRangeField", {
-  enumerable: true,
-  get: function () {
-    return _SingleInputDateRangeField.SingleInputDateRangeField;
-  }
-});
-Object.defineProperty(exports, "unstable_useSingleInputDateRangeField", {
-  enumerable: true,
-  get: function () {
-    return _useSingleInputDateRangeField.useSingleInputDateRangeField;
-  }
-});
-var _SingleInputDateRangeField = require("./SingleInputDateRangeField");
-var _useSingleInputDateRangeField = require("./useSingleInputDateRangeField");

package/node/SingleInputDateRangeField/useSingleInputDateRangeField.js

@@ -1,31 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSingleInputDateRangeField = void 0;
-var _internals = require("@mui/x-date-pickers/internals");
-var _hooks = require("@mui/x-date-pickers/hooks");
-var _managers = require("../managers");
-const useSingleInputDateRangeField = props => {
-  const manager = (0, _managers.useDateRangeManager)(props);
-  const {
-    forwardedProps,
-    internalProps
-  } = (0, _hooks.useSplitFieldProps)(props, 'date');
-  const internalPropsWithDefaults = (0, _internals.useFieldInternalPropsWithDefaults)({
-    manager,
-    internalProps
-  });
-  return (0, _internals.useField)({
-    forwardedProps,
-    internalProps: internalPropsWithDefaults,
-    valueManager: manager.internal_valueManager,
-    fieldValueManager: manager.internal_fieldValueManager,
-    validator: manager.validator,
-    valueType: manager.valueType,
-    getOpenPickerButtonAriaLabel: manager.internal_getOpenPickerButtonAriaLabel
-  });
-};
-exports.useSingleInputDateRangeField = useSingleInputDateRangeField;

package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/node/SingleInputDateTimeRangeField/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SingleInputDateTimeRangeField", {
-  enumerable: true,
-  get: function () {
-    return _SingleInputDateTimeRangeField.SingleInputDateTimeRangeField;
-  }
-});
-Object.defineProperty(exports, "unstable_useSingleInputDateTimeRangeField", {
-  enumerable: true,
-  get: function () {
-    return _useSingleInputDateTimeRangeField.useSingleInputDateTimeRangeField;
-  }
-});
-var _SingleInputDateTimeRangeField = require("./SingleInputDateTimeRangeField");
-var _useSingleInputDateTimeRangeField = require("./useSingleInputDateTimeRangeField");

package/node/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js

@@ -1,31 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSingleInputDateTimeRangeField = void 0;
-var _internals = require("@mui/x-date-pickers/internals");
-var _hooks = require("@mui/x-date-pickers/hooks");
-var _managers = require("../managers");
-const useSingleInputDateTimeRangeField = props => {
-  const manager = (0, _managers.useDateTimeRangeManager)(props);
-  const {
-    forwardedProps,
-    internalProps
-  } = (0, _hooks.useSplitFieldProps)(props, 'date-time');
-  const internalPropsWithDefaults = (0, _internals.useFieldInternalPropsWithDefaults)({
-    manager,
-    internalProps
-  });
-  return (0, _internals.useField)({
-    forwardedProps,
-    internalProps: internalPropsWithDefaults,
-    valueManager: manager.internal_valueManager,
-    fieldValueManager: manager.internal_fieldValueManager,
-    validator: manager.validator,
-    valueType: manager.valueType,
-    getOpenPickerButtonAriaLabel: manager.internal_getOpenPickerButtonAriaLabel
-  });
-};
-exports.useSingleInputDateTimeRangeField = useSingleInputDateTimeRangeField;

package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/node/SingleInputTimeRangeField/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SingleInputTimeRangeField", {
-  enumerable: true,
-  get: function () {
-    return _SingleInputTimeRangeField.SingleInputTimeRangeField;
-  }
-});
-Object.defineProperty(exports, "unstable_useSingleInputTimeRangeField", {
-  enumerable: true,
-  get: function () {
-    return _useSingleInputTimeRangeField.useSingleInputTimeRangeField;
-  }
-});
-var _SingleInputTimeRangeField = require("./SingleInputTimeRangeField");
-var _useSingleInputTimeRangeField = require("./useSingleInputTimeRangeField");

package/node/SingleInputTimeRangeField/useSingleInputTimeRangeField.js

@@ -1,31 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSingleInputTimeRangeField = void 0;
-var _internals = require("@mui/x-date-pickers/internals");
-var _hooks = require("@mui/x-date-pickers/hooks");
-var _managers = require("../managers");
-const useSingleInputTimeRangeField = props => {
-  const manager = (0, _managers.useTimeRangeManager)(props);
-  const {
-    forwardedProps,
-    internalProps
-  } = (0, _hooks.useSplitFieldProps)(props, 'time');
-  const internalPropsWithDefaults = (0, _internals.useFieldInternalPropsWithDefaults)({
-    manager,
-    internalProps
-  });
-  return (0, _internals.useField)({
-    forwardedProps,
-    internalProps: internalPropsWithDefaults,
-    valueManager: manager.internal_valueManager,
-    fieldValueManager: manager.internal_fieldValueManager,
-    validator: manager.validator,
-    valueType: manager.valueType,
-    getOpenPickerButtonAriaLabel: manager.internal_getOpenPickerButtonAriaLabel
-  });
-};
-exports.useSingleInputTimeRangeField = useSingleInputTimeRangeField;

package/node/StaticDateRangePicker/StaticDateRangePicker.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/node/StaticDateRangePicker/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "StaticDateRangePicker", {
-  enumerable: true,
-  get: function () {
-    return _StaticDateRangePicker.StaticDateRangePicker;
-  }
-});
-var _StaticDateRangePicker = require("./StaticDateRangePicker");

package/node/dateRangeViewRenderers/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "renderDateRangeViewCalendar", {
-  enumerable: true,
-  get: function () {
-    return _dateRangeViewRenderers.renderDateRangeViewCalendar;
-  }
-});
-var _dateRangeViewRenderers = require("./dateRangeViewRenderers");

package/node/hooks/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "unstable_useMultiInputRangeField", {
-  enumerable: true,
-  get: function () {
-    return _useMultiInputRangeField.useMultiInputRangeField;
-  }
-});
-Object.defineProperty(exports, "usePickerRangePositionContext", {
-  enumerable: true,
-  get: function () {
-    return _usePickerRangePositionContext.usePickerRangePositionContext;
-  }
-});
-var _usePickerRangePositionContext = require("./usePickerRangePositionContext");
-var _useMultiInputRangeField = require("./useMultiInputRangeField");

package/node/hooks/useMultiInputRangeField/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useMultiInputRangeField", {
-  enumerable: true,
-  get: function () {
-    return _useMultiInputRangeField.useMultiInputRangeField;
-  }
-});
-var _useMultiInputRangeField = require("./useMultiInputRangeField");

package/node/hooks/useMultiInputRangeField/useMultiInputRangeField.js

@@ -1,155 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMultiInputRangeField = useMultiInputRangeField;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _internals = require("@mui/x-date-pickers/internals");
-var _validation = require("@mui/x-date-pickers/validation");
-var _useMultiInputRangeFieldTextFieldProps = require("./useMultiInputRangeFieldTextFieldProps");
-var _useMultiInputRangeFieldSelectedSections = require("./useMultiInputRangeFieldSelectedSections");
-/**
- * Basic example:
- *
- * ```tsx
- * import Box from '@mui/material/Box';
- * import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
- * import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
- * import { useDateRangeManager } from '@mui/x-date-pickers-pro/managers';
- *
- * function MultiInputField(props) {
- *   const manager = useDateRangeManager();
- *   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
- *   const { startDate, endDate } = useMultiInputRangeField({
- *     manager,
- *     internalProps,
- *     startForwardedProps: forwardedProps,
- *     endForwardedProps: forwardedProps,
- *   });
- *
- *   return (
- *     <Box {...forwardedProps}>
- *       <PickersTextField {...startDate} />
- *       <span>{' – '}</span>
- *       <PickersTextField {...endDate} />
- *     </Box>
- *   );
- * }
- * ```
- *
- * @param {UseMultiInputRangeFieldParameters<TManager, TForwardedProps>} parameters The parameters of the hook.
- * @param {TManager} parameters.manager The manager of the field.
- * @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
- * @param {TForwardedProps} parameters.startForwardedProps The forwarded props of the start field.
- * @param {TForwardedProps} parameters.endForwardedProps The forwarded props of the end field.
- * @returns {UseMultiInputRangeFieldReturnValue<TManager, TForwardedProps>} The props to pass to the start and the end components.
- */
-function useMultiInputRangeField(parameters) {
-  const {
-    manager,
-    internalProps,
-    startForwardedProps,
-    endForwardedProps
-  } = parameters;
-  const internalPropsWithDefaults = (0, _internals.useFieldInternalPropsWithDefaults)({
-    manager,
-    internalProps
-  });
-  const {
-    value: valueProp,
-    defaultValue,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus,
-    referenceDate,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  } = internalPropsWithDefaults;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = (0, _internals.useControlledValueWithTimezone)({
-    name: 'useMultiInputRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    onChange,
-    valueManager: manager.internal_valueManager
-  });
-  const {
-    validationError,
-    getValidationErrorForNewValue
-  } = (0, _validation.useValidation)({
-    props: internalPropsWithDefaults,
-    value,
-    timezone,
-    validator: manager.validator,
-    onError: internalPropsWithDefaults.onError
-  });
-  const buildChangeHandler = index => {
-    return (newSingleValue, rawContext) => {
-      const newRange = index === 0 ? [newSingleValue, value[1]] : [value[0], newSingleValue];
-      const context = (0, _extends2.default)({}, rawContext, {
-        validationError: getValidationErrorForNewValue(newRange)
-      });
-      handleValueChange(newRange, context);
-    };
-  };
-  const handleStartDateChange = (0, _useEventCallback.default)(buildChangeHandler(0));
-  const handleEndDateChange = (0, _useEventCallback.default)(buildChangeHandler(1));
-  const selectedSectionsResponse = (0, _useMultiInputRangeFieldSelectedSections.useMultiInputRangeFieldSelectedSections)({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const sharedProps = {
-    disabled,
-    readOnly,
-    timezone,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    enableAccessibleFieldDOMStructure
-  };
-  const startDateProps = (0, _useMultiInputRangeFieldTextFieldProps.useMultiInputRangeFieldTextFieldProps)({
-    valueType: manager.valueType,
-    fieldProps: (0, _extends2.default)({
-      error: !!validationError[0]
-    }, startForwardedProps, selectedSectionsResponse.start, sharedProps, {
-      value: valueProp === undefined ? undefined : valueProp[0],
-      defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-      onChange: handleStartDateChange,
-      autoFocus // Do not add on end field.
-    })
-  });
-  const endDateProps = (0, _useMultiInputRangeFieldTextFieldProps.useMultiInputRangeFieldTextFieldProps)({
-    valueType: manager.valueType,
-    fieldProps: (0, _extends2.default)({
-      error: !!validationError[1]
-    }, endForwardedProps, selectedSectionsResponse.end, sharedProps, {
-      value: valueProp === undefined ? undefined : valueProp[1],
-      defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-      onChange: handleEndDateChange
-    })
-  });
-  return {
-    startDate: startDateProps,
-    endDate: endDateProps,
-    enableAccessibleFieldDOMStructure
-  };
-}