@mui/x-date-pickers 6.14.0 → 6.16.0

package/locales/enUS.d.ts

@@ -27,6 +27,7 @@ export declare const enUS: {
                     selectViewText?: ((view: import("../internals/models").TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/enUS.js

@@ -38,6 +38,7 @@ const enUSPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Choose date, selected date is ${utils.format(value, 'fullDate')}` : 'Choose date',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Choose time, selected time is ${utils.format(value, 'fullTime')}` : 'Choose time',
+  fieldClearLabel: 'Clear value',
   // Table labels
   timeTableLabel: 'pick time',
   dateTableLabel: 'pick date',

package/locales/esES.d.ts

@@ -26,6 +26,7 @@ export declare const esES: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/esES.js

@@ -41,6 +41,8 @@ const esESPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige la fecha, la fecha elegida es ${utils.format(value, 'fullDate')}` : 'Elige la fecha',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige la hora, la hora elegido es ${utils.format(value, 'fullTime')}` : 'Elige la hora',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'elige la fecha',
   dateTableLabel: 'elige la hora',

package/locales/faIR.d.ts

@@ -26,6 +26,7 @@ export declare const faIR: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/faIR.js

@@ -41,6 +41,8 @@ const faIRPickers = {
   // 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')} می باشد` : 'ساعت را انتخاب کنید',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'انتخاب تاریخ',
   dateTableLabel: 'انتخاب ساعت',

package/locales/fiFI.d.ts

@@ -26,6 +26,7 @@ export declare const fiFI: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/fiFI.js

@@ -41,19 +41,19 @@ const fiFIPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Valitse päivä, valittu päivä on ${utils.format(value, 'fullDate')}` : 'Valitse päivä',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Valitse aika, valittu aika on ${utils.format(value, 'fullTime')}` : 'Valitse aika',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'valitse aika',
-  dateTableLabel: 'valitse päivä'
-
+  dateTableLabel: 'valitse päivä',
   // Field section placeholders
-  // fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
-  // fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
-  // fieldDayPlaceholder: () => 'DD',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
-  // fieldHoursPlaceholder: () => 'hh',
-  // fieldMinutesPlaceholder: () => 'mm',
-  // fieldSecondsPlaceholder: () => 'ss',
-  // fieldMeridiemPlaceholder: () => 'aa',
+  fieldYearPlaceholder: params => 'V'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'KKKK' : 'KK',
+  fieldDayPlaceholder: () => 'PP',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'tt',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa'
 };
-
 export const fiFI = getPickersLocalization(fiFIPickers);

package/locales/frFR.d.ts

@@ -26,6 +26,7 @@ export declare const frFR: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/frFR.js

@@ -41,6 +41,8 @@ const frFRPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Choisir la date, la date sélectionnée est ${utils.format(value, 'fullDate')}` : 'Choisir la date',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Choisir l'heure, l'heure sélectionnée est ${utils.format(value, 'fullTime')}` : "Choisir l'heure",
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: "choix de l'heure",
   dateTableLabel: 'choix de la date',

package/locales/heIL.d.ts

@@ -26,6 +26,7 @@ export declare const heIL: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/heIL.js

@@ -41,6 +41,8 @@ const heILPickers = {
   // 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')}` : 'בחירת שעה',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'בחירת שעה',
   dateTableLabel: 'בחירת תאריך',

package/locales/huHU.d.ts

@@ -26,6 +26,7 @@ export declare const huHU: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/huHU.js

@@ -45,6 +45,7 @@ const huHUPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Válasszon dátumot, a kiválasztott dátum: ${utils.format(value, 'fullDate')}` : 'Válasszon dátumot',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Válasszon időt, a kiválasztott idő: ${utils.format(value, 'fullTime')}` : 'Válasszon időt',
+  fieldClearLabel: 'Tartalom ürítése',
   // Table labels
   timeTableLabel: 'válasszon időt',
   dateTableLabel: 'válasszon dátumot',

package/locales/isIS.d.ts

@@ -26,6 +26,7 @@ export declare const isIS: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/isIS.js

@@ -41,6 +41,8 @@ const isISPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Velja dagsetningu, valin dagsetning er ${utils.format(value, 'fullDate')}` : 'Velja dagsetningu',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Velja tíma, valinn tími er ${utils.format(value, 'fullTime')}` : 'Velja tíma',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'velja tíma',
   dateTableLabel: 'velja dagsetningu',

package/locales/itIT.d.ts

@@ -26,6 +26,7 @@ export declare const itIT: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/itIT.js

@@ -41,6 +41,8 @@ const itITPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Scegli la data, la data selezionata è ${utils.format(value, 'fullDate')}` : 'Scegli la data',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Scegli l'ora, l'ora selezionata è ${utils.format(value, 'fullTime')}` : "Scegli l'ora",
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: "scegli un'ora",
   dateTableLabel: 'scegli una data',

package/locales/jaJP.d.ts

@@ -26,6 +26,7 @@ export declare const jaJP: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/jaJP.js

@@ -45,6 +45,8 @@ const jaJPPickers = {
   // 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')} です` : '時間を選択してください',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: '時間を選択',
   dateTableLabel: '日付を選択',

package/locales/koKR.d.ts

@@ -26,6 +26,7 @@ export declare const koKR: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/koKR.js

@@ -41,6 +41,8 @@ const koKRPickers = {
   // 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')}입니다.` : '시간을 선택하세요',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: '선택한 시간',
   dateTableLabel: '선택한 날짜',

package/locales/kzKZ.d.ts

@@ -26,6 +26,7 @@ export declare const kzKZ: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/kzKZ.js

@@ -42,6 +42,8 @@ const kzKZPickers = {
   // 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')}` : 'Уақытты таңдаңыз',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'уақытты таңдау',
   dateTableLabel: 'күнді таңдау',

package/locales/nbNO.d.ts

@@ -26,6 +26,7 @@ export declare const nbNO: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/nbNO.js

@@ -41,6 +41,8 @@ const nbNOPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Velg dato, valgt dato er ${utils.format(value, 'fullDate')}` : 'Velg dato',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Velg tid, valgt tid er ${utils.format(value, 'fullTime')}` : 'Velg tid',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'velg tid',
   dateTableLabel: 'velg dato',

package/locales/nlNL.d.ts

@@ -26,6 +26,7 @@ export declare const nlNL: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/nlNL.js

@@ -41,6 +41,8 @@ const nlNLPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Kies datum, geselecteerde datum is ${utils.format(value, 'fullDate')}` : 'Kies datum',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Kies tijd, geselecteerde tijd is ${utils.format(value, 'fullTime')}` : 'Kies tijd',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'kies tijd',
   dateTableLabel: 'kies datum',

package/locales/plPL.d.ts

@@ -26,6 +26,7 @@ export declare const plPL: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/plPL.js

@@ -41,6 +41,8 @@ const plPLPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value != null && utils.isValid(value) ? `Wybierz datę, obecnie wybrana data to ${utils.format(value, 'fullDate')}` : 'Wybierz datę',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Wybierz czas, obecnie wybrany czas to ${utils.format(value, 'fullTime')}` : 'Wybierz czas',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'wybierz czas',
   dateTableLabel: 'wybierz datę'

package/locales/ptBR.d.ts

@@ -26,6 +26,7 @@ export declare const ptBR: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/ptBR.js

@@ -41,6 +41,8 @@ const ptBRPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Escolha uma data, data selecionada ${utils.format(value, 'fullDate')}` : 'Escolha uma data',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Escolha uma hora, hora selecionada ${utils.format(value, 'fullTime')}` : 'Escolha uma hora',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'escolha uma hora',
   dateTableLabel: 'escolha uma data',

package/locales/roRO.d.ts

@@ -26,6 +26,7 @@ export declare const roRO: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/roRO.js

@@ -45,6 +45,7 @@ const roROPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Selectați data, data selectată este ${utils.format(value, 'fullDate')}` : 'Selectați data',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Selectați ora, ora selectată este ${utils.format(value, 'fullTime')}` : 'Selectați ora',
+  fieldClearLabel: 'Golire conținut',
   // Table labels
   timeTableLabel: 'Selectați ora',
   dateTableLabel: 'Selectați data',

package/locales/ruRU.d.ts

@@ -26,6 +26,7 @@ export declare const ruRU: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/ruRU.js

@@ -42,6 +42,8 @@ const ruRUPickers = {
   // 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')}` : 'Выберите время',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'выбрать время',
   dateTableLabel: 'выбрать дату',

package/locales/skSK.d.ts

@@ -26,6 +26,7 @@ export declare const skSK: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/skSK.js

@@ -45,6 +45,8 @@ const skSKPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vyberte dátum, vybraný dátum je ${utils.format(value, 'fullDate')}` : 'Vyberte dátum',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vyberte čas, vybraný čas je ${utils.format(value, 'fullTime')}` : 'Vyberte čas',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'vyberte čas',
   dateTableLabel: 'vyberte dátum',

package/locales/svSE.d.ts

@@ -26,6 +26,7 @@ export declare const svSE: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/svSE.js

@@ -41,6 +41,8 @@ const svSEPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Välj datum, valt datum är ${utils.format(value, 'fullDate')}` : 'Välj datum',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Välj tid, vald tid är ${utils.format(value, 'fullTime')}` : 'Välj tid',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'välj tid',
   dateTableLabel: 'välj datum'

package/locales/trTR.d.ts

@@ -26,6 +26,7 @@ export declare const trTR: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/trTR.js

@@ -41,6 +41,8 @@ const trTRPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Tarih seçin, seçilen tarih: ${utils.format(value, 'fullDate')}` : 'Tarih seç',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Saat seçin, seçilen saat: ${utils.format(value, 'fullTime')}` : 'Saat seç',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'saat seç',
   dateTableLabel: 'tarih seç',

package/locales/ukUA.d.ts

@@ -26,6 +26,7 @@ export declare const ukUA: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/ukUA.js

@@ -41,6 +41,8 @@ const ukUAPickers = {
   // 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')}` : 'Оберіть час',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'оберіть час',
   dateTableLabel: 'оберіть дату',

package/locales/urPK.d.ts

@@ -26,6 +26,7 @@ export declare const urPK: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/urPK.js

@@ -41,6 +41,8 @@ const urPKPickers = {
   // 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')}` : 'وقت منتخب کریں',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'وقت منتخب کریں',
   dateTableLabel: 'تاریخ منتخب کریں'

package/locales/utils/getPickersLocalization.d.ts

@@ -26,6 +26,7 @@ export declare const getPickersLocalization: (pickersTranslations: Partial<Picke
                     selectViewText?: ((view: import("../../internals/models").TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("../..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("../..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/utils/pickersLocaleTextApi.d.ts

@@ -45,6 +45,7 @@ export interface PickersComponentAgnosticLocaleText<TDate> {
     selectViewText: (view: TimeViewWithMeridiem) => string;
     openDatePickerDialogue: (date: TDate | null, utils: MuiPickersAdapter<TDate>) => string;
     openTimePickerDialogue: (date: TDate | null, utils: MuiPickersAdapter<TDate>) => string;
+    fieldClearLabel: string;
     timeTableLabel: string;
     dateTableLabel: string;
     fieldYearPlaceholder: (params: {

package/locales/viVN.d.ts

@@ -26,6 +26,7 @@ export declare const viVN: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/viVN.js

@@ -41,6 +41,8 @@ const viVNPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn ngày, ngày đã chọn là ${utils.format(value, 'fullDate')}` : 'Chọn ngày',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn giờ, giờ đã chọn là ${utils.format(value, 'fullTime')}` : 'Chọn giờ',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'chọn giờ',
   dateTableLabel: 'chọn ngày',

package/locales/zhCN.d.ts

@@ -26,6 +26,7 @@ export declare const zhCN: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/zhCN.js

@@ -41,6 +41,8 @@ const zhCNPickers = {
   // 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')}` : '选择时间',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: '选择时间',
   dateTableLabel: '选择日期',

package/locales/zhHK.d.ts

@@ -26,6 +26,7 @@ export declare const zhHK: {
                     selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {

package/locales/zhHK.js

@@ -41,6 +41,8 @@ const zhHKPickers = {
   // 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')}` : '選擇時間',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: '選擇時間',
   dateTableLabel: '選擇日期',

package/models/adapters.d.ts

@@ -684,6 +684,7 @@ export interface MuiPickersAdapter<TDate, TLocale = any> {
     mergeDateAndTime(dateParam: TDate, timeParam: TDate): TDate;
     /**
      * Get the label of each day of a week.
+     * @deprecated Will be removed in v7. Use `getWeekdays` from date-utils and format the dates.
      * @returns {string[]} The label of each day of a week.
      */
     getWeekdays(): string[];

package/models/fields.d.ts

@@ -132,4 +132,6 @@ export interface BaseSingleInputFieldProps<TValue, TDate, TSection extends Field
     };
     slots?: {};
     slotProps?: {};
+    clearable?: boolean;
+    onClear?: React.MouseEventHandler;
 }

package/modern/DateCalendar/DateCalendar.js

@@ -373,9 +373,10 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   componentsProps: PropTypes.object,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter's method `getWeekdays`.
+   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
+   * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
-   * @default (day) => day.charAt(0).toUpperCase()
+   * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: PropTypes.func,
   /**
@@ -501,6 +502,9 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   renderLoading: PropTypes.func,
   /**
    * Disable specific date.
+   *
+   * Warning: This function can be called multiple times (e.g. 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.
    * @returns {boolean} If `true` the date will be disabled.