@mui/x-date-pickers-pro 8.0.0-alpha.8 → 8.0.0-beta.0

package/esm/MultiInputDateRangeField/index.js

@@ -0,0 +1,2 @@
+export { MultiInputDateRangeField } from "./MultiInputDateRangeField.js";
+export { multiInputDateRangeFieldClasses, getMultiInputDateRangeFieldUtilityClass } from "./multiInputDateRangeFieldClasses.js";

package/esm/MultiInputDateRangeField/multiInputDateRangeFieldClasses.d.ts

@@ -0,0 +1,5 @@
+import { MultiInputRangeFieldClasses } from "../internals/utils/createMultiInputRangeField/index.js";
+export interface MultiInputDateRangeFieldClasses extends MultiInputRangeFieldClasses {}
+export type MultiInputDateRangeFieldClassKey = keyof MultiInputRangeFieldClasses;
+export declare const multiInputDateRangeFieldClasses: MultiInputRangeFieldClasses;
+export declare const getMultiInputDateRangeFieldUtilityClass: (slot: string) => string;

package/esm/MultiInputDateRangeField/multiInputDateRangeFieldClasses.js

@@ -0,0 +1,4 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export const multiInputDateRangeFieldClasses = generateUtilityClasses('MuiMultiInputDateRangeField', ['root', 'separator']);
+export const getMultiInputDateRangeFieldUtilityClass = slot => generateUtilityClass('MuiMultiInputDateRangeField', slot);

package/esm/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { UseDateTimeRangeManagerReturnValue } from "../managers/index.js";
+import { MultiInputRangeFieldProps } from "../internals/utils/createMultiInputRangeField/index.js";
+import { MultiInputDateTimeRangeFieldClasses } from "./multiInputDateTimeRangeFieldClasses.js";
+export interface MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MultiInputRangeFieldProps<UseDateTimeRangeManagerReturnValue<TEnableAccessibleFieldDOMStructure>> {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<MultiInputDateTimeRangeFieldClasses>;
+}
+type MultiInputDateTimeRangeFieldComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+/**
+ * Demos:
+ *
+ * - [DateTimeRangeField](http://mui.com/x/react-date-pickers/date-time-range-field/)
+ * - [Fields](https://mui.com/x/react-date-pickers/fields/)
+ *
+ * API:
+ *
+ * - [MultiInputDateTimeRangeField API](https://mui.com/x/api/multi-input-date-time-range-field/)
+ */
+declare const MultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldComponent;
+export { MultiInputDateTimeRangeField };

package/{node → esm}/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -1,15 +1,11 @@
-"use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultiInputDateTimeRangeField = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _managers = require("../managers");
-var _createMultiInputRangeField = require("../internals/utils/createMultiInputRangeField");
-var _multiInputDateTimeRangeFieldClasses = require("./multiInputDateTimeRangeFieldClasses");
+import PropTypes from 'prop-types';
+import { useDateTimeRangeManager } from "../managers/index.js";
+import {
+// The alias is needed to have the doc gen working.
+createMultiInputRangeField as createMultiInputDateTimeRangeField } from "../internals/utils/createMultiInputRangeField/index.js";
+import { getMultiInputDateTimeRangeFieldUtilityClass } from "./multiInputDateTimeRangeFieldClasses.js";
 /**
  * Demos:
  *
@@ -20,10 +16,10 @@ var _multiInputDateTimeRangeFieldClasses = require("./multiInputDateTimeRangeFie
  *
  * - [MultiInputDateTimeRangeField API](https://mui.com/x/api/multi-input-date-time-range-field/)
  */
-const MultiInputDateTimeRangeField = exports.MultiInputDateTimeRangeField = (0, _createMultiInputRangeField.createMultiInputRangeField)({
+const MultiInputDateTimeRangeField = createMultiInputDateTimeRangeField({
   name: 'MuiMultiInputDateTimeRangeField',
-  getUtilityClass: _multiInputDateTimeRangeFieldClasses.getMultiInputDateTimeRangeFieldUtilityClass,
-  useManager: _managers.useDateTimeRangeManager
+  getUtilityClass: getMultiInputDateTimeRangeFieldUtilityClass,
+  useManager: useDateTimeRangeManager
 });
 MultiInputDateTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -34,105 +30,105 @@ MultiInputDateTimeRangeField.propTypes = {
    * 12h/24h view for hour selection clock.
    * @default utils.is12HourCycleInCurrentLocale()
    */
-  ampm: _propTypes.default.bool,
+  ampm: PropTypes.bool,
   /**
    * If `true`, the `input` element is focused during the first mount.
    * @default false
    */
-  autoFocus: _propTypes.default.bool,
+  autoFocus: PropTypes.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
-  className: _propTypes.default.string,
-  component: _propTypes.default.elementType,
+  classes: PropTypes.object,
+  className: PropTypes.string,
+  component: PropTypes.elementType,
   /**
    * String displayed between the start and the end dates.
    * @default "–"
    */
-  dateSeparator: _propTypes.default.string,
+  dateSeparator: PropTypes.string,
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.arrayOf(_propTypes.default.object),
+  defaultValue: PropTypes.arrayOf(PropTypes.object),
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
    * @default 'column'
    */
-  direction: _propTypes.default.oneOfType([_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), _propTypes.default.object]),
+  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
   /**
    * If `true`, the component is disabled.
    * When disabled, the value cannot be changed and no interaction is possible.
    * @default false
    */
-  disabled: _propTypes.default.bool,
+  disabled: PropTypes.bool,
   /**
    * If `true`, disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
-  disableFuture: _propTypes.default.bool,
+  disableFuture: PropTypes.bool,
   /**
    * Do not ignore date part when validating min/max time.
    * @default false
    */
-  disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
+  disableIgnoringDatePartForTimeValidation: PropTypes.bool,
   /**
    * If `true`, disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
-  disablePast: _propTypes.default.bool,
+  disablePast: PropTypes.bool,
   /**
    * Add an element between each child.
    */
-  divider: _propTypes.default.node,
+  divider: PropTypes.node,
   /**
    * @default true
    */
-  enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  enableAccessibleFieldDOMStructure: PropTypes.bool,
   /**
    * Format of the date when rendered in the input(s).
    */
-  format: _propTypes.default.string,
+  format: PropTypes.string,
   /**
    * Density of the format when rendered in the input.
    * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
    * @default "dense"
    */
-  formatDensity: _propTypes.default.oneOf(['dense', 'spacious']),
+  formatDensity: PropTypes.oneOf(['dense', 'spacious']),
   /**
    * Maximal selectable date.
    * @default 2099-12-31
    */
-  maxDate: _propTypes.default.object,
+  maxDate: PropTypes.object,
   /**
    * Maximal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
    */
-  maxDateTime: _propTypes.default.object,
+  maxDateTime: PropTypes.object,
   /**
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.object,
+  maxTime: PropTypes.object,
   /**
    * Minimal selectable date.
    * @default 1900-01-01
    */
-  minDate: _propTypes.default.object,
+  minDate: PropTypes.object,
   /**
    * Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
    */
-  minDateTime: _propTypes.default.object,
+  minDateTime: PropTypes.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.object,
+  minTime: PropTypes.object,
   /**
    * Step over minutes.
    * @default 1
    */
-  minutesStep: _propTypes.default.number,
+  minutesStep: PropTypes.number,
   /**
    * Callback fired when the value changes.
    * @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.
@@ -140,7 +136,7 @@ MultiInputDateTimeRangeField.propTypes = {
    * @param {TValue} value The new value.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
-  onChange: _propTypes.default.func,
+  onChange: PropTypes.func,
   /**
    * 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.
@@ -150,24 +146,24 @@ MultiInputDateTimeRangeField.propTypes = {
    * @param {TError} error The reason why the current value is not valid.
    * @param {TValue} value The value associated with the error.
    */
-  onError: _propTypes.default.func,
+  onError: PropTypes.func,
   /**
    * Callback fired when the selected sections change.
    * @param {FieldSelectedSections} newValue The new selected sections.
    */
-  onSelectedSectionsChange: _propTypes.default.func,
+  onSelectedSectionsChange: PropTypes.func,
   /**
    * If `true`, the component is read-only.
    * When read-only, the value cannot be changed but the user can interact with the interface.
    * @default false
    */
-  readOnly: _propTypes.default.bool,
+  readOnly: PropTypes.bool,
   /**
    * The date used to generate a part of the new value that is not present in the format when both `value` and `defaultValue` are empty.
    * For example, on time fields it will be used to determine the date to set.
    * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
    */
-  referenceDate: _propTypes.default.object,
+  referenceDate: PropTypes.object,
   /**
    * The currently selected sections.
    * This prop accepts four formats:
@@ -177,7 +173,7 @@ MultiInputDateTimeRangeField.propTypes = {
    * 4. If `null` is provided, no section will be selected.
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number]),
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number]),
   /**
    * Disable specific date.
    *
@@ -187,14 +183,14 @@ MultiInputDateTimeRangeField.propTypes = {
    * @param {string} position The date to test, 'start' or 'end'.
    * @returns {boolean} Returns `true` if the date should be disabled.
    */
-  shouldDisableDate: _propTypes.default.func,
+  shouldDisableDate: PropTypes.func,
   /**
    * Disable specific time.
    * @param {PickerValidDate} value The value to check.
    * @param {TimeView} view The clock type of the timeValue.
    * @returns {boolean} If `true` the time will be disabled.
    */
-  shouldDisableTime: _propTypes.default.func,
+  shouldDisableTime: PropTypes.func,
   /**
    * If `true`, the format will respect the leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `8/16/2018`)
    * If `false`, the format will always add leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `08/16/2018`)
@@ -209,27 +205,27 @@ MultiInputDateTimeRangeField.propTypes = {
    *
    * @default false
    */
-  shouldRespectLeadingZeros: _propTypes.default.bool,
+  shouldRespectLeadingZeros: PropTypes.bool,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: _propTypes.default.object,
+  slotProps: PropTypes.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: _propTypes.default.object,
+  slots: PropTypes.object,
   /**
    * Defines the space between immediate children.
    * @default 0
    */
-  spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
-  style: _propTypes.default.object,
+  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  style: PropTypes.object,
   /**
    * The system prop, which 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]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
@@ -237,9 +233,9 @@ MultiInputDateTimeRangeField.propTypes = {
    * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
-  timezone: _propTypes.default.string,
-  unstableEndFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  unstableStartFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  timezone: PropTypes.string,
+  unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *
@@ -249,10 +245,11 @@ MultiInputDateTimeRangeField.propTypes = {
    * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
    * @default false
    */
-  useFlexGap: _propTypes.default.bool,
+  useFlexGap: PropTypes.bool,
   /**
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.arrayOf(_propTypes.default.object)
-};
+  value: PropTypes.arrayOf(PropTypes.object)
+};
+export { MultiInputDateTimeRangeField };

package/esm/MultiInputDateTimeRangeField/index.d.ts

@@ -0,0 +1,5 @@
+export { MultiInputDateTimeRangeField } from "./MultiInputDateTimeRangeField.js";
+export type { MultiInputDateTimeRangeFieldProps } from './MultiInputDateTimeRangeField';
+export { multiInputDateTimeRangeFieldClasses, getMultiInputDateTimeRangeFieldUtilityClass } from "./multiInputDateTimeRangeFieldClasses.js";
+export type { MultiInputDateTimeRangeFieldClassKey, MultiInputDateTimeRangeFieldClasses } from './multiInputDateTimeRangeFieldClasses';
+export type { MultiInputRangeFieldSlots as MultiInputDateTimeRangeFieldSlots, MultiInputRangeFieldSlotProps as MultiInputDateTimeRangeFieldSlotProps } from '../internals/utils/createMultiInputRangeField';

package/esm/MultiInputDateTimeRangeField/index.js

@@ -0,0 +1,2 @@
+export { MultiInputDateTimeRangeField } from "./MultiInputDateTimeRangeField.js";
+export { multiInputDateTimeRangeFieldClasses, getMultiInputDateTimeRangeFieldUtilityClass } from "./multiInputDateTimeRangeFieldClasses.js";

package/esm/MultiInputDateTimeRangeField/multiInputDateTimeRangeFieldClasses.d.ts

@@ -0,0 +1,5 @@
+import { MultiInputRangeFieldClasses } from "../internals/utils/createMultiInputRangeField/index.js";
+export interface MultiInputDateTimeRangeFieldClasses extends MultiInputRangeFieldClasses {}
+export type MultiInputDateTimeRangeFieldClassKey = keyof MultiInputRangeFieldClasses;
+export declare const multiInputDateTimeRangeFieldClasses: MultiInputRangeFieldClasses;
+export declare const getMultiInputDateTimeRangeFieldUtilityClass: (slot: string) => string;

package/esm/MultiInputDateTimeRangeField/multiInputDateTimeRangeFieldClasses.js

@@ -0,0 +1,4 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export const multiInputDateTimeRangeFieldClasses = generateUtilityClasses('MuiMultiInputDateTimeRangeField', ['root', 'separator']);
+export const getMultiInputDateTimeRangeFieldUtilityClass = slot => generateUtilityClass('MuiMultiInputDateTimeRangeField', slot);

package/esm/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { UseTimeRangeManagerReturnValue } from "../managers/index.js";
+import { MultiInputRangeFieldProps } from "../internals/utils/createMultiInputRangeField/index.js";
+import { MultiInputTimeRangeFieldClasses } from "./multiInputTimeRangeFieldClasses.js";
+export interface MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MultiInputRangeFieldProps<UseTimeRangeManagerReturnValue<TEnableAccessibleFieldDOMStructure>> {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<MultiInputTimeRangeFieldClasses>;
+}
+type MultiInputTimeRangeFieldComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+/**
+ * Demos:
+ *
+ * - [TimeRangeField](http://mui.com/x/react-date-pickers/time-range-field/)
+ * - [Fields](https://mui.com/x/react-date-pickers/fields/)
+ *
+ * API:
+ *
+ * - [MultiInputTimeRangeField API](https://mui.com/x/api/multi-input-time-range-field/)
+ */
+declare const MultiInputTimeRangeField: MultiInputTimeRangeFieldComponent;
+export { MultiInputTimeRangeField };

package/{node → esm}/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -1,15 +1,11 @@
-"use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultiInputTimeRangeField = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _managers = require("../managers");
-var _createMultiInputRangeField = require("../internals/utils/createMultiInputRangeField");
-var _multiInputTimeRangeFieldClasses = require("./multiInputTimeRangeFieldClasses");
+import PropTypes from 'prop-types';
+import { useTimeRangeManager } from "../managers/index.js";
+import {
+// The alias is needed to have the doc gen working.
+createMultiInputRangeField as createMultiInputTimeRangeField } from "../internals/utils/createMultiInputRangeField/index.js";
+import { getMultiInputTimeRangeFieldUtilityClass } from "./multiInputTimeRangeFieldClasses.js";
 /**
  * Demos:
  *
@@ -20,10 +16,11 @@ var _multiInputTimeRangeFieldClasses = require("./multiInputTimeRangeFieldClasse
  *
  * - [MultiInputTimeRangeField API](https://mui.com/x/api/multi-input-time-range-field/)
  */
-const MultiInputTimeRangeField = exports.MultiInputTimeRangeField = (0, _createMultiInputRangeField.createMultiInputRangeField)({
+const MultiInputTimeRangeField = createMultiInputTimeRangeField({
   name: 'MuiMultiInputTimeRangeField',
-  getUtilityClass: _multiInputTimeRangeFieldClasses.getMultiInputTimeRangeFieldUtilityClass,
-  useManager: _managers.useTimeRangeManager
+  getUtilityClass: getMultiInputTimeRangeFieldUtilityClass,
+  useManager: useTimeRangeManager,
+  allowTriggerShifting: true
 });
 MultiInputTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -34,87 +31,87 @@ MultiInputTimeRangeField.propTypes = {
    * 12h/24h view for hour selection clock.
    * @default utils.is12HourCycleInCurrentLocale()
    */
-  ampm: _propTypes.default.bool,
+  ampm: PropTypes.bool,
   /**
    * If `true`, the `input` element is focused during the first mount.
    * @default false
    */
-  autoFocus: _propTypes.default.bool,
+  autoFocus: PropTypes.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
-  className: _propTypes.default.string,
-  component: _propTypes.default.elementType,
+  classes: PropTypes.object,
+  className: PropTypes.string,
+  component: PropTypes.elementType,
   /**
    * String displayed between the start and the end dates.
    * @default "–"
    */
-  dateSeparator: _propTypes.default.string,
+  dateSeparator: PropTypes.string,
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.arrayOf(_propTypes.default.object),
+  defaultValue: PropTypes.arrayOf(PropTypes.object),
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
    * @default 'column'
    */
-  direction: _propTypes.default.oneOfType([_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), _propTypes.default.object]),
+  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
   /**
    * If `true`, the component is disabled.
    * When disabled, the value cannot be changed and no interaction is possible.
    * @default false
    */
-  disabled: _propTypes.default.bool,
+  disabled: PropTypes.bool,
   /**
    * If `true`, disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
-  disableFuture: _propTypes.default.bool,
+  disableFuture: PropTypes.bool,
   /**
    * Do not ignore date part when validating min/max time.
    * @default false
    */
-  disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
+  disableIgnoringDatePartForTimeValidation: PropTypes.bool,
   /**
    * If `true`, disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
-  disablePast: _propTypes.default.bool,
+  disablePast: PropTypes.bool,
   /**
    * Add an element between each child.
    */
-  divider: _propTypes.default.node,
+  divider: PropTypes.node,
   /**
    * @default true
    */
-  enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  enableAccessibleFieldDOMStructure: PropTypes.bool,
   /**
    * Format of the date when rendered in the input(s).
    */
-  format: _propTypes.default.string,
+  format: PropTypes.string,
   /**
    * Density of the format when rendered in the input.
    * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
    * @default "dense"
    */
-  formatDensity: _propTypes.default.oneOf(['dense', 'spacious']),
+  formatDensity: PropTypes.oneOf(['dense', 'spacious']),
   /**
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.object,
+  maxTime: PropTypes.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.object,
+  minTime: PropTypes.object,
   /**
    * Step over minutes.
    * @default 1
    */
-  minutesStep: _propTypes.default.number,
+  minutesStep: PropTypes.number,
   /**
    * Callback fired when the value changes.
    * @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.
@@ -122,7 +119,7 @@ MultiInputTimeRangeField.propTypes = {
    * @param {TValue} value The new value.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
-  onChange: _propTypes.default.func,
+  onChange: PropTypes.func,
   /**
    * 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.
@@ -132,24 +129,24 @@ MultiInputTimeRangeField.propTypes = {
    * @param {TError} error The reason why the current value is not valid.
    * @param {TValue} value The value associated with the error.
    */
-  onError: _propTypes.default.func,
+  onError: PropTypes.func,
   /**
    * Callback fired when the selected sections change.
    * @param {FieldSelectedSections} newValue The new selected sections.
    */
-  onSelectedSectionsChange: _propTypes.default.func,
+  onSelectedSectionsChange: PropTypes.func,
   /**
    * If `true`, the component is read-only.
    * When read-only, the value cannot be changed but the user can interact with the interface.
    * @default false
    */
-  readOnly: _propTypes.default.bool,
+  readOnly: PropTypes.bool,
   /**
    * The date used to generate a part of the new value that is not present in the format when both `value` and `defaultValue` are empty.
    * For example, on time fields it will be used to determine the date to set.
    * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
    */
-  referenceDate: _propTypes.default.object,
+  referenceDate: PropTypes.object,
   /**
    * The currently selected sections.
    * This prop accepts four formats:
@@ -159,14 +156,14 @@ MultiInputTimeRangeField.propTypes = {
    * 4. If `null` is provided, no section will be selected.
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number]),
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number]),
   /**
    * Disable specific time.
    * @param {PickerValidDate} value The value to check.
    * @param {TimeView} view The clock type of the timeValue.
    * @returns {boolean} If `true` the time will be disabled.
    */
-  shouldDisableTime: _propTypes.default.func,
+  shouldDisableTime: PropTypes.func,
   /**
    * If `true`, the format will respect the leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `8/16/2018`)
    * If `false`, the format will always add leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `08/16/2018`)
@@ -181,27 +178,27 @@ MultiInputTimeRangeField.propTypes = {
    *
    * @default false
    */
-  shouldRespectLeadingZeros: _propTypes.default.bool,
+  shouldRespectLeadingZeros: PropTypes.bool,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: _propTypes.default.object,
+  slotProps: PropTypes.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: _propTypes.default.object,
+  slots: PropTypes.object,
   /**
    * Defines the space between immediate children.
    * @default 0
    */
-  spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
-  style: _propTypes.default.object,
+  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  style: PropTypes.object,
   /**
    * The system prop, which 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]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
@@ -209,9 +206,9 @@ MultiInputTimeRangeField.propTypes = {
    * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
-  timezone: _propTypes.default.string,
-  unstableEndFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  unstableStartFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  timezone: PropTypes.string,
+  unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *
@@ -221,10 +218,11 @@ MultiInputTimeRangeField.propTypes = {
    * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
    * @default false
    */
-  useFlexGap: _propTypes.default.bool,
+  useFlexGap: PropTypes.bool,
   /**
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.arrayOf(_propTypes.default.object)
-};
+  value: PropTypes.arrayOf(PropTypes.object)
+};
+export { MultiInputTimeRangeField };