@mui/x-date-pickers 6.14.0 → 6.16.0

package/node/internals/hooks/useField/useField.js

@@ -18,7 +18,7 @@ var _useField = require("./useField.utils");
 var _useFieldState = require("./useFieldState");
 var _useFieldCharacterEditing = require("./useFieldCharacterEditing");
 var _utils = require("../../utils/utils");
-const _excluded = ["onClick", "onKeyDown", "onFocus", "onBlur", "onMouseUp", "onPaste", "error"];
+const _excluded = ["onClick", "onKeyDown", "onFocus", "onBlur", "onMouseUp", "onPaste", "error", "clearable", "onClear"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useField = params => {
@@ -51,7 +51,9 @@ const useField = params => {
         onBlur,
         onMouseUp,
         onPaste,
-        error
+        error,
+        clearable,
+        onClear
       },
       fieldValueManager,
       valueManager,
@@ -93,8 +95,13 @@ const useField = params => {
     const sectionIndex = nextSectionIndex === -1 ? state.sections.length - 1 : nextSectionIndex - 1;
     setSelectedSections(sectionIndex);
   };
-  const handleInputClick = (0, _useEventCallback.default)((...args) => {
-    onClick?.(...args);
+  const handleInputClick = (0, _useEventCallback.default)((event, ...args) => {
+    // The click event on the clear button would propagate to the input, trigger this handler and result in a wrong section selection.
+    // We avoid this by checking if the call of `handleInputClick` is actually intended, or a side effect.
+    if (event.isDefaultPrevented()) {
+      return;
+    }
+    onClick?.(event, ...args);
     syncSelectionFromDOM();
   });
   const handleInputMouseUp = (0, _useEventCallback.default)(event => {
@@ -378,7 +385,8 @@ const useField = params => {
     return 'numeric';
   }, [selectedSectionIndexes, state.sections]);
   const inputHasFocus = inputRef.current && inputRef.current === (0, _utils.getActiveElement)(document);
-  const shouldShowPlaceholder = !inputHasFocus && valueManager.areValuesEqual(utils, state.value, valueManager.emptyValue);
+  const areAllSectionsEmpty = valueManager.areValuesEqual(utils, state.value, valueManager.emptyValue);
+  const shouldShowPlaceholder = !inputHasFocus && areAllSectionsEmpty;
   React.useImperativeHandle(unstableFieldRef, () => ({
     getSections: () => state.sections,
     getActiveSectionIndex: () => {
@@ -393,6 +401,13 @@ const useField = params => {
     },
     setSelectedSections: activeSectionIndex => setSelectedSections(activeSectionIndex)
   }));
+  const handleClearValue = (0, _useEventCallback.default)((event, ...args) => {
+    event.preventDefault();
+    onClear?.(event, ...args);
+    clearValue();
+    inputRef?.current?.focus();
+    setSelectedSections(0);
+  });
   return (0, _extends2.default)({
     placeholder,
     autoComplete: 'off'
@@ -407,8 +422,10 @@ const useField = params => {
     onChange: handleInputChange,
     onKeyDown: handleInputKeyDown,
     onMouseUp: handleInputMouseUp,
+    onClear: handleClearValue,
     error: inputError,
-    ref: handleRef
+    ref: handleRef,
+    clearable: Boolean(clearable && !areAllSectionsEmpty && !readOnly)
   });
 };
 exports.useField = useField;

package/node/internals/hooks/useField/useField.utils.js

@@ -403,15 +403,20 @@ const splitFormatIntoSections = (utils, timezone, localeText, format, date, form
   const escapedParts = getEscapedPartsFromFormat(utils, expandedFormat);
 
   // This RegExp test if the beginning of a string correspond to a supported token
-  const isTokenStartRegExp = new RegExp(`^(${Object.keys(utils.formatTokenMap).join('|')})`);
+  const isTokenStartRegExp = new RegExp(`^(${Object.keys(utils.formatTokenMap).sort((a, b) => b.length - a.length) // Sort to put longest word first
+  .join('|')})`, 'g') // used to get access to lastIndex state
+  ;
+
   let currentTokenValue = '';
   for (let i = 0; i < expandedFormat.length; i += 1) {
     const escapedPartOfCurrentChar = escapedParts.find(escapeIndex => escapeIndex.start <= i && escapeIndex.end >= i);
     const char = expandedFormat[i];
     const isEscapedChar = escapedPartOfCurrentChar != null;
     const potentialToken = `${currentTokenValue}${expandedFormat.slice(i)}`;
-    if (!isEscapedChar && char.match(/([A-Za-z]+)/) && isTokenStartRegExp.test(potentialToken)) {
-      currentTokenValue += char;
+    const regExpMatch = isTokenStartRegExp.test(potentialToken);
+    if (!isEscapedChar && char.match(/([A-Za-z]+)/) && regExpMatch) {
+      currentTokenValue = potentialToken.slice(0, isTokenStartRegExp.lastIndex);
+      i += isTokenStartRegExp.lastIndex - 1;
     } else {
       // If we are on the opening or closing character of an escaped part of the format,
       // Then we ignore this character.

package/node/internals/utils/date-utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resolveDateFormat = exports.replaceInvalidDateByNull = exports.mergeDateAndTime = exports.isDatePickerView = exports.getTodayDate = exports.getMonthsInYear = exports.formatMeridiem = exports.findClosestEnabledDate = exports.areDatesEqual = exports.applyDefaultDate = void 0;
+exports.resolveDateFormat = exports.replaceInvalidDateByNull = exports.mergeDateAndTime = exports.isDatePickerView = exports.getWeekdays = exports.getTodayDate = exports.getMonthsInYear = exports.formatMeridiem = exports.findClosestEnabledDate = exports.areDatesEqual = exports.applyDefaultDate = void 0;
 var _views = require("./views");
 const findClosestEnabledDate = ({
   date,
@@ -132,4 +132,9 @@ const resolveDateFormat = (utils, {
   }
   return formats.keyboardDate;
 };
-exports.resolveDateFormat = resolveDateFormat;
+exports.resolveDateFormat = resolveDateFormat;
+const getWeekdays = (utils, date) => {
+  const start = utils.startOfWeek(date);
+  return [0, 1, 2, 3, 4, 5, 6].map(diff => utils.addDays(start, diff));
+};
+exports.getWeekdays = getWeekdays;

package/node/locales/beBY.js

@@ -48,6 +48,8 @@ const beBYPickers = {
   // 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/node/locales/caES.js

@@ -47,6 +47,8 @@ const caESPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Tria la data, la data triada és ${utils.format(value, 'fullDate')}` : 'Tria la data',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Tria l'hora, l'hora triada és ${utils.format(value, 'fullTime')}` : "Tria l'hora",
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'tria la data',
   dateTableLabel: "tria l'hora",

package/node/locales/csCZ.js

@@ -48,6 +48,8 @@ const csCZPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vyberte datum, vybrané datum je ${utils.format(value, 'fullDate')}` : 'Vyberte datum',
   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 datum',

package/node/locales/daDK.js

@@ -48,6 +48,8 @@ const daDKPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vælg dato, valgte dato er ${utils.format(value, 'fullDate')}` : 'Vælg dato',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vælg tidspunkt, valgte tidspunkt er ${utils.format(value, 'fullTime')}` : 'Vælg tidspunkt',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'vælg tidspunkt',
   dateTableLabel: 'vælg dato',

package/node/locales/deDE.js

@@ -48,6 +48,8 @@ const deDEPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Datum auswählen, gewähltes Datum ist ${utils.format(value, 'fullDate')}` : 'Datum auswählen',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${utils.format(value, 'fullTime')}` : 'Uhrzeit auswählen',
+  // fieldClearLabel: 'Clear value',
+
   // Table labels
   timeTableLabel: 'Uhrzeit auswählen',
   dateTableLabel: 'Datum auswählen',

package/node/locales/elGR.js

@@ -47,6 +47,8 @@ const elGRPickers = {
   // 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/node/locales/enUS.js

@@ -43,6 +43,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/node/locales/esES.js

@@ -47,6 +47,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/node/locales/faIR.js

@@ -47,6 +47,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/node/locales/fiFI.js

@@ -47,20 +47,20 @@ 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'
 };
-
 const fiFI = (0, _getPickersLocalization.getPickersLocalization)(fiFIPickers);
 exports.fiFI = fiFI;

package/node/locales/frFR.js

@@ -47,6 +47,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/node/locales/heIL.js

@@ -47,6 +47,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/node/locales/huHU.js

@@ -48,6 +48,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/node/locales/isIS.js

@@ -47,6 +47,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/node/locales/itIT.js

@@ -47,6 +47,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/node/locales/jaJP.js

@@ -48,6 +48,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/node/locales/koKR.js

@@ -47,6 +47,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/node/locales/kzKZ.js

@@ -48,6 +48,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/node/locales/nbNO.js

@@ -47,6 +47,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/node/locales/nlNL.js

@@ -47,6 +47,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/node/locales/plPL.js

@@ -47,6 +47,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/node/locales/ptBR.js

@@ -47,6 +47,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/node/locales/roRO.js

@@ -48,6 +48,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/node/locales/ruRU.js

@@ -48,6 +48,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/node/locales/skSK.js

@@ -48,6 +48,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/node/locales/svSE.js

@@ -47,6 +47,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/node/locales/trTR.js

@@ -47,6 +47,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/node/locales/ukUA.js

@@ -47,6 +47,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/node/locales/urPK.js

@@ -47,6 +47,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/node/locales/viVN.js

@@ -47,6 +47,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/node/locales/zhCN.js

@@ -47,6 +47,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/node/locales/zhHK.js

@@ -47,6 +47,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "6.14.0",
+  "version": "6.16.0",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",

package/legacy/tests/describe.types.js

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

package/legacy/tests/describeAdapters/describeAdapters.js

@@ -1,29 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import moment from 'moment';
-import momentTZ from 'moment-timezone';
-import createDescribe from '@mui/monorepo/test/utils/createDescribe';
-import { buildFieldInteractions, createPickerRenderer } from 'test/utils/pickers';
-var ADAPTERS = ['dayjs', 'date-fns', 'luxon', 'moment'];
-function innerDescribeAdapters(title, FieldComponent, testRunner) {
-  ADAPTERS.forEach(function (adapterName) {
-    // TODO: Set locale moment before the 1st test run
-    if (adapterName === 'moment') {
-      moment.locale('en');
-    }
-    describe("".concat(title, " - adapter: ").concat(adapterName), function () {
-      var pickerRendererResponse = createPickerRenderer({
-        adapterName: adapterName,
-        clock: 'fake',
-        clockConfig: new Date(2022, 5, 15),
-        instance: adapterName === 'moment' ? momentTZ : undefined
-      });
-      var fieldInteractions = buildFieldInteractions({
-        clock: pickerRendererResponse.clock,
-        render: pickerRendererResponse.render,
-        Component: FieldComponent
-      });
-      testRunner(_extends({}, pickerRendererResponse, fieldInteractions));
-    });
-  });
-}
-export var describeAdapters = createDescribe('Adapter specific tests', innerDescribeAdapters);

package/legacy/tests/describeAdapters/index.js

@@ -1 +0,0 @@
-export { describeAdapters } from './describeAdapters';

package/legacy/tests/describeGregorianAdapter/describeGregorianAdapter.js

@@ -1,32 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import createDescribe from '@mui/monorepo/test/utils/createDescribe';
-import { testCalculations } from './testCalculations';
-import { testLocalization } from './testLocalization';
-import { testFormat } from './testFormat';
-function innerGregorianDescribeAdapter(Adapter, params) {
-  var _params$prepareAdapte;
-  var prepareAdapter = (_params$prepareAdapte = params.prepareAdapter) != null ? _params$prepareAdapte : function (e) {
-    return e;
-  };
-  var adapter = new Adapter();
-  var adapterTZ = params.dateLibInstanceWithTimezoneSupport ? new Adapter({
-    dateLibInstance: params.dateLibInstanceWithTimezoneSupport
-  }) : new Adapter();
-  var adapterFr = new Adapter({
-    locale: params.frenchLocale,
-    dateLibInstance: params.dateLibInstanceWithTimezoneSupport
-  });
-  prepareAdapter(adapter);
-  prepareAdapter(adapterTZ);
-  describe(adapter.lib, function () {
-    var testSuitParams = _extends({}, params, {
-      adapter: adapter,
-      adapterTZ: adapterTZ,
-      adapterFr: adapterFr
-    });
-    testCalculations(testSuitParams);
-    testLocalization(testSuitParams);
-    testFormat(testSuitParams);
-  });
-}
-export var describeGregorianAdapter = createDescribe('Adapter methods', innerGregorianDescribeAdapter);

package/legacy/tests/describeGregorianAdapter/describeGregorianAdapter.types.js

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

package/legacy/tests/describeGregorianAdapter/describeGregorianAdapter.utils.js

@@ -1,2 +0,0 @@
-export var TEST_DATE_ISO_STRING = '2018-10-30T11:44:00.000Z';
-export var TEST_DATE_LOCALE_STRING = '2018-10-30';

package/legacy/tests/describeGregorianAdapter/index.js

@@ -1,2 +0,0 @@
-export { describeGregorianAdapter } from './describeGregorianAdapter';
-export { TEST_DATE_ISO_STRING } from './describeGregorianAdapter.utils';