@mui/x-date-pickers-pro 6.0.0-alpha.6 → 6.0.0-alpha.7

package/CHANGELOG.md

@@ -3,6 +3,48 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.0.0-alpha.7
+
+_Nov 10, 2022_
+
+We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚙️ Removed everything marked as `@deprecated`
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v6.0.0-alpha.7` / `@mui/x-data-grid-pro@v6.0.0-alpha.7` / `@mui/x-data-grid-premium@v6.0.0-alpha.7`
+
+#### Changes
+
+- [DataGrid] Fix cell focus causing scroll jump when virtualization enabled (#6785) @yaredtsy
+- [DataGrid] Remove items marked as `@deprecated` (#6505) @DanailH
+
+### `@mui/x-date-pickers@v6.0.0-alpha.7` / `@mui/x-date-pickers-pro@v6.0.0-alpha.7`
+
+#### Changes
+
+- [fields] Rename section names to match the picker view nomenclature (#6779) @flaviendelangle
+- [pickers] Fix pickers toolbar styling (#6793) @LukasTy
+- [pickers] Improve validation JSDoc descriptions (#6777) @flaviendelangle
+- [pickers] New `MobileDateTimePicker`, `DesktopDateTimePicker`, `DateTimePicker` and `StaticDateTimePicker` based on `DateTimeField` (#6767) @flaviendelangle
+- [pickers] New `MobileTimePicker`, `DesktopTimePicker`, `TimePicker` and `StaticTimePicker` based on `TimeField` (#6728) @flaviendelangle
+- [pickers] Support the `onError` prop and add context on the `onChange` prop (#6731) @flaviendelangle
+
+### Docs
+
+- [docs] Add missing Pro header suffix (#6775) @oliviertassinari
+- [docs] Upgrade to Next.js 13 (#6790) @cherniavskii
+
+### Core
+
+- [core] Add OSSF Scorecard action (#6760) @oliviertassinari
+- [core] Fix Pinned-Dependencies @oliviertassinari
+- [core] Fix Scorecard fail Action @oliviertassinari
+- [core] Pin GitHub Action dependencies (#6739) @renovate[bot]
+- [core] Remove default access to GitHub action scopes @oliviertassinari
+- [test] Fix test case name: Pro-> Premium @oliviertassinari
+
 ## 6.0.0-alpha.6
 
 _Nov 4, 2022_

package/DateRangeCalendar/DateRangeCalendar.js

@@ -16,7 +16,7 @@ import { getDateRangeCalendarUtilityClass } from './dateRangeCalendarClasses';
 import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../internal/utils/date-utils';
 import { calculateRangeChange, calculateRangePreview } from '../DateRangePicker/date-range-manager';
 import { DateRangePickerDay } from '../DateRangePickerDay';
-import { dateRangePickerValueManager } from '../DateRangePicker/shared';
+import { rangeValueManager } from '../internal/utils/valueManagers';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
@@ -127,7 +127,7 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
 
   const [value, setValue] = useControlled({
     controlled: valueProp,
-    default: defaultValue != null ? defaultValue : dateRangePickerValueManager.emptyValue,
+    default: defaultValue != null ? defaultValue : rangeValueManager.emptyValue,
     name: 'DateRangeCalendar',
     state: 'value'
   });
@@ -401,7 +401,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
   disabled: PropTypes.bool,
 
   /**
-   * If `true` disable values before the current time
+   * If `true` disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disableFuture: PropTypes.bool,
@@ -413,7 +413,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
   disableHighlightToday: PropTypes.bool,
 
   /**
-   * If `true` disable values after the current time.
+   * If `true` disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disablePast: PropTypes.bool,
@@ -433,12 +433,12 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
   loading: PropTypes.bool,
 
   /**
-   * Maximal selectable date. @DateIOType
+   * Maximal selectable date.
    */
   maxDate: PropTypes.any,
 
   /**
-   * Minimal selectable date. @DateIOType
+   * Minimal selectable date.
    */
   minDate: PropTypes.any,
 

package/DateRangePicker/DateRangePicker.js

@@ -125,7 +125,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
   disabled: PropTypes.bool,
 
   /**
-   * If `true` disable values before the current time
+   * If `true` disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disableFuture: PropTypes.bool,
@@ -149,7 +149,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
   disableOpenPicker: PropTypes.bool,
 
   /**
-   * If `true` disable values after the current time.
+   * If `true` disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disablePast: PropTypes.bool,
@@ -210,12 +210,12 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
   mask: PropTypes.string,
 
   /**
-   * Maximal selectable date. @DateIOType
+   * Maximal selectable date.
    */
   maxDate: PropTypes.any,
 
   /**
-   * Minimal selectable date. @DateIOType
+   * Minimal selectable date.
    */
   minDate: PropTypes.any,
 
@@ -343,20 +343,18 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
   shouldDisableDate: PropTypes.func,
 
   /**
-   * Disable specific months dynamically.
-   * Works like `shouldDisableDate` but for month selection view @DateIOType.
+   * Disable specific month.
    * @template TDate
-   * @param {TDate} month The month to check.
+   * @param {TDate} month The month to test.
    * @returns {boolean} If `true` the month will be disabled.
    */
   shouldDisableMonth: PropTypes.func,
 
   /**
-   * Disable specific years dynamically.
-   * Works like `shouldDisableDate` but for year selection view @DateIOType.
+   * Disable specific year.
    * @template TDate
    * @param {TDate} year The year to test.
-   * @returns {boolean} Returns `true` if the year should be disabled.
+   * @returns {boolean} If `true` the year will be disabled.
    */
   shouldDisableYear: PropTypes.func,
 

package/DateRangePicker/shared.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { LocalizedComponent } from '@mui/x-date-pickers';
-import { BasePickerProps, PickerStateValueManager, ValidationCommonProps, DefaultizedProps, BaseDateValidationProps } from '@mui/x-date-pickers/internals';
+import { BasePickerProps, ValidationCommonProps, DefaultizedProps, BaseDateValidationProps } from '@mui/x-date-pickers/internals';
 import { DateRangePickerViewSlotsComponent, DateRangePickerViewSlotsComponentsProps, ExportedDateRangePickerViewProps } from './DateRangePickerView';
 import { DateRangeValidationError } from '../internal/hooks/validation/useDateRangeValidation';
 import { DateRange } from '../internal/models';
@@ -39,4 +39,3 @@ export interface BaseDateRangePickerProps<TDate> extends Omit<BasePickerProps<Da
 export declare function useDateRangePickerDefaultizedProps<TDate, Props extends BaseDateRangePickerProps<TDate>>(props: Props, name: string): LocalizedComponent<TDate, DefaultizedProps<Props, 'calendars' | keyof BaseDateValidationProps<TDate>, {
     inputFormat: string;
 }>>;
-export declare const dateRangePickerValueManager: PickerStateValueManager<[any, any], any>;

package/DateRangePicker/shared.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useDefaultDates, useUtils, applyDefaultDate } from '@mui/x-date-pickers/internals';
 import { useThemeProps } from '@mui/material/styles';
-import { replaceInvalidDatesByNull } from '../internal/utils/date-utils';
 import { DateRangePickerToolbar } from './DateRangePickerToolbar';
 export function useDateRangePickerDefaultizedProps(props, name) {
   const utils = useUtils();
@@ -37,11 +36,4 @@ export function useDateRangePickerDefaultizedProps(props, name) {
       Toolbar: DateRangePickerToolbar
     }, themeProps.components)
   });
-} // What about renaming it `rangePickerValueManager` such that it's clear this manager is common to date, time and dateTime?
-
-export const dateRangePickerValueManager = {
-  emptyValue: [null, null],
-  getTodayValue: utils => [utils.date(), utils.date()],
-  cleanValue: replaceInvalidDatesByNull,
-  areValuesEqual: (utils, a, b) => utils.isEqual(a[0], b[0]) && utils.isEqual(a[1], b[1])
-};
+}

package/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -9,7 +9,8 @@ import { DateRangePickerView } from '../DateRangePicker/DateRangePickerView';
 import { DateRangePickerInput } from '../DateRangePicker/DateRangePickerInput';
 import { useDateRangeValidation } from '../internal/hooks/validation/useDateRangeValidation';
 import { getReleaseInfo } from '../internal/utils/releaseInfo';
-import { useDateRangePickerDefaultizedProps, dateRangePickerValueManager } from '../DateRangePicker/shared';
+import { rangeValueManager } from '../internal/utils/valueManagers';
+import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
 import { jsx as _jsx } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 const KeyboardDateInputComponent = DateRangePickerInput;
@@ -33,7 +34,7 @@ export const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function Des
     pickerProps,
     inputProps,
     wrapperProps
-  } = usePickerState(props, dateRangePickerValueManager);
+  } = usePickerState(props, rangeValueManager);
 
   const {
     components,
@@ -137,7 +138,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes = {
   disabled: PropTypes.bool,
 
   /**
-   * If `true` disable values before the current time
+   * If `true` disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disableFuture: PropTypes.bool,
@@ -161,7 +162,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes = {
   disableOpenPicker: PropTypes.bool,
 
   /**
-   * If `true` disable values after the current time.
+   * If `true` disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disablePast: PropTypes.bool,
@@ -222,12 +223,12 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes = {
   mask: PropTypes.string,
 
   /**
-   * Maximal selectable date. @DateIOType
+   * Maximal selectable date.
    */
   maxDate: PropTypes.any,
 
   /**
-   * Minimal selectable date. @DateIOType
+   * Minimal selectable date.
    */
   minDate: PropTypes.any,
 
@@ -355,20 +356,18 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes = {
   shouldDisableDate: PropTypes.func,
 
   /**
-   * Disable specific months dynamically.
-   * Works like `shouldDisableDate` but for month selection view @DateIOType.
+   * Disable specific month.
    * @template TDate
-   * @param {TDate} month The month to check.
+   * @param {TDate} month The month to test.
    * @returns {boolean} If `true` the month will be disabled.
    */
   shouldDisableMonth: PropTypes.func,
 
   /**
-   * Disable specific years dynamically.
-   * Works like `shouldDisableDate` but for year selection view @DateIOType.
+   * Disable specific year.
    * @template TDate
    * @param {TDate} year The year to test.
-   * @returns {boolean} Returns `true` if the year should be disabled.
+   * @returns {boolean} If `true` the year will be disabled.
    */
   shouldDisableYear: PropTypes.func,
 

package/MobileDateRangePicker/MobileDateRangePicker.js

@@ -9,7 +9,8 @@ import { useDateRangeValidation } from '../internal/hooks/validation/useDateRang
 import { DateRangePickerView } from '../DateRangePicker/DateRangePickerView';
 import { DateRangePickerInput } from '../DateRangePicker/DateRangePickerInput';
 import { getReleaseInfo } from '../internal/utils/releaseInfo';
-import { useDateRangePickerDefaultizedProps, dateRangePickerValueManager } from '../DateRangePicker/shared';
+import { rangeValueManager } from '../internal/utils/valueManagers';
+import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
 import { jsx as _jsx } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 const PureDateInputComponent = DateRangePickerInput;
@@ -48,7 +49,7 @@ export const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function Mobi
     pickerProps,
     inputProps,
     wrapperProps
-  } = usePickerState(pickerStateProps, dateRangePickerValueManager);
+  } = usePickerState(pickerStateProps, rangeValueManager);
   const validationError = useDateRangeValidation(props);
 
   const DateInputProps = _extends({}, inputProps, other, {
@@ -147,7 +148,7 @@ process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes = {
   disabled: PropTypes.bool,
 
   /**
-   * If `true` disable values before the current time
+   * If `true` disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disableFuture: PropTypes.bool,
@@ -171,7 +172,7 @@ process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes = {
   disableOpenPicker: PropTypes.bool,
 
   /**
-   * If `true` disable values after the current time.
+   * If `true` disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disablePast: PropTypes.bool,
@@ -232,12 +233,12 @@ process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes = {
   mask: PropTypes.string,
 
   /**
-   * Maximal selectable date. @DateIOType
+   * Maximal selectable date.
    */
   maxDate: PropTypes.any,
 
   /**
-   * Minimal selectable date. @DateIOType
+   * Minimal selectable date.
    */
   minDate: PropTypes.any,
 
@@ -365,20 +366,18 @@ process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes = {
   shouldDisableDate: PropTypes.func,
 
   /**
-   * Disable specific months dynamically.
-   * Works like `shouldDisableDate` but for month selection view @DateIOType.
+   * Disable specific month.
    * @template TDate
-   * @param {TDate} month The month to check.
+   * @param {TDate} month The month to test.
    * @returns {boolean} If `true` the month will be disabled.
    */
   shouldDisableMonth: PropTypes.func,
 
   /**
-   * Disable specific years dynamically.
-   * Works like `shouldDisableDate` but for year selection view @DateIOType.
+   * Disable specific year.
    * @template TDate
    * @param {TDate} year The year to test.
-   * @returns {boolean} Returns `true` if the year should be disabled.
+   * @returns {boolean} If `true` the year will be disabled.
    */
   shouldDisableYear: PropTypes.func,
 

package/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -163,13 +163,13 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
   defaultValue: PropTypes.arrayOf(PropTypes.any),
 
   /**
-   * If `true` disable values before the current time
+   * If `true` disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disableFuture: PropTypes.bool,
 
   /**
-   * If `true` disable values after the current time.
+   * If `true` disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disablePast: PropTypes.bool,
@@ -180,15 +180,29 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
   format: PropTypes.string,
 
   /**
-   * Maximal selectable date. @DateIOType
+   * Maximal selectable date.
    */
   maxDate: PropTypes.any,
 
   /**
-   * Minimal selectable date. @DateIOType
+   * Minimal selectable date.
    */
   minDate: PropTypes.any,
+
+  /**
+   * Callback fired when the value changes.
+   * @template TValue, TError
+   * @param {TValue} value The new value.
+   * @param {FieldChangeHandlerContext<TError>} The context containing the validation result of the current value.
+   */
   onChange: PropTypes.func,
+
+  /**
+   * Callback fired when the error associated to the current value changes.
+   * @template TValue, TError
+   * @param {TError} error The new error.
+   * @param {TValue} value The value associated to the error.
+   */
   onError: PropTypes.func,
 
   /**
@@ -213,7 +227,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['day', 'hour', 'meridiem', 'minute', 'month', 'second', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),
@@ -226,6 +240,11 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
    * @returns {boolean} Returns `true` if the date should be disabled.
    */
   shouldDisableDate: PropTypes.func,
+
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
   value: PropTypes.arrayOf(PropTypes.any)
 } : void 0;
 export { MultiInputDateRangeField };

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -181,7 +181,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   defaultValue: PropTypes.arrayOf(PropTypes.any),
 
   /**
-   * If `true` disable values before the current time
+   * If `true` disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disableFuture: PropTypes.bool,
@@ -193,7 +193,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   disableIgnoringDatePartForTimeValidation: PropTypes.bool,
 
   /**
-   * If `true` disable values after the current time.
+   * If `true` disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disablePast: PropTypes.bool,
@@ -204,7 +204,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   format: PropTypes.string,
 
   /**
-   * Maximal selectable date. @DateIOType
+   * Maximal selectable date.
    */
   maxDate: PropTypes.any,
 
@@ -214,13 +214,13 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   maxDateTime: PropTypes.any,
 
   /**
-   * Max time acceptable time.
-   * For input validation date part of passed object will be ignored if `disableIgnoringDatePartForTimeValidation` not specified.
+   * Maximal selectable time.
+   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
   maxTime: PropTypes.any,
 
   /**
-   * Minimal selectable date. @DateIOType
+   * Minimal selectable date.
    */
   minDate: PropTypes.any,
 
@@ -230,8 +230,8 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   minDateTime: PropTypes.any,
 
   /**
-   * Min time acceptable time.
-   * For input validation date part of passed object will be ignored if `disableIgnoringDatePartForTimeValidation` not specified.
+   * Minimal selectable time.
+   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
   minTime: PropTypes.any,
 
@@ -240,7 +240,21 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
    * @default 1
    */
   minutesStep: PropTypes.number,
+
+  /**
+   * Callback fired when the value changes.
+   * @template TValue, TError
+   * @param {TValue} value The new value.
+   * @param {FieldChangeHandlerContext<TError>} The context containing the validation result of the current value.
+   */
   onChange: PropTypes.func,
+
+  /**
+   * Callback fired when the error associated to the current value changes.
+   * @template TValue, TError
+   * @param {TError} error The new error.
+   * @param {TValue} value The value associated to the error.
+   */
   onError: PropTypes.func,
 
   /**
@@ -265,7 +279,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['day', 'hour', 'meridiem', 'minute', 'month', 'second', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),
@@ -280,13 +294,17 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   shouldDisableDate: PropTypes.func,
 
   /**
-   * Dynamically check if time is disabled or not.
-   * If returns `false` appropriate time point will ot be acceptable.
+   * Disable specific time.
    * @param {number} timeValue The value to check.
    * @param {ClockPickerView} view The clock type of the timeValue.
-   * @returns {boolean} Returns `true` if the time should be disabled
+   * @returns {boolean} If `true` the time will be disabled.
    */
   shouldDisableTime: PropTypes.func,
+
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
   value: PropTypes.arrayOf(PropTypes.any)
 } : void 0;
 export { MultiInputDateTimeRangeField };

package/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -171,7 +171,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
   defaultValue: PropTypes.arrayOf(PropTypes.any),
 
   /**
-   * If `true` disable values before the current time
+   * If `true` disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disableFuture: PropTypes.bool,
@@ -183,7 +183,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.bool,
 
   /**
-   * If `true` disable values after the current time.
+   * If `true` disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
   disablePast: PropTypes.bool,
@@ -194,14 +194,14 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
   format: PropTypes.string,
 
   /**
-   * Max time acceptable time.
-   * For input validation date part of passed object will be ignored if `disableIgnoringDatePartForTimeValidation` not specified.
+   * Maximal selectable time.
+   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
   maxTime: PropTypes.any,
 
   /**
-   * Min time acceptable time.
-   * For input validation date part of passed object will be ignored if `disableIgnoringDatePartForTimeValidation` not specified.
+   * Minimal selectable time.
+   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
   minTime: PropTypes.any,
 
@@ -210,7 +210,21 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
    * @default 1
    */
   minutesStep: PropTypes.number,
+
+  /**
+   * Callback fired when the value changes.
+   * @template TValue, TError
+   * @param {TValue} value The new value.
+   * @param {FieldChangeHandlerContext<TError>} The context containing the validation result of the current value.
+   */
   onChange: PropTypes.func,
+
+  /**
+   * Callback fired when the error associated to the current value changes.
+   * @template TValue, TError
+   * @param {TError} error The new error.
+   * @param {TValue} value The value associated to the error.
+   */
   onError: PropTypes.func,
 
   /**
@@ -235,19 +249,23 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['day', 'hour', 'meridiem', 'minute', 'month', 'second', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),
 
   /**
-   * Dynamically check if time is disabled or not.
-   * If returns `false` appropriate time point will ot be acceptable.
+   * Disable specific time.
    * @param {number} timeValue The value to check.
    * @param {ClockPickerView} view The clock type of the timeValue.
-   * @returns {boolean} Returns `true` if the time should be disabled
+   * @returns {boolean} If `true` the time will be disabled.
    */
   shouldDisableTime: PropTypes.func,
+
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
   value: PropTypes.arrayOf(PropTypes.any)
 } : void 0;
 export { MultiInputTimeRangeField };