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

package/locales/urPK.js

@@ -32,7 +32,7 @@ const urPKPickers = {
   timePickerToolbarTitle: 'وقت منتخب کریں',
   dateRangePickerToolbarTitle: 'تاریخوں کی رینج منتخب کریں',
   // Clock labels
-  clockLabelText: (view, time, utils, formattedTime) => `${timeViews[view]} منتخب کریں ${!formattedTime && (time === null || !utils.isValid(time)) ? 'کوئی وقت منتخب نہیں' : `منتخب وقت ہے ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, formattedTime) => `${timeViews[view]} منتخب کریں ${!formattedTime ? 'کوئی وقت منتخب نہیں' : `منتخب وقت ہے ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} گھنٹے`,
   minutesClockNumberText: minutes => `${minutes} منٹ`,
   secondsClockNumberText: seconds => `${seconds} سیکنڈ`,
@@ -44,8 +44,8 @@ const urPKPickers = {
   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/utils/getPickersLocalization.d.ts

@@ -1,6 +1,6 @@
 import { AdapterFormats, MuiPickersAdapter, PickerValidDate } from '../../models';
 import { PickersLocaleText } from './pickersLocaleTextApi';
-export declare const getPickersLocalization: (pickersTranslations: Partial<PickersLocaleText<any>>) => {
+export declare const getPickersLocalization: (pickersTranslations: Partial<PickersLocaleText>) => {
     components: {
         MuiLocalizationProvider: {
             defaultProps: {
@@ -24,13 +24,13 @@ export declare const getPickersLocalization: (pickersTranslations: Partial<Picke
                     clearButtonLabel?: string | undefined;
                     okButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, time: any, utils: 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: import("../../internals").TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: MuiPickersAdapter<any, any>, formattedDate: string | null) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: 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;
@@ -79,9 +79,9 @@ export declare const getPickersLocalization: (pickersTranslations: Partial<Picke
         };
     };
 };
-export declare const buildGetOpenDialogAriaText: <TDate extends PickerValidDate>(params: {
-    utils: MuiPickersAdapter<TDate>;
+export declare const buildGetOpenDialogAriaText: (params: {
+    utils: MuiPickersAdapter;
     formatKey: keyof AdapterFormats;
-    contextTranslation: (date: TDate | null, utils: MuiPickersAdapter<TDate>, formattedValue: string | null) => string;
-    propsTranslation: ((date: TDate | null, utils: MuiPickersAdapter<TDate>, formattedValue: string | null) => string) | undefined;
-}) => (value: TDate | null) => string;
+    contextTranslation: (formattedValue: string | null) => string;
+    propsTranslation: ((formattedValue: string | null) => string) | undefined;
+}) => (value: PickerValidDate | null) => string;

package/locales/utils/getPickersLocalization.js

@@ -20,6 +20,6 @@ export const buildGetOpenDialogAriaText = params => {
   return value => {
     const formattedValue = value !== null && utils.isValid(value) ? utils.format(value, formatKey) : null;
     const translation = propsTranslation ?? contextTranslation;
-    return translation(value, utils, formattedValue);
+    return translation(formattedValue);
   };
 };

package/locales/utils/pickersLocaleTextApi.d.ts

@@ -1,5 +1,5 @@
 import { TimeViewWithMeridiem } from '../../internals/models';
-import { DateView, TimeView, MuiPickersAdapter, FieldSectionContentType, PickerValidDate } from '../../models';
+import { DateView, TimeView, FieldSectionContentType } from '../../models';
 export interface PickersComponentSpecificLocaleText {
     /**
      * Title displayed in the toolbar of the `DatePicker` and its variants.
@@ -22,7 +22,7 @@ export interface PickersComponentSpecificLocaleText {
      */
     dateRangePickerToolbarTitle: string;
 }
-export interface PickersComponentAgnosticLocaleText<TDate extends PickerValidDate> {
+export interface PickersComponentAgnosticLocaleText {
     previousMonth: string;
     nextMonth: string;
     calendarWeekNumberHeaderLabel: string;
@@ -42,37 +42,13 @@ export interface PickersComponentAgnosticLocaleText<TDate extends PickerValidDat
     clearButtonLabel: string;
     okButtonLabel: string;
     todayButtonLabel: string;
-    clockLabelText: (view: TimeView, 
-    /**
-     * @deprecated Use `formattedTime` instead
-     */
-    time: TDate | null, 
-    /**
-     * @deprecated Use `formattedTime` instead
-     */
-    utils: MuiPickersAdapter<TDate>, formattedTime?: string | null) => string;
+    clockLabelText: (view: TimeView, formattedTime: string | null) => string;
     hoursClockNumberText: (hours: string) => string;
     minutesClockNumberText: (minutes: string) => string;
     secondsClockNumberText: (seconds: string) => string;
     selectViewText: (view: TimeViewWithMeridiem) => string;
-    openDatePickerDialogue: (
-    /**
-     * @deprecated Use `formattedTime` instead
-     */
-    date: TDate | null, 
-    /**
-     * @deprecated Use `formattedTime` instead
-     */
-    utils: MuiPickersAdapter<TDate>, formattedDate: string | null) => string;
-    openTimePickerDialogue: (
-    /**
-     * @deprecated Use `formattedTime` instead
-     */
-    date: TDate | null, 
-    /**
-     * @deprecated Use `formattedTime` instead
-     */
-    utils: MuiPickersAdapter<TDate>, formattedTime: string | null) => string;
+    openDatePickerDialogue: (formattedDate: string | null) => string;
+    openTimePickerDialogue: (formattedTime: string | null) => string;
     fieldClearLabel: string;
     timeTableLabel: string;
     dateTableLabel: string;
@@ -113,24 +89,24 @@ export interface PickersComponentAgnosticLocaleText<TDate extends PickerValidDat
     meridiem: string;
     empty: string;
 }
-export interface PickersLocaleText<TDate extends PickerValidDate> extends PickersComponentAgnosticLocaleText<TDate>, PickersComponentSpecificLocaleText {
+export interface PickersLocaleText extends PickersComponentAgnosticLocaleText, PickersComponentSpecificLocaleText {
 }
-export type PickersInputLocaleText<TDate extends PickerValidDate> = Partial<PickersLocaleText<TDate>>;
+export type PickersInputLocaleText = Partial<PickersLocaleText>;
 /**
  * Translations that can be provided directly to the picker components.
  * It contains some generic translations like `toolbarTitle`
  * which will be dispatched to various translations keys in `PickersLocaleText`, depending on the pickers received them.
  */
-export interface PickersInputComponentLocaleText<TDate extends PickerValidDate> extends Partial<PickersComponentAgnosticLocaleText<TDate>> {
+export interface PickersInputComponentLocaleText extends Partial<PickersComponentAgnosticLocaleText> {
     /**
      * Title displayed in the toolbar of this picker.
      * Will override the global translation keys like `datePickerToolbarTitle` passed to the `LocalizationProvider`.
      */
     toolbarTitle?: string;
 }
-export type PickersTranslationKeys = keyof PickersLocaleText<any>;
-export type LocalizedComponent<TDate extends PickerValidDate, Props extends {
-    localeText?: PickersInputComponentLocaleText<TDate>;
+export type PickersTranslationKeys = keyof PickersLocaleText;
+export type LocalizedComponent<Props extends {
+    localeText?: PickersInputComponentLocaleText;
 }> = Omit<Props, 'localeText'> & {
-    localeText?: PickersInputLocaleText<TDate>;
+    localeText?: PickersInputLocaleText;
 };

package/locales/viVN.d.ts

@@ -23,13 +23,13 @@ export declare const viVN: {
                     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/viVN.js

@@ -31,7 +31,7 @@ const viVNPickers = {
   timePickerToolbarTitle: 'Chọn giờ',
   dateRangePickerToolbarTitle: 'Chọn khoảng ngày',
   // Clock labels
-  clockLabelText: (view, time, utils, formattedTime) => `Chọn ${views[view]}. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Không có giờ được chọn' : `Giờ được chọn là ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, formattedTime) => `Chọn ${views[view]}. ${!formattedTime ? 'Không có giờ được chọn' : `Giờ được chọn là ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} giờ`,
   minutesClockNumberText: minutes => `${minutes} phút`,
   secondsClockNumberText: seconds => `${seconds} giây`,
@@ -43,8 +43,8 @@ const viVNPickers = {
   calendarWeekNumberAriaLabelText: weekNumber => `Tuần ${weekNumber}`,
   calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // Open picker labels
-  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Chọn ngày, ngày đã chọn là ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Chọn ngày',
-  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Chọn giờ, giờ đã chọn là ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Chọn giờ',
+  openDatePickerDialogue: formattedDate => formattedDate ? `Chọn ngày, ngày đã chọn là ${formattedDate}` : 'Chọn ngày',
+  openTimePickerDialogue: formattedTime => formattedTime ? `Chọn giờ, giờ đã chọn là ${formattedTime}` : 'Chọn giờ',
   fieldClearLabel: 'Xóa giá trị',
   // Table labels
   timeTableLabel: 'chọn giờ',

package/locales/zhCN.d.ts

@@ -23,13 +23,13 @@ export declare const zhCN: {
                     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/zhCN.js

@@ -31,7 +31,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}秒`,
@@ -43,8 +43,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/locales/zhHK.d.ts

@@ -23,13 +23,13 @@ export declare const zhHK: {
                     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/zhHK.js

@@ -31,7 +31,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}秒`,
@@ -43,8 +43,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: '選擇時間',