@mui/x-date-pickers 7.22.2 → 8.0.0-alpha.0

package/internals/models/props/{clock.d.ts → time.d.ts}

@@ -1,18 +1,21 @@
 import { SxProps, Theme } from '@mui/material/styles';
-import { BaseTimeValidationProps, TimeValidationProps } from '../validation';
 import { PickerValidDate, TimeStepOptions, TimezoneProps } from '../../../models';
 import type { ExportedDigitalClockProps } from '../../../DigitalClock/DigitalClock.types';
 import type { ExportedMultiSectionDigitalClockProps } from '../../../MultiSectionDigitalClock/MultiSectionDigitalClock.types';
 import type { ExportedUseViewsOptions } from '../../hooks/useViews';
 import { TimeViewWithMeridiem } from '../common';
-export interface ExportedBaseClockProps<TDate extends PickerValidDate> extends TimeValidationProps<TDate>, BaseTimeValidationProps, TimezoneProps {
+import { ExportedValidateTimeProps } from '../../../validation/validateTime';
+import { FormProps } from '../formProps';
+export interface AmPmProps {
     /**
      * 12h/24h view for hour selection clock.
      * @default utils.is12HourCycleInCurrentLocale()
      */
     ampm?: boolean;
 }
-export interface BaseClockProps<TDate extends PickerValidDate, TView extends TimeViewWithMeridiem> extends ExportedUseViewsOptions<TView>, ExportedBaseClockProps<TDate> {
+export interface ExportedBaseClockProps extends ExportedValidateTimeProps, TimezoneProps, AmPmProps {
+}
+export interface BaseClockProps<TView extends TimeViewWithMeridiem> extends ExportedUseViewsOptions<PickerValidDate | null, TView>, ExportedBaseClockProps, FormProps {
     className?: string;
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.
@@ -22,29 +25,19 @@ export interface BaseClockProps<TDate extends PickerValidDate, TView extends Tim
      * The selected value.
      * Used when the component is controlled.
      */
-    value?: TDate | null;
+    value?: PickerValidDate | null;
     /**
      * The default selected value.
      * Used when the component is not controlled.
      */
-    defaultValue?: TDate | null;
-    /**
-     * If `true`, the picker views and text field are disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the picker views and text field are read-only.
-     * @default false
-     */
-    readOnly?: boolean;
+    defaultValue?: PickerValidDate | null;
     /**
      * The date used to generate the new value when both `value` and `defaultValue` are empty.
      * @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
      */
-    referenceDate?: TDate;
+    referenceDate?: PickerValidDate;
 }
-export interface DesktopOnlyTimePickerProps<TDate extends PickerValidDate> extends Omit<ExportedDigitalClockProps<TDate>, 'timeStep'>, Omit<ExportedMultiSectionDigitalClockProps<TDate>, 'timeSteps'> {
+export interface DesktopOnlyTimePickerProps extends Omit<ExportedDigitalClockProps, 'timeStep'>, Omit<ExportedMultiSectionDigitalClockProps, 'timeSteps'> {
     /**
      * Amount of time options below or at which the single column time renderer is used.
      * @default 24

package/internals/models/props/toolbar.d.ts

@@ -2,7 +2,8 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
 import { DateOrTimeViewWithMeridiem } from '../common';
-export interface BaseToolbarProps<TValue, TView extends DateOrTimeViewWithMeridiem> extends ExportedBaseToolbarProps {
+import { FormProps } from '../formProps';
+export interface BaseToolbarProps<TValue, TView extends DateOrTimeViewWithMeridiem> extends ExportedBaseToolbarProps, FormProps {
     isLandscape: boolean;
     onChange: (newValue: TValue) => void;
     value: TValue;
@@ -20,8 +21,6 @@ export interface BaseToolbarProps<TValue, TView extends DateOrTimeViewWithMeridi
      * Available views.
      */
     views: readonly TView[];
-    disabled?: boolean;
-    readOnly?: boolean;
     titleId?: string;
 }
 export interface ExportedBaseToolbarProps {

package/internals/models/validation.d.ts

@@ -1,4 +1,4 @@
-import { PickerValidDate, TimeView } from '../../models';
+import type { PickerValidDate, TimeView } from '../../models';
 interface FutureAndPastValidationProps {
     /**
      * If `true`, disable values before the current date for date components, time for time components and both for date time components.
@@ -20,17 +20,17 @@ export interface BaseTimeValidationProps extends FutureAndPastValidationProps {
 /**
  * Props used to validate a time value.
  */
-export interface TimeValidationProps<TDate extends PickerValidDate> {
+export interface TimeValidationProps {
     /**
      * Minimal selectable time.
      * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
      */
-    minTime?: TDate;
+    minTime?: PickerValidDate;
     /**
      * Maximal selectable time.
      * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
      */
-    maxTime?: TDate;
+    maxTime?: PickerValidDate;
     /**
      * Step over minutes.
      * @default 1
@@ -38,12 +38,11 @@ export interface TimeValidationProps<TDate extends PickerValidDate> {
     minutesStep?: number;
     /**
      * Disable specific time.
-     * @template TDate
-     * @param {TDate} value The value to check.
+     * @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?: (value: TDate, view: TimeView) => boolean;
+    shouldDisableTime?: (value: PickerValidDate, view: TimeView) => boolean;
     /**
      * Do not ignore date part when validating min/max time.
      * @default false
@@ -54,68 +53,65 @@ export interface TimeValidationProps<TDate extends PickerValidDate> {
  * Validation props common to all the date views.
  * All these props have a default value when used inside a field / picker / calendar.
  */
-export interface BaseDateValidationProps<TDate extends PickerValidDate> extends FutureAndPastValidationProps {
+export interface BaseDateValidationProps extends FutureAndPastValidationProps {
     /**
      * Maximal selectable date.
      * @default 2099-12-31
      */
-    maxDate?: TDate;
+    maxDate?: PickerValidDate;
     /**
      * Minimal selectable date.
      * @default 1900-01-01
      */
-    minDate?: TDate;
+    minDate?: PickerValidDate;
 }
 /**
  * Props used to validate a date value (validates day + month + year).
  */
-export interface DayValidationProps<TDate extends PickerValidDate> {
+export interface DayValidationProps {
     /**
      * Disable specific date.
      *
      * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
      *
-     * @template TDate
-     * @param {TDate} day The date to test.
+     * @param {PickerValidDate} day The date to test.
      * @returns {boolean} If `true` the date will be disabled.
      */
-    shouldDisableDate?: (day: TDate) => boolean;
+    shouldDisableDate?: (day: PickerValidDate) => boolean;
 }
 /**
  * Props used to validate a month value
  */
-export interface MonthValidationProps<TDate extends PickerValidDate> {
+export interface MonthValidationProps {
     /**
      * Disable specific month.
-     * @template TDate
-     * @param {TDate} month The month to test.
+     * @param {PickerValidDate} month The month to test.
      * @returns {boolean} If `true`, the month will be disabled.
      */
-    shouldDisableMonth?: (month: TDate) => boolean;
+    shouldDisableMonth?: (month: PickerValidDate) => boolean;
 }
 /**
  * Props used to validate a year value
  */
-export interface YearValidationProps<TDate extends PickerValidDate> {
+export interface YearValidationProps {
     /**
      * Disable specific year.
-     * @template TDate
-     * @param {TDate} year The year to test.
+     * @param {PickerValidDate} year The year to test.
      * @returns {boolean} If `true`, the year will be disabled.
      */
-    shouldDisableYear?: (year: TDate) => boolean;
+    shouldDisableYear?: (year: PickerValidDate) => boolean;
 }
 /**
  * Props used to validate a date time value.
  */
-export interface DateTimeValidationProps<TDate extends PickerValidDate> {
+export interface DateTimeValidationProps {
     /**
      * Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
      */
-    minDateTime?: TDate;
+    minDateTime?: PickerValidDate;
     /**
      * Maximal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
      */
-    maxDateTime?: TDate;
+    maxDateTime?: PickerValidDate;
 }
 export {};

package/internals/models/value.d.ts

@@ -0,0 +1,3 @@
+import { PickerValidDate } from '../../models/pickers';
+export type PickerValue = PickerValidDate | null;
+export type PickerRangeValue = [PickerValidDate | null, PickerValidDate | null];

package/internals/models/value.js

@@ -0,0 +1 @@
+export {};

package/internals/utils/date-time-utils.d.ts

@@ -1,17 +1,17 @@
-import { DateOrTimeView, MuiPickersAdapter, PickerValidDate } from '../../models';
+import { DefaultizedProps } from '@mui/x-internals/types';
+import { DateOrTimeView, MuiPickersAdapter } from '../../models';
 import { DateOrTimeViewWithMeridiem } from '../models';
-import { DesktopOnlyTimePickerProps } from '../models/props/clock';
-import { DefaultizedProps } from '../models/helpers';
-export declare const resolveDateTimeFormat: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, { views, format, ...other }: {
+import { DesktopOnlyTimePickerProps } from '../models/props/time';
+export declare const resolveDateTimeFormat: (utils: MuiPickersAdapter, { views, format, ...other }: {
     format?: string;
     views: readonly DateOrTimeViewWithMeridiem[];
     ampm: boolean;
 }, ignoreDateResolving?: boolean) => string;
-interface DefaultizedTimeViewsProps<TDate extends PickerValidDate, TView = DateOrTimeView> extends DefaultizedProps<DesktopOnlyTimePickerProps<TDate>, 'ampm'> {
+interface DefaultizedTimeViewsProps<TView = DateOrTimeView> extends DefaultizedProps<DesktopOnlyTimePickerProps, 'ampm'> {
     views: readonly TView[];
 }
-interface DefaultizedTimeViewsResponse<TDate extends PickerValidDate, TView = DateOrTimeViewWithMeridiem> extends Required<Pick<DefaultizedTimeViewsProps<TDate, TView>, 'thresholdToRenderTimeInASingleColumn' | 'timeSteps' | 'views'>> {
+interface DefaultizedTimeViewsResponse<TView = DateOrTimeViewWithMeridiem> extends Required<Pick<DefaultizedTimeViewsProps<TView>, 'thresholdToRenderTimeInASingleColumn' | 'timeSteps' | 'views'>> {
     shouldRenderTimeInASingleColumn: boolean;
 }
-export declare function resolveTimeViewsResponse<TDate extends PickerValidDate, InTView extends DateOrTimeView = DateOrTimeView, OutTView extends DateOrTimeViewWithMeridiem = DateOrTimeViewWithMeridiem>({ thresholdToRenderTimeInASingleColumn: inThreshold, ampm, timeSteps: inTimeSteps, views, }: DefaultizedTimeViewsProps<TDate, InTView>): DefaultizedTimeViewsResponse<TDate, OutTView>;
+export declare function resolveTimeViewsResponse<InTView extends DateOrTimeView = DateOrTimeView, OutTView extends DateOrTimeViewWithMeridiem = DateOrTimeViewWithMeridiem>({ thresholdToRenderTimeInASingleColumn: inThreshold, ampm, timeSteps: inTimeSteps, views, }: DefaultizedTimeViewsProps<InTView>): DefaultizedTimeViewsResponse<OutTView>;
 export {};

package/internals/utils/date-utils.d.ts

@@ -1,27 +1,27 @@
 import { DateView, FieldValueType, MuiPickersAdapter, PickersTimezone, PickerValidDate } from '../../models';
 import { DateOrTimeViewWithMeridiem } from '../models';
-export declare const mergeDateAndTime: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, dateParam: TDate, timeParam: TDate) => TDate;
-interface FindClosestDateParams<TDate extends PickerValidDate> {
-    date: TDate;
+export declare const mergeDateAndTime: (utils: MuiPickersAdapter, dateParam: PickerValidDate, timeParam: PickerValidDate) => PickerValidDate;
+interface FindClosestDateParams {
+    date: PickerValidDate;
     disableFuture?: boolean;
     disablePast?: boolean;
-    maxDate: TDate;
-    minDate: TDate;
-    isDateDisabled: (date: TDate) => boolean;
-    utils: MuiPickersAdapter<TDate>;
+    maxDate: PickerValidDate;
+    minDate: PickerValidDate;
+    isDateDisabled: (date: PickerValidDate) => boolean;
+    utils: MuiPickersAdapter;
     timezone: PickersTimezone;
 }
-export declare const findClosestEnabledDate: <TDate extends PickerValidDate>({ date, disableFuture, disablePast, maxDate, minDate, isDateDisabled, utils, timezone, }: FindClosestDateParams<TDate>) => TDate | null;
-export declare const replaceInvalidDateByNull: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, value: TDate | null) => TDate | null;
-export declare const applyDefaultDate: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, value: TDate | null | undefined, defaultValue: TDate) => TDate;
-export declare const areDatesEqual: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, a: TDate, b: TDate) => boolean;
-export declare const getMonthsInYear: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, year: TDate) => TDate[];
-export declare const getTodayDate: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, timezone: PickersTimezone, valueType?: FieldValueType) => TDate;
-export declare const formatMeridiem: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, meridiem: "am" | "pm") => string;
+export declare const findClosestEnabledDate: ({ date, disableFuture, disablePast, maxDate, minDate, isDateDisabled, utils, timezone, }: FindClosestDateParams) => PickerValidDate | null;
+export declare const replaceInvalidDateByNull: (utils: MuiPickersAdapter, value: PickerValidDate | null) => PickerValidDate | null;
+export declare const applyDefaultDate: (utils: MuiPickersAdapter, value: PickerValidDate | null | undefined, defaultValue: PickerValidDate) => PickerValidDate;
+export declare const areDatesEqual: (utils: MuiPickersAdapter, a: PickerValidDate, b: PickerValidDate) => boolean;
+export declare const getMonthsInYear: (utils: MuiPickersAdapter, year: PickerValidDate) => PickerValidDate[];
+export declare const getTodayDate: (utils: MuiPickersAdapter, timezone: PickersTimezone, valueType?: FieldValueType) => PickerValidDate;
+export declare const formatMeridiem: (utils: MuiPickersAdapter, meridiem: "am" | "pm") => string;
 export declare const isDatePickerView: (view: DateOrTimeViewWithMeridiem) => view is DateView;
-export declare const resolveDateFormat: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, { format, views }: {
+export declare const resolveDateFormat: (utils: MuiPickersAdapter, { format, views }: {
     format?: string;
     views: readonly DateView[];
 }, isInToolbar: boolean) => string;
-export declare const getWeekdays: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, date: TDate) => TDate[];
+export declare const getWeekdays: (utils: MuiPickersAdapter, date: PickerValidDate) => PickerValidDate[];
 export {};

package/internals/utils/getDefaultReferenceDate.d.ts

@@ -1,9 +1,9 @@
 import { FieldSection, MuiPickersAdapter, PickersTimezone, PickerValidDate } from '../../models';
-export interface GetDefaultReferenceDateProps<TDate extends PickerValidDate> {
-    maxDate?: TDate;
-    minDate?: TDate;
-    minTime?: TDate;
-    maxTime?: TDate;
+export interface GetDefaultReferenceDateProps {
+    maxDate?: PickerValidDate;
+    minDate?: PickerValidDate;
+    minTime?: PickerValidDate;
+    maxTime?: PickerValidDate;
     disableIgnoringDatePartForTimeValidation?: boolean;
 }
 export declare const SECTION_TYPE_GRANULARITY: {
@@ -16,10 +16,10 @@ export declare const SECTION_TYPE_GRANULARITY: {
     milliseconds: number;
 };
 export declare const getSectionTypeGranularity: (sections: FieldSection[]) => number;
-export declare const getDefaultReferenceDate: <TDate extends PickerValidDate>({ props, utils, granularity, timezone, getTodayDate: inGetTodayDate, }: {
-    props: GetDefaultReferenceDateProps<TDate>;
-    utils: MuiPickersAdapter<TDate>;
+export declare const getDefaultReferenceDate: ({ props, utils, granularity, timezone, getTodayDate: inGetTodayDate, }: {
+    props: GetDefaultReferenceDateProps;
+    utils: MuiPickersAdapter;
     granularity: number;
     timezone: PickersTimezone;
-    getTodayDate?: () => TDate;
-}) => TDate;
+    getTodayDate?: () => PickerValidDate;
+}) => PickerValidDate;

package/internals/utils/time-utils.d.ts

@@ -3,12 +3,12 @@ import { DateOrTimeViewWithMeridiem, TimeViewWithMeridiem } from '../models';
 export declare const isTimeView: (view: DateOrTimeViewWithMeridiem) => boolean;
 export declare const isInternalTimeView: (view: DateOrTimeViewWithMeridiem) => view is TimeViewWithMeridiem;
 export type Meridiem = 'am' | 'pm';
-export declare const getMeridiem: <TDate extends PickerValidDate>(date: TDate | null, utils: MuiPickersAdapter<TDate>) => Meridiem | null;
+export declare const getMeridiem: (date: PickerValidDate | null, utils: MuiPickersAdapter) => Meridiem | null;
 export declare const convertValueToMeridiem: (value: number, meridiem: Meridiem | null, ampm: boolean) => number;
-export declare const convertToMeridiem: <TDate extends PickerValidDate>(time: TDate, meridiem: Meridiem, ampm: boolean, utils: MuiPickersAdapter<TDate>) => TDate;
-export declare const getSecondsInDay: <TDate extends PickerValidDate>(date: TDate, utils: MuiPickersAdapter<TDate>) => number;
-export declare const createIsAfterIgnoreDatePart: <TDate extends PickerValidDate>(disableIgnoringDatePartForTimeValidation: boolean, utils: MuiPickersAdapter<TDate>) => (dateLeft: TDate, dateRight: TDate) => boolean;
-export declare const resolveTimeFormat: <TDate extends PickerValidDate>(utils: MuiPickersAdapter<TDate>, { format, views, ampm }: {
+export declare const convertToMeridiem: (time: PickerValidDate, meridiem: Meridiem, ampm: boolean, utils: MuiPickersAdapter) => PickerValidDate;
+export declare const getSecondsInDay: (date: PickerValidDate, utils: MuiPickersAdapter) => number;
+export declare const createIsAfterIgnoreDatePart: (disableIgnoringDatePartForTimeValidation: boolean, utils: MuiPickersAdapter) => (dateLeft: PickerValidDate, dateRight: PickerValidDate) => boolean;
+export declare const resolveTimeFormat: (utils: MuiPickersAdapter, { format, views, ampm }: {
     format?: string;
     views: readonly TimeView[];
     ampm: boolean;

package/internals/utils/valueManagers.d.ts

@@ -1,6 +1,6 @@
 import type { PickerValueManager } from '../hooks/usePicker';
-import { DateValidationError, TimeValidationError, DateTimeValidationError, FieldSection, PickerValidDate } from '../../models';
+import { DateValidationError, TimeValidationError, DateTimeValidationError, FieldSection } from '../../models';
 import type { FieldValueManager } from '../hooks/useField';
-export type SingleItemPickerValueManager<TValue = any, TDate extends PickerValidDate = any, TError extends DateValidationError | TimeValidationError | DateTimeValidationError = any> = PickerValueManager<TValue, TDate, TError>;
+export type SingleItemPickerValueManager<TValue = any, TError extends DateValidationError | TimeValidationError | DateTimeValidationError = any> = PickerValueManager<TValue, TError>;
 export declare const singleItemValueManager: SingleItemPickerValueManager;
-export declare const singleItemFieldValueManager: FieldValueManager<any, any, FieldSection>;
+export declare const singleItemFieldValueManager: FieldValueManager<any, FieldSection>;

package/locales/beBY.d.ts

@@ -23,13 +23,13 @@ export declare const beBY: {
                     clearButtonLabel?: string | undefined;
                     okButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, time: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime?: string | null) => string) | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedDate: string | null) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime: string | null) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;

package/locales/beBY.js

@@ -33,7 +33,7 @@ const beBYPickers = {
   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} секунд`,
@@ -45,8 +45,8 @@ const beBYPickers = {
   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: 'Clear',
 
   // Table labels

package/locales/bgBG.d.ts

@@ -23,13 +23,13 @@ export declare const bgBG: {
                     clearButtonLabel?: string | undefined;
                     okButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, time: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime?: string | null) => string) | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedDate: string | null) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime: string | null) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;

package/locales/bgBG.js

@@ -31,7 +31,7 @@ const bgBGPickers = {
   timePickerToolbarTitle: 'Избери час',
   dateRangePickerToolbarTitle: 'Избери времеви период',
   // Clock labels
-  clockLabelText: (view, time, adapter) => `Избери ${views[view]}. ${time === null ? 'Не е избран час' : `Избраният час е ${adapter.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, formattedTime) => `Избери ${views[view]}. ${!formattedTime ? 'Не е избран час' : `Избраният час е ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} часа`,
   minutesClockNumberText: minutes => `${minutes} минути`,
   secondsClockNumberText: seconds => `${seconds} секунди`,
@@ -43,8 +43,8 @@ const bgBGPickers = {
   calendarWeekNumberAriaLabelText: weekNumber => `Седмица ${weekNumber}`,
   calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // Open picker labels
-  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери дата, избраната дата е ${utils.format(value, 'fullDate')}` : 'Избери дата',
-  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери час, избраният час е ${utils.format(value, 'fullTime')}` : 'Избери час',
+  openDatePickerDialogue: formattedDate => formattedDate ? `Избери дата, избраната дата е ${formattedDate}` : 'Избери дата',
+  openTimePickerDialogue: formattedTime => formattedTime ? `Избери час, избраният час е ${formattedTime}` : 'Избери час',
   fieldClearLabel: 'Изчисти стойност',
   // Table labels
   timeTableLabel: 'избери час',

package/locales/caES.d.ts

@@ -23,13 +23,13 @@ export declare const caES: {
                     clearButtonLabel?: string | undefined;
                     okButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, time: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime?: string | null) => string) | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedDate: string | null) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime: string | null) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;

package/locales/caES.js

@@ -31,7 +31,7 @@ const caESPickers = {
   timePickerToolbarTitle: 'Seleccionar hora',
   dateRangePickerToolbarTitle: 'Seleccionar rang de dates',
   // Clock labels
-  clockLabelText: (view, time, utils, formattedTime) => `Selecciona ${views[view]}. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Hora no seleccionada' : `L'hora seleccionada és ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, formattedTime) => `Selecciona ${views[view]}. ${!formattedTime ? 'Hora no seleccionada' : `L'hora seleccionada és ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} hores`,
   minutesClockNumberText: minutes => `${minutes} minuts`,
   secondsClockNumberText: seconds => `${seconds} segons`,
@@ -43,8 +43,8 @@ const caESPickers = {
   calendarWeekNumberAriaLabelText: weekNumber => `Setmana ${weekNumber}`,
   calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // Open picker labels
-  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Tria la data, la data triada és ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Tria la data',
-  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Tria l'hora, l'hora triada és ${formattedTime ?? utils.format(value, 'fullTime')}` : "Tria l'hora",
+  openDatePickerDialogue: formattedDate => formattedDate ? `Tria la data, la data triada és ${formattedDate}` : 'Tria la data',
+  openTimePickerDialogue: formattedTime => formattedTime ? `Tria l'hora, l'hora triada és ${formattedTime}` : "Tria l'hora",
   fieldClearLabel: 'Netega el valor',
   // Table labels
   timeTableLabel: 'tria la data',

package/locales/csCZ.d.ts

@@ -23,13 +23,13 @@ export declare const csCZ: {
                     clearButtonLabel?: string | undefined;
                     okButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, time: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime?: string | null) => string) | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedDate: string | null) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime: string | null) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;

package/locales/csCZ.js

@@ -32,7 +32,7 @@ const csCZPickers = {
   timePickerToolbarTitle: 'Vyberte čas',
   dateRangePickerToolbarTitle: 'Vyberete rozmezí dat',
   // Clock labels
-  clockLabelText: (view, time, utils, formattedTime) => `${timeViews[view] ?? view} vybrány. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Není vybrán čas' : `Vybraný čas je ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, formattedTime) => `${timeViews[view] ?? view} vybrány. ${!formattedTime ? 'Není vybrán čas' : `Vybraný čas je ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} hodin`,
   minutesClockNumberText: minutes => `${minutes} minut`,
   secondsClockNumberText: seconds => `${seconds} sekund`,
@@ -44,8 +44,8 @@ const csCZPickers = {
   calendarWeekNumberAriaLabelText: weekNumber => `${weekNumber} týden v roce`,
   calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // Open picker labels
-  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Vyberte datum, vybrané datum je ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Vyberte datum',
-  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Vyberte čas, vybraný čas je ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Vyberte čas',
+  openDatePickerDialogue: formattedDate => formattedDate ? `Vyberte datum, vybrané datum je ${formattedDate}` : 'Vyberte datum',
+  openTimePickerDialogue: formattedTime => formattedTime ? `Vyberte čas, vybraný čas je ${formattedTime}` : 'Vyberte čas',
   fieldClearLabel: 'Vymazat',
   // Table labels
   timeTableLabel: 'vyberte čas',

package/locales/daDK.d.ts

@@ -23,13 +23,13 @@ export declare const daDK: {
                     clearButtonLabel?: string | undefined;
                     okButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, time: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime?: string | null) => string) | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedDate: string | null) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime: string | null) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;

package/locales/daDK.js

@@ -32,7 +32,7 @@ const daDKPickers = {
   timePickerToolbarTitle: 'Vælg tidspunkt',
   dateRangePickerToolbarTitle: 'Vælg datointerval',
   // Clock labels
-  clockLabelText: (view, time, utils, formattedTime) => `Vælg ${timeViews[view] ?? view}. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Intet tidspunkt valgt' : `Valgte tidspunkt er ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, formattedTime) => `Vælg ${timeViews[view] ?? view}. ${!formattedTime ? 'Intet tidspunkt valgt' : `Valgte tidspunkt er ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} timer`,
   minutesClockNumberText: minutes => `${minutes} minutter`,
   secondsClockNumberText: seconds => `${seconds} sekunder`,
@@ -44,8 +44,8 @@ const daDKPickers = {
   calendarWeekNumberAriaLabelText: weekNumber => `Uge ${weekNumber}`,
   calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // Open picker labels
-  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Vælg dato, valgte dato er ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Vælg dato',
-  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Vælg tidspunkt, valgte tidspunkt er ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Vælg tidspunkt',
+  openDatePickerDialogue: formattedDate => formattedDate ? `Vælg dato, valgte dato er ${formattedDate}` : 'Vælg dato',
+  openTimePickerDialogue: formattedTime => formattedTime ? `Vælg tidspunkt, valgte tidspunkt er ${formattedTime}` : 'Vælg tidspunkt',
   fieldClearLabel: 'ryd felt',
   // Table labels
   timeTableLabel: 'vælg tidspunkt',

package/locales/deDE.d.ts

@@ -23,13 +23,13 @@ export declare const deDE: {
                     clearButtonLabel?: string | undefined;
                     okButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, time: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime?: string | null) => string) | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedDate: string | null) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime: string | null) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;

package/locales/deDE.js

@@ -32,7 +32,7 @@ const deDEPickers = {
   timePickerToolbarTitle: 'Uhrzeit auswählen',
   dateRangePickerToolbarTitle: 'Datumsbereich auswählen',
   // Clock labels
-  clockLabelText: (view, time, utils, formattedTime) => `${timeViews[view] ?? view} auswählen. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Keine Uhrzeit ausgewählt' : `Gewählte Uhrzeit ist ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, formattedTime) => `${timeViews[view] ?? view} auswählen. ${!formattedTime ? 'Keine Uhrzeit ausgewählt' : `Gewählte Uhrzeit ist ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} ${timeViews.hours}`,
   minutesClockNumberText: minutes => `${minutes} ${timeViews.minutes}`,
   secondsClockNumberText: seconds => `${seconds}  ${timeViews.seconds}`,
@@ -44,8 +44,8 @@ const deDEPickers = {
   calendarWeekNumberAriaLabelText: weekNumber => `Woche ${weekNumber}`,
   calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // Open picker labels
-  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Datum auswählen, gewähltes Datum ist ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Datum auswählen',
-  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Uhrzeit auswählen',
+  openDatePickerDialogue: formattedDate => formattedDate ? `Datum auswählen, gewähltes Datum ist ${formattedDate}` : 'Datum auswählen',
+  openTimePickerDialogue: formattedTime => formattedTime ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${formattedTime}` : 'Uhrzeit auswählen',
   fieldClearLabel: 'Wert leeren',
   // Table labels
   timeTableLabel: 'Uhrzeit auswählen',

package/locales/elGR.d.ts

@@ -23,13 +23,13 @@ export declare const elGR: {
                     clearButtonLabel?: string | undefined;
                     okButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, time: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime?: string | null) => string) | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedDate: string | null) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>, formattedTime: string | null) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;