@mui/x-date-pickers 7.22.3 → 8.0.0-alpha.1

package/node/locales/zhCN.js

@@ -37,7 +37,7 @@ const zhCNPickers = {
   timePickerToolbarTitle: '选择时间',
   dateRangePickerToolbarTitle: '选择时间范围',
   // Clock labels
-  clockLabelText: (view, time, utils, formattedTime) => `选择 ${views[view]}. ${!formattedTime && (time === null || !utils.isValid(time)) ? '未选择时间' : `已选择${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, formattedTime) => `选择 ${views[view]}. ${!formattedTime ? '未选择时间' : `已选择${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours}小时`,
   minutesClockNumberText: minutes => `${minutes}分钟`,
   secondsClockNumberText: seconds => `${seconds}秒`,
@@ -49,8 +49,8 @@ const zhCNPickers = {
   calendarWeekNumberAriaLabelText: weekNumber => `第${weekNumber}周`,
   calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // Open picker labels
-  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `选择日期，已选择${formattedDate ?? utils.format(value, 'fullDate')}` : '选择日期',
-  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `选择时间，已选择${formattedTime ?? utils.format(value, 'fullTime')}` : '选择时间',
+  openDatePickerDialogue: formattedDate => formattedDate ? `选择日期，已选择${formattedDate}` : '选择日期',
+  openTimePickerDialogue: formattedTime => formattedTime ? `选择时间，已选择${formattedTime}` : '选择时间',
   fieldClearLabel: '清除',
   // Table labels
   timeTableLabel: '选择时间',

package/node/locales/zhHK.js

@@ -37,7 +37,7 @@ const zhHKPickers = {
   timePickerToolbarTitle: '選擇時間',
   dateRangePickerToolbarTitle: '選擇時間範圍',
   // Clock labels
-  clockLabelText: (view, time, utils, formattedTime) => `選擇 ${views[view]}. ${!formattedTime && (time === null || !utils.isValid(time)) ? '未選擇時間' : `已選擇${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, formattedTime) => `選擇 ${views[view]}. ${!formattedTime ? '未選擇時間' : `已選擇${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours}小時`,
   minutesClockNumberText: minutes => `${minutes}分鐘`,
   secondsClockNumberText: seconds => `${seconds}秒`,
@@ -49,8 +49,8 @@ const zhHKPickers = {
   calendarWeekNumberAriaLabelText: weekNumber => `第${weekNumber}週`,
   calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // Open picker labels
-  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `選擇日期，已選擇${formattedDate ?? utils.format(value, 'fullDate')}` : '選擇日期',
-  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `選擇時間，已選擇${formattedTime ?? utils.format(value, 'fullTime')}` : '選擇時間',
+  openDatePickerDialogue: formattedDate => formattedDate ? `選擇日期，已選擇${formattedDate}` : '選擇日期',
+  openTimePickerDialogue: formattedTime => formattedTime ? `選擇時間，已選擇${formattedTime}` : '選擇時間',
   fieldClearLabel: '清除',
   // Table labels
   timeTableLabel: '選擇時間',

package/node/validation/useValidation.js

@@ -12,13 +12,12 @@ var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallb
 var _useUtils = require("../internals/hooks/useUtils");
 /**
  * Utility hook to check if a given value is valid based on the provided validation props.
- * @template TDate
  * @template TValue The value type. It will be either 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 {UseValidationOptions<TValue, TDate, TError, TValidationProps>} options The options to configure the hook.
+ * @param {UseValidationOptions<TValue, TError, TValidationProps>} options The options to configure the hook.
  * @param {TValue} options.value The value to validate.
  * @param {PickersTimezone} options.timezone The timezone to use for the validation.
- * @param {Validator<TValue, TDate, TError, TValidationProps>} options.validator The validator function to use.
+ * @param {Validator<TValue, TError, TValidationProps>} options.validator The validator function to use.
  * @param {TValidationProps} options.props The validation props, they differ depending on the component.
  * @param {(error: TError, value: TValue) => void} options.onError Callback fired when the error associated with the current value changes.
  */

package/node/validation/validateDate.js

@@ -6,6 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.validateDate = void 0;
 var _dateUtils = require("../internals/utils/date-utils");
 var _valueManagers = require("../internals/utils/valueManagers");
+/**
+ * Validation props used by the Date Picker, Date Field and Date Calendar components.
+ */
+
 const validateDate = ({
   props,
   value,

package/node/validation/validateDateTime.js

@@ -7,6 +7,10 @@ exports.validateDateTime = void 0;
 var _validateDate = require("./validateDate");
 var _validateTime = require("./validateTime");
 var _valueManagers = require("../internals/utils/valueManagers");
+/**
+ * Validation props used by the Date Time Picker and Date Time Field components.
+ */
+
 const validateDateTime = ({
   adapter,
   value,

package/node/validation/validateTime.js

@@ -6,6 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.validateTime = void 0;
 var _timeUtils = require("../internals/utils/time-utils");
 var _valueManagers = require("../internals/utils/valueManagers");
+/**
+ * Validation props used by the Time Picker, Time Field and Clock components.
+ */
+
 const validateTime = ({
   adapter,
   value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.22.3",
+  "version": "8.0.0-alpha.1",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,13 +35,13 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.7",
+    "@babel/runtime": "^7.26.0",
     "@mui/utils": "^5.16.6 || ^6.0.0",
     "@types/react-transition-group": "^4.4.11",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "7.21.0"
+    "@mui/x-internals": "8.0.0-alpha.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -55,8 +55,8 @@
     "moment": "^2.29.4",
     "moment-hijri": "^2.1.2 || ^3.0.0",
     "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@emotion/react": {

package/themeAugmentation/props.d.ts

@@ -17,7 +17,7 @@ import { PickerPopperProps } from '../internals/components/PickersPopper';
 import { PickersToolbarProps } from '../internals/components/PickersToolbar';
 import { PickersToolbarButtonProps } from '../internals/components/PickersToolbarButton';
 import { ExportedPickersToolbarTextProps } from '../internals/components/PickersToolbarText';
-import { DateOrTimeView, PickerValidDate } from '../models';
+import { DateOrTimeView } from '../models';
 
 import { DatePickerProps } from '../DatePicker';
 import { ExportedDatePickerToolbarProps } from '../DatePicker/DatePickerToolbar';
@@ -54,25 +54,25 @@ import {
 import { PickersSectionListProps } from '../PickersSectionList';
 
 export interface PickersComponentsPropsList {
-  MuiClock: ClockProps<PickerValidDate>;
+  MuiClock: ClockProps;
   MuiClockNumber: ClockNumberProps;
   MuiClockPointer: ClockPointerProps;
-  MuiDateCalendar: DateCalendarProps<PickerValidDate>;
-  MuiDateField: DateFieldProps<PickerValidDate, any>;
+  MuiDateCalendar: DateCalendarProps;
+  MuiDateField: DateFieldProps<any>;
   MuiDatePickerToolbar: ExportedDatePickerToolbarProps;
-  MuiDateTimeField: DateTimeFieldProps<PickerValidDate, any>;
+  MuiDateTimeField: DateTimeFieldProps<any>;
   MuiDateTimePickerTabs: DateTimePickerTabsProps;
   MuiDateTimePickerToolbar: ExportedDateTimePickerToolbarProps;
-  MuiDayCalendar: DayCalendarProps<PickerValidDate>;
+  MuiDayCalendar: DayCalendarProps;
   MuiDayCalendarSkeleton: DayCalendarSkeletonProps;
-  MuiDigitalClock: ExportedDigitalClockProps<PickerValidDate>;
-  MuiLocalizationProvider: LocalizationProviderProps<PickerValidDate, unknown>;
-  MuiMonthCalendar: MonthCalendarProps<PickerValidDate>;
-  MuiMultiSectionDigitalClock: MultiSectionDigitalClockProps<PickerValidDate>;
+  MuiDigitalClock: ExportedDigitalClockProps;
+  MuiLocalizationProvider: LocalizationProviderProps<unknown>;
+  MuiMonthCalendar: MonthCalendarProps;
+  MuiMultiSectionDigitalClock: MultiSectionDigitalClockProps;
   MuiMultiSectionDigitalClockSection: ExportedMultiSectionDigitalClockSectionProps;
   MuiPickersArrowSwitcher: ExportedPickersArrowSwitcherProps;
-  MuiPickersCalendarHeader: ExportedPickersCalendarHeaderProps<PickerValidDate>;
-  MuiPickersDay: PickersDayProps<PickerValidDate>;
+  MuiPickersCalendarHeader: ExportedPickersCalendarHeaderProps;
+  MuiPickersDay: PickersDayProps;
   MuiPickersFadeTransitionGroup: PickersFadeTransitionGroupProps;
   MuiPickersMonth: ExportedPickersMonthProps;
   MuiPickersPopper: PickerPopperProps;
@@ -80,30 +80,30 @@ export interface PickersComponentsPropsList {
   MuiPickersToolbar: PickersToolbarProps<unknown, DateOrTimeView>;
   MuiPickersToolbarButton: PickersToolbarButtonProps;
   MuiPickersToolbarText: ExportedPickersToolbarTextProps;
-  MuiPickersLayout: PickersLayoutProps<unknown, PickerValidDate, DateOrTimeView>;
+  MuiPickersLayout: PickersLayoutProps<unknown, DateOrTimeView>;
   MuiPickersYear: ExportedPickersYearProps;
-  MuiTimeClock: TimeClockProps<PickerValidDate>;
-  MuiTimeField: TimeFieldProps<PickerValidDate, any>;
+  MuiTimeClock: TimeClockProps;
+  MuiTimeField: TimeFieldProps<any>;
   MuiTimePickerToolbar: ExportedTimePickerToolbarProps;
-  MuiYearCalendar: YearCalendarProps<PickerValidDate>;
+  MuiYearCalendar: YearCalendarProps;
 
   // Date Pickers
-  MuiDatePicker: DatePickerProps<PickerValidDate>;
-  MuiDesktopDatePicker: DesktopDatePickerProps<PickerValidDate>;
-  MuiMobileDatePicker: MobileDatePickerProps<PickerValidDate>;
-  MuiStaticDatePicker: StaticDatePickerProps<PickerValidDate>;
+  MuiDatePicker: DatePickerProps;
+  MuiDesktopDatePicker: DesktopDatePickerProps;
+  MuiMobileDatePicker: MobileDatePickerProps;
+  MuiStaticDatePicker: StaticDatePickerProps;
 
   // Time Pickers
-  MuiTimePicker: TimePickerProps<PickerValidDate>;
-  MuiDesktopTimePicker: DesktopTimePickerProps<PickerValidDate>;
-  MuiMobileTimePicker: MobileTimePickerProps<PickerValidDate>;
-  MuiStaticTimePicker: StaticTimePickerProps<PickerValidDate>;
+  MuiTimePicker: TimePickerProps;
+  MuiDesktopTimePicker: DesktopTimePickerProps;
+  MuiMobileTimePicker: MobileTimePickerProps;
+  MuiStaticTimePicker: StaticTimePickerProps;
 
   // Date Time Pickers
-  MuiDateTimePicker: DateTimePickerProps<PickerValidDate>;
-  MuiDesktopDateTimePicker: DesktopDateTimePickerProps<PickerValidDate>;
-  MuiMobileDateTimePicker: MobileDateTimePickerProps<PickerValidDate>;
-  MuiStaticDateTimePicker: StaticDateTimePickerProps<PickerValidDate>;
+  MuiDateTimePicker: DateTimePickerProps;
+  MuiDesktopDateTimePicker: DesktopDateTimePickerProps;
+  MuiMobileDateTimePicker: MobileDateTimePickerProps;
+  MuiStaticDateTimePicker: StaticDateTimePickerProps;
 
   // V7 Picker's TextField
   MuiPickersTextField: PickersTextFieldProps;

package/timeViewRenderers/timeViewRenderers.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import { TimeClockProps } from '../TimeClock';
-import { PickerValidDate, TimeView } from '../models';
+import { TimeView } from '../models';
 import { DigitalClockProps } from '../DigitalClock';
-import { BaseClockProps } from '../internals/models/props/clock';
+import { BaseClockProps } from '../internals/models/props/time';
 import { MultiSectionDigitalClockProps } from '../MultiSectionDigitalClock';
 import { TimeViewWithMeridiem } from '../internals/models';
 import type { TimePickerProps } from '../TimePicker/TimePicker.types';
-export type TimeViewRendererProps<TView extends TimeViewWithMeridiem, TComponentProps extends BaseClockProps<any, TView>> = Omit<TComponentProps, 'views' | 'openTo' | 'view' | 'onViewChange'> & {
+export type TimeViewRendererProps<TView extends TimeViewWithMeridiem, TComponentProps extends BaseClockProps<TView>> = Omit<TComponentProps, 'views' | 'openTo' | 'view' | 'onViewChange'> & {
     view: TView;
     onViewChange?: (view: TView) => void;
     views: readonly TView[];
 };
-export declare const renderTimeViewClock: <TDate extends PickerValidDate>({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, minutesStep, ampm, ampmInClock, slots, slotProps, readOnly, disabled, sx, autoFocus, showViewSwitcher, disableIgnoringDatePartForTimeValidation, timezone, }: TimeViewRendererProps<TimeView, TimeClockProps<TDate, TimeView>>) => React.JSX.Element;
-export declare const renderDigitalClockTimeView: <TDate extends PickerValidDate>({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, minutesStep, ampm, slots, slotProps, readOnly, disabled, sx, autoFocus, disableIgnoringDatePartForTimeValidation, timeSteps, skipDisabled, timezone, }: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps<TDate>, "timeStep"> & Pick<TimePickerProps<TDate>, "timeSteps">>) => React.JSX.Element;
-export declare const renderMultiSectionDigitalClockTimeView: <TDate extends PickerValidDate>({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, minutesStep, ampm, slots, slotProps, readOnly, disabled, sx, autoFocus, disableIgnoringDatePartForTimeValidation, timeSteps, skipDisabled, timezone, }: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps<TDate>>) => React.JSX.Element;
+export declare const renderTimeViewClock: ({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, minutesStep, ampm, ampmInClock, slots, slotProps, readOnly, disabled, sx, autoFocus, showViewSwitcher, disableIgnoringDatePartForTimeValidation, timezone, }: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => React.JSX.Element;
+export declare const renderDigitalClockTimeView: ({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, minutesStep, ampm, slots, slotProps, readOnly, disabled, sx, autoFocus, disableIgnoringDatePartForTimeValidation, timeSteps, skipDisabled, timezone, }: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => React.JSX.Element;
+export declare const renderMultiSectionDigitalClockTimeView: ({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, minutesStep, ampm, slots, slotProps, readOnly, disabled, sx, autoFocus, disableIgnoringDatePartForTimeValidation, timeSteps, skipDisabled, timezone, }: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => React.JSX.Element;

package/validation/extractValidationProps.d.ts

@@ -1,11 +1,11 @@
 import { BaseDateValidationProps, BaseTimeValidationProps, DateTimeValidationProps, DayValidationProps, MonthValidationProps, TimeValidationProps, YearValidationProps } from '../internals/models/validation';
-export declare const DATE_VALIDATION_PROP_NAMES: (keyof BaseDateValidationProps<any> | keyof YearValidationProps<any> | keyof MonthValidationProps<any> | keyof DayValidationProps<any>)[];
-export declare const TIME_VALIDATION_PROP_NAMES: (keyof BaseTimeValidationProps | keyof TimeValidationProps<any> | 'ampm')[];
-export declare const DATE_TIME_VALIDATION_PROP_NAMES: (keyof DateTimeValidationProps<any>)[];
+export declare const DATE_VALIDATION_PROP_NAMES: (keyof BaseDateValidationProps | keyof YearValidationProps | keyof MonthValidationProps | keyof DayValidationProps)[];
+export declare const TIME_VALIDATION_PROP_NAMES: (keyof BaseTimeValidationProps | keyof TimeValidationProps | 'ampm')[];
+export declare const DATE_TIME_VALIDATION_PROP_NAMES: (keyof DateTimeValidationProps)[];
 /**
  * Extract the validation props for the props received by a component.
  * Limit the risk of forgetting some of them and reduce the bundle size.
  */
 export declare const extractValidationProps: <Props extends {
     [key: string]: any;
-}>(props: Props) => Pick<Props, "minDate" | "maxDate" | "ampm" | "disableFuture" | "disablePast" | "minutesStep" | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "minTime" | "maxTime" | "shouldDisableTime" | "disableIgnoringDatePartForTimeValidation" | "minDateTime" | "maxDateTime">;
+}>(props: Props) => Pick<Props, "ampm" | "disableFuture" | "disablePast" | "maxDate" | "minDate" | "minutesStep" | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "minTime" | "maxTime" | "shouldDisableTime" | "disableIgnoringDatePartForTimeValidation" | "minDateTime" | "maxDateTime">;

package/validation/useValidation.d.ts

@@ -1,16 +1,16 @@
 import { MuiPickersAdapterContextValue } from '../LocalizationProvider/LocalizationProvider';
-import { OnErrorProps, PickersTimezone, PickerValidDate } from '../models';
+import { OnErrorProps, PickersTimezone } from '../models';
 import type { PickerValueManager } from '../internals/hooks/usePicker';
-export type Validator<TValue, TDate extends PickerValidDate, TError, TValidationProps> = {
+export type Validator<TValue, TError, TValidationProps> = {
     (params: {
-        adapter: MuiPickersAdapterContextValue<TDate>;
+        adapter: MuiPickersAdapterContextValue;
         value: TValue;
         timezone: PickersTimezone;
         props: TValidationProps;
     }): TError;
-    valueManager: PickerValueManager<TValue, TDate, any>;
+    valueManager: PickerValueManager<TValue, any>;
 };
-interface UseValidationOptions<TValue, TDate extends PickerValidDate, TError, TValidationProps extends {}> extends OnErrorProps<TValue, TError> {
+interface UseValidationOptions<TValue, TError, TValidationProps extends {}> extends OnErrorProps<TValue, TError> {
     /**
      * The value to validate.
      */
@@ -25,7 +25,7 @@ interface UseValidationOptions<TValue, TDate extends PickerValidDate, TError, TV
      * It is recommended to only use the validator exported by the MUI X packages,
      * otherwise you may have inconsistent behaviors between the field and the views.
      */
-    validator: Validator<TValue, TDate, TError, TValidationProps>;
+    validator: Validator<TValue, TError, TValidationProps>;
     /**
      * The validation props, they differ depending on the component.
      * For example, the `validateTime` function supports `minTime`, `maxTime`, etc.
@@ -54,15 +54,14 @@ interface UseValidationReturnValue<TValue, TError> {
 }
 /**
  * Utility hook to check if a given value is valid based on the provided validation props.
- * @template TDate
  * @template TValue The value type. It will be either 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 {UseValidationOptions<TValue, TDate, TError, TValidationProps>} options The options to configure the hook.
+ * @param {UseValidationOptions<TValue, TError, TValidationProps>} options The options to configure the hook.
  * @param {TValue} options.value The value to validate.
  * @param {PickersTimezone} options.timezone The timezone to use for the validation.
- * @param {Validator<TValue, TDate, TError, TValidationProps>} options.validator The validator function to use.
+ * @param {Validator<TValue, TError, TValidationProps>} options.validator The validator function to use.
  * @param {TValidationProps} options.props The validation props, they differ depending on the component.
  * @param {(error: TError, value: TValue) => void} options.onError Callback fired when the error associated with the current value changes.
  */
-export declare function useValidation<TValue, TDate extends PickerValidDate, TError, TValidationProps extends {}>(options: UseValidationOptions<TValue, TDate, TError, TValidationProps>): UseValidationReturnValue<TValue, TError>;
+export declare function useValidation<TValue, TError, TValidationProps extends {}>(options: UseValidationOptions<TValue, TError, TValidationProps>): UseValidationReturnValue<TValue, TError>;
 export {};

package/validation/useValidation.js

@@ -5,13 +5,12 @@ import useEventCallback from '@mui/utils/useEventCallback';
 import { useLocalizationContext } from "../internals/hooks/useUtils.js";
 /**
  * Utility hook to check if a given value is valid based on the provided validation props.
- * @template TDate
  * @template TValue The value type. It will be either 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 {UseValidationOptions<TValue, TDate, TError, TValidationProps>} options The options to configure the hook.
+ * @param {UseValidationOptions<TValue, TError, TValidationProps>} options The options to configure the hook.
  * @param {TValue} options.value The value to validate.
  * @param {PickersTimezone} options.timezone The timezone to use for the validation.
- * @param {Validator<TValue, TDate, TError, TValidationProps>} options.validator The validator function to use.
+ * @param {Validator<TValue, TError, TValidationProps>} options.validator The validator function to use.
  * @param {TValidationProps} options.props The validation props, they differ depending on the component.
  * @param {(error: TError, value: TValue) => void} options.onError Callback fired when the error associated with the current value changes.
  */

package/validation/validateDate.d.ts

@@ -1,6 +1,11 @@
 import { Validator } from './useValidation';
 import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../internals/models/validation';
 import { DateValidationError, PickerValidDate } from '../models';
-export interface ValidateDateProps<TDate extends PickerValidDate> extends DayValidationProps<TDate>, MonthValidationProps<TDate>, YearValidationProps<TDate>, Required<BaseDateValidationProps<TDate>> {
+/**
+ * Validation props used by the Date Picker, Date Field and Date Calendar components.
+ */
+export interface ExportedValidateDateProps extends DayValidationProps, MonthValidationProps, YearValidationProps, BaseDateValidationProps {
 }
-export declare const validateDate: Validator<any | null, any, DateValidationError, ValidateDateProps<any>>;
+export interface ValidateDateProps extends DayValidationProps, MonthValidationProps, YearValidationProps, Required<BaseDateValidationProps> {
+}
+export declare const validateDate: Validator<PickerValidDate | null, DateValidationError, ValidateDateProps>;

package/validation/validateDate.js

@@ -1,5 +1,10 @@
 import { applyDefaultDate } from "../internals/utils/date-utils.js";
 import { singleItemValueManager } from "../internals/utils/valueManagers.js";
+
+/**
+ * Validation props used by the Date Picker, Date Field and Date Calendar components.
+ */
+
 export const validateDate = ({
   props,
   value,

package/validation/validateDateTime.d.ts

@@ -1,7 +1,13 @@
 import { Validator } from './useValidation';
-import { ValidateDateProps } from './validateDate';
-import { ValidateTimeProps } from './validateTime';
+import { ExportedValidateDateProps, ValidateDateProps } from './validateDate';
+import { ExportedValidateTimeProps, ValidateTimeProps } from './validateTime';
 import { DateTimeValidationError, PickerValidDate } from '../models';
-export interface ValidateDateTimeProps<TDate extends PickerValidDate> extends ValidateDateProps<TDate>, ValidateTimeProps<TDate> {
+import { DateTimeValidationProps } from '../internals/models/validation';
+/**
+ * Validation props used by the Date Time Picker and Date Time Field components.
+ */
+export interface ExportedValidateDateTimeProps extends ExportedValidateDateProps, ExportedValidateTimeProps, DateTimeValidationProps {
 }
-export declare const validateDateTime: Validator<any | null, any, DateTimeValidationError, ValidateDateTimeProps<any>>;
+export interface ValidateDateTimeProps extends ValidateDateProps, ValidateTimeProps {
+}
+export declare const validateDateTime: Validator<PickerValidDate | null, DateTimeValidationError, ValidateDateTimeProps>;

package/validation/validateDateTime.js

@@ -1,6 +1,11 @@
 import { validateDate } from "./validateDate.js";
 import { validateTime } from "./validateTime.js";
 import { singleItemValueManager } from "../internals/utils/valueManagers.js";
+
+/**
+ * Validation props used by the Date Time Picker and Date Time Field components.
+ */
+
 export const validateDateTime = ({
   adapter,
   value,

package/validation/validateTime.d.ts

@@ -1,6 +1,11 @@
 import { Validator } from './useValidation';
 import { BaseTimeValidationProps, TimeValidationProps } from '../internals/models/validation';
 import { PickerValidDate, TimeValidationError } from '../models';
-export interface ValidateTimeProps<TDate extends PickerValidDate> extends Required<BaseTimeValidationProps>, TimeValidationProps<TDate> {
+/**
+ * Validation props used by the Time Picker, Time Field and Clock components.
+ */
+export interface ExportedValidateTimeProps extends BaseTimeValidationProps, TimeValidationProps {
 }
-export declare const validateTime: Validator<any | null, any, TimeValidationError, ValidateTimeProps<any>>;
+export interface ValidateTimeProps extends Required<BaseTimeValidationProps>, TimeValidationProps {
+}
+export declare const validateTime: Validator<PickerValidDate | null, TimeValidationError, ValidateTimeProps>;

package/validation/validateTime.js

@@ -1,5 +1,10 @@
 import { createIsAfterIgnoreDatePart } from "../internals/utils/time-utils.js";
 import { singleItemValueManager } from "../internals/utils/valueManagers.js";
+
+/**
+ * Validation props used by the Time Picker, Time Field and Clock components.
+ */
+
 export const validateTime = ({
   adapter,
   value,

package/hooks/usePickersContext.d.ts

@@ -1,4 +0,0 @@
-/**
- * Returns the context passed by the picker that wraps the current component.
- */
-export declare const usePickersContext: () => import("../internals/components/PickersProvider").PickersContextValue;

package/hooks/usePickersContext.js

@@ -1,15 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { PickersContext } from "../internals/components/PickersProvider.js";
-
-/**
- * Returns the context passed by the picker that wraps the current component.
- */
-export const usePickersContext = () => {
-  const value = React.useContext(PickersContext);
-  if (value == null) {
-    throw new Error(['MUI X: The `usePickersContext` can only be called in fields that are used as a slot of a picker component'].join('\n'));
-  }
-  return value;
-};

package/hooks/usePickersTranslations.d.ts

@@ -1,2 +0,0 @@
-import { PickerValidDate } from '../models';
-export declare const usePickersTranslations: <TDate extends PickerValidDate>() => import("..").PickersLocaleText<TDate>;

package/internals/components/PickersProvider.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { PickerValidDate } from '../../models';
-import { PickersInputLocaleText } from '../../locales';
-export declare const PickersContext: React.Context<PickersContextValue | null>;
-/**
- * Provides the context for the various parts of a picker component:
- * - contextValue: the context for the picker sub-components.
- * - localizationProvider: the translations passed through the props and through a parent LocalizationProvider.
- *
- * @ignore - do not document.
- */
-export declare function PickersProvider<TDate extends PickerValidDate>(props: PickersFieldProviderProps<TDate>): React.JSX.Element;
-interface PickersFieldProviderProps<TDate extends PickerValidDate> {
-    contextValue: PickersContextValue;
-    localeText: PickersInputLocaleText<TDate> | undefined;
-    children: React.ReactNode;
-}
-export interface PickersContextValue {
-    /**
-     * Open the picker.
-     * @param {React.UIEvent} event The DOM event that triggered the change.
-     */
-    onOpen: (event: React.UIEvent) => void;
-    /**
-     * Close the picker.
-     * @param {React.UIEvent} event The DOM event that triggered the change.
-     */
-    onClose: (event: React.UIEvent) => void;
-    /**
-     * `true` if the picker is open, `false` otherwise.
-     */
-    open: boolean;
-}
-export {};

package/internals/components/PickersProvider.js

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { LocalizationProvider } from "../../LocalizationProvider/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const PickersContext = /*#__PURE__*/React.createContext(null);
-
-/**
- * Provides the context for the various parts of a picker component:
- * - contextValue: the context for the picker sub-components.
- * - localizationProvider: the translations passed through the props and through a parent LocalizationProvider.
- *
- * @ignore - do not document.
- */
-export function PickersProvider(props) {
-  const {
-    contextValue,
-    localeText,
-    children
-  } = props;
-  return /*#__PURE__*/_jsx(PickersContext.Provider, {
-    value: contextValue,
-    children: /*#__PURE__*/_jsx(LocalizationProvider, {
-      localeText: localeText,
-      children: children
-    })
-  });
-}

package/internals/hooks/usePicker/usePickerOwnerState.d.ts

@@ -1,9 +0,0 @@
-import { FieldSection, PickerOwnerState } from '../../../models';
-import type { UsePickerProps } from './usePicker.types';
-import { UsePickerValueResponse } from './usePickerValue.types';
-interface UsePickerOwnerStateParameters<TValue> {
-    props: UsePickerProps<TValue, any, any, any, any, any>;
-    pickerValueResponse: UsePickerValueResponse<TValue, FieldSection, any>;
-}
-export declare function usePickerOwnerState<TValue>(parameters: UsePickerOwnerStateParameters<TValue>): PickerOwnerState<TValue>;
-export {};

package/internals/hooks/usePicker/usePickerOwnerState.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export function usePickerOwnerState(parameters) {
-  const {
-    props,
-    pickerValueResponse
-  } = parameters;
-  return React.useMemo(() => ({
-    value: pickerValueResponse.viewProps.value,
-    open: pickerValueResponse.open,
-    disabled: props.disabled ?? false,
-    readOnly: props.readOnly ?? false
-  }), [pickerValueResponse.viewProps.value, pickerValueResponse.open, props.disabled, props.readOnly]);
-}

package/modern/hooks/usePickersContext.js

@@ -1,15 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { PickersContext } from "../internals/components/PickersProvider.js";
-
-/**
- * Returns the context passed by the picker that wraps the current component.
- */
-export const usePickersContext = () => {
-  const value = React.useContext(PickersContext);
-  if (value == null) {
-    throw new Error(['MUI X: The `usePickersContext` can only be called in fields that are used as a slot of a picker component'].join('\n'));
-  }
-  return value;
-};

package/modern/internals/components/PickersProvider.js

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { LocalizationProvider } from "../../LocalizationProvider/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const PickersContext = /*#__PURE__*/React.createContext(null);
-
-/**
- * Provides the context for the various parts of a picker component:
- * - contextValue: the context for the picker sub-components.
- * - localizationProvider: the translations passed through the props and through a parent LocalizationProvider.
- *
- * @ignore - do not document.
- */
-export function PickersProvider(props) {
-  const {
-    contextValue,
-    localeText,
-    children
-  } = props;
-  return /*#__PURE__*/_jsx(PickersContext.Provider, {
-    value: contextValue,
-    children: /*#__PURE__*/_jsx(LocalizationProvider, {
-      localeText: localeText,
-      children: children
-    })
-  });
-}

package/modern/internals/hooks/usePicker/usePickerOwnerState.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export function usePickerOwnerState(parameters) {
-  const {
-    props,
-    pickerValueResponse
-  } = parameters;
-  return React.useMemo(() => ({
-    value: pickerValueResponse.viewProps.value,
-    open: pickerValueResponse.open,
-    disabled: props.disabled ?? false,
-    readOnly: props.readOnly ?? false
-  }), [pickerValueResponse.viewProps.value, pickerValueResponse.open, props.disabled, props.readOnly]);
-}

package/node/hooks/usePickersContext.js

@@ -1,21 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePickersContext = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _PickersProvider = require("../internals/components/PickersProvider");
-/**
- * Returns the context passed by the picker that wraps the current component.
- */
-const usePickersContext = () => {
-  const value = React.useContext(_PickersProvider.PickersContext);
-  if (value == null) {
-    throw new Error(['MUI X: The `usePickersContext` can only be called in fields that are used as a slot of a picker component'].join('\n'));
-  }
-  return value;
-};
-exports.usePickersContext = usePickersContext;