@mui/x-date-pickers 6.0.1 → 6.0.2

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

@@ -41,19 +41,6 @@ export const getDaysInWeekStr = (utils, format) => {
   }
   return elements.map(weekDay => utils.formatByString(weekDay, format));
 };
-export const cleanLeadingZerosInNumericSectionValue = (utils, format, value) => {
-  const size = utils.formatByString(utils.date(), format).length;
-  let cleanValue = value;
-
-  // We remove the leading zeros
-  cleanValue = Number(cleanValue).toString();
-
-  // We add enough leading zeros to fill the section
-  while (cleanValue.length < size) {
-    cleanValue = `0${cleanValue}`;
-  }
-  return cleanValue;
-};
 export const getLetterEditingOptions = (utils, sectionType, format) => {
   switch (sectionType) {
     case 'month':
@@ -75,42 +62,70 @@ export const getLetterEditingOptions = (utils, sectionType, format) => {
       }
   }
 };
+export const cleanDigitSectionValue = (utils, value, sectionType, format, hasLeadingZeros, sectionBoundaries) => {
+  const hasLetter = () => {
+    const startOfYear = utils.startOfYear(utils.date());
+    const startOfYearStr = utils.formatByString(startOfYear, format);
+    return Number.isNaN(Number(startOfYearStr));
+  };
+  if (process.env.NODE_ENV !== 'production') {
+    if (sectionType !== 'day' && hasLetter()) {
+      throw new Error([`MUI: The token "${format}" is a digit format with letter in it.'
+             This type of format is only supported for 'day' sections`].join('\n'));
+    }
+  }
+  if (sectionType === 'day' && hasLetter()) {
+    const date = utils.setDate(sectionBoundaries.longestMonth, value);
+    return utils.formatByString(date, format);
+  }
+
+  // queryValue without leading `0` (`01` => `1`)
+  const valueStr = value.toString();
+  if (hasLeadingZeros) {
+    const size = utils.formatByString(utils.date(), format).length;
+    let cleanValueStr = valueStr;
+
+    // Remove the leading zeros
+    cleanValueStr = Number(cleanValueStr).toString();
+
+    // Add enough leading zeros to fill the section
+    while (cleanValueStr.length < size) {
+      cleanValueStr = `0${cleanValueStr}`;
+    }
+    return cleanValueStr;
+  }
+  return valueStr;
+};
 export const adjustSectionValue = (utils, section, keyCode, sectionsValueBoundaries, activeDate) => {
   const delta = getDeltaFromKeyCode(keyCode);
   const isStart = keyCode === 'Home';
   const isEnd = keyCode === 'End';
   const shouldSetAbsolute = section.value === '' || isStart || isEnd;
-  const cleanDigitSectionValue = value => {
-    const valueStr = value.toString();
-    if (section.hasLeadingZeros) {
-      return cleanLeadingZerosInNumericSectionValue(utils, section.format, valueStr);
-    }
-    return valueStr;
-  };
   const adjustDigitSection = () => {
     const sectionBoundaries = sectionsValueBoundaries[section.type]({
       currentDate: activeDate,
       format: section.format,
       contentType: section.contentType
     });
+    const getCleanValue = value => cleanDigitSectionValue(utils, value, section.type, section.format, section.hasLeadingZeros, sectionBoundaries);
     if (shouldSetAbsolute) {
       if (section.type === 'year' && !isEnd && !isStart) {
         return utils.formatByString(utils.date(), section.format);
       }
       if (delta > 0 || isStart) {
-        return cleanDigitSectionValue(sectionBoundaries.minimum);
+        return getCleanValue(sectionBoundaries.minimum);
       }
-      return cleanDigitSectionValue(sectionBoundaries.maximum);
+      return getCleanValue(sectionBoundaries.maximum);
     }
-    const currentSectionValue = Number(section.value);
+    const currentSectionValue = parseInt(section.value, 10);
     const newSectionValueNumber = currentSectionValue + delta;
     if (newSectionValueNumber > sectionBoundaries.maximum) {
-      return cleanDigitSectionValue(sectionBoundaries.minimum);
+      return getCleanValue(sectionBoundaries.minimum);
     }
     if (newSectionValueNumber < sectionBoundaries.minimum) {
-      return cleanDigitSectionValue(sectionBoundaries.maximum);
+      return getCleanValue(sectionBoundaries.maximum);
     }
-    return cleanDigitSectionValue(newSectionValueNumber);
+    return getCleanValue(newSectionValueNumber);
   };
   const adjustLetterSection = () => {
     const options = getLetterEditingOptions(utils, section.type, section.format);
@@ -233,7 +248,7 @@ export const changeSectionValueFormat = (utils, valueStr, currentFormat, newForm
   return utils.formatByString(utils.parse(valueStr, currentFormat), newFormat);
 };
 const isFourDigitYearFormat = (utils, format) => utils.formatByString(utils.date(), format).length === 4;
-export const doesSectionHaveTrailingZeros = (utils, contentType, sectionType, format) => {
+export const doesSectionHaveLeadingZeros = (utils, contentType, sectionType, format) => {
   if (contentType !== 'digit') {
     return false;
   }
@@ -307,13 +322,13 @@ export const splitFormatIntoSections = (utils, localeText, format, date) => {
       return expandedToken;
     }
     const sectionConfig = getDateSectionConfigFromFormatToken(utils, token);
-    const sectionValue = date == null ? '' : utils.formatByString(date, token);
-    const hasTrailingZeroes = doesSectionHaveTrailingZeros(utils, sectionConfig.contentType, sectionConfig.type, token);
+    const sectionValue = date == null || !utils.isValid(date) ? '' : utils.formatByString(date, token);
+    const hasLeadingZeros = doesSectionHaveLeadingZeros(utils, sectionConfig.contentType, sectionConfig.type, token);
     sections.push(_extends({}, sectionConfig, {
       format: token,
       value: sectionValue,
       placeholder: getSectionPlaceholder(utils, localeText, sectionConfig, token),
-      hasLeadingZeros: hasTrailingZeroes,
+      hasLeadingZeros,
       startSeparator: sections.length === 0 ? startSeparator : '',
       endSeparator: '',
       modified: false
@@ -406,10 +421,22 @@ export const createDateStrForInputFromSections = sections => {
 export const getSectionsBoundaries = utils => {
   const today = utils.date();
   const endOfYear = utils.endOfYear(today);
-  const maxDaysInMonth = utils.getMonthArray(today).reduce((acc, month) => {
+  const {
+    maxDaysInMonth,
+    longestMonth
+  } = utils.getMonthArray(today).reduce((acc, month) => {
     const daysInMonth = utils.getDaysInMonth(month);
-    return Math.max(acc, daysInMonth);
-  }, 0);
+    if (daysInMonth > acc.maxDaysInMonth) {
+      return {
+        maxDaysInMonth: daysInMonth,
+        longestMonth: month
+      };
+    }
+    return acc;
+  }, {
+    maxDaysInMonth: 0,
+    longestMonth: null
+  });
   return {
     year: ({
       format
@@ -426,7 +453,8 @@ export const getSectionsBoundaries = utils => {
       currentDate
     }) => ({
       minimum: 1,
-      maximum: currentDate != null && utils.isValid(currentDate) ? utils.getDaysInMonth(currentDate) : maxDaysInMonth
+      maximum: currentDate != null && utils.isValid(currentDate) ? utils.getDaysInMonth(currentDate) : maxDaysInMonth,
+      longestMonth: longestMonth
     }),
     weekDay: ({
       format,
@@ -567,7 +595,7 @@ export const clampDaySection = (utils, sections, sectionsValueBoundaries) => {
       contentType: section.contentType
     });
     return _extends({}, section, {
-      value: section.hasLeadingZeros ? cleanLeadingZerosInNumericSectionValue(utils, section.format, dayBoundaries.minimum.toString()) : dayBoundaries.minimum.toString()
+      value: cleanDigitSectionValue(utils, dayBoundaries.minimum, section.type, section.format, section.hasLeadingZeros, dayBoundaries)
     });
   });
   const startOfMonth = getDateFromDateSections(utils, sectionsForStartOfMonth);

package/modern/internals/hooks/useField/useFieldCharacterEditing.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { useUtils } from '../useUtils';
-import { changeSectionValueFormat, cleanLeadingZerosInNumericSectionValue, doesSectionHaveTrailingZeros, getDateSectionConfigFromFormatToken, getDaysInWeekStr, getLetterEditingOptions } from './useField.utils';
+import { changeSectionValueFormat, cleanDigitSectionValue, doesSectionHaveLeadingZeros, getDateSectionConfigFromFormatToken, getDaysInWeekStr, getLetterEditingOptions } from './useField.utils';
 const QUERY_LIFE_DURATION_MS = 5000;
 const isQueryResponseWithoutValue = response => response.saveQuery != null;
 
@@ -137,7 +137,7 @@ export const useFieldCharacterEditing = ({
     return applyQuery(params, getFirstSectionValueMatchingWithQuery);
   };
   const applyNumericEditing = params => {
-    const getNewSectionValue = (queryValue, sectionType, format, hasTrailingZeroes, contentType) => {
+    const getNewSectionValue = (queryValue, sectionType, format, hasLeadingZeros, contentType) => {
       const queryValueNumber = Number(`${queryValue}`);
       const sectionBoundaries = sectionsValueBoundaries[sectionType]({
         currentDate: null,
@@ -159,12 +159,7 @@ export const useFieldCharacterEditing = ({
         };
       }
       const shouldGoToNextSection = Number(`${queryValue}0`) > sectionBoundaries.maximum || queryValue.length === sectionBoundaries.maximum.toString().length;
-
-      // queryValue without leading `0` (`01` => `1`)
-      let newSectionValue = queryValueNumber.toString();
-      if (hasTrailingZeroes) {
-        newSectionValue = cleanLeadingZerosInNumericSectionValue(utils, format, newSectionValue);
-      }
+      const newSectionValue = cleanDigitSectionValue(utils, queryValueNumber, sectionType, format, hasLeadingZeros, sectionBoundaries);
       return {
         sectionValue: newSectionValue,
         shouldGoToNextSection
@@ -178,7 +173,7 @@ export const useFieldCharacterEditing = ({
       // When editing a letter-format month and the user presses a digit,
       // We can support the numeric editing by using the digit-format month and re-formatting the result.
       if (activeSection.type === 'month') {
-        const response = getNewSectionValue(queryValue, activeSection.type, 'MM', doesSectionHaveTrailingZeros(utils, 'digit', 'month', 'MM'), 'digit');
+        const response = getNewSectionValue(queryValue, activeSection.type, 'MM', doesSectionHaveLeadingZeros(utils, 'digit', 'month', 'MM'), 'digit');
         if (isQueryResponseWithoutValue(response)) {
           return response;
         }

package/modern/internals/hooks/useField/useFieldState.js

@@ -112,32 +112,38 @@ export const useFieldState = params => {
     });
     return addPositionPropertiesToSections(newSections);
   };
-  const clearValue = () => publishValue({
-    value: valueManager.emptyValue,
-    referenceValue: state.referenceValue
-  }, null);
+  const clearValue = () => {
+    if (valueManager.areValuesEqual(utils, state.value, valueManager.emptyValue)) {
+      return;
+    }
+    publishValue({
+      value: valueManager.emptyValue,
+      referenceValue: state.referenceValue
+    }, null);
+  };
   const clearActiveSection = () => {
     if (selectedSectionIndexes == null) {
-      return undefined;
+      return;
     }
     const activeSection = state.sections[selectedSectionIndexes.startIndex];
+    if (activeSection.value === '') {
+      return;
+    }
     const activeDateManager = fieldValueManager.getActiveDateManager(utils, state, activeSection);
     const activeDateSections = fieldValueManager.getActiveDateSections(state.sections, activeSection);
-    const isTheOnlyNonEmptySection = activeDateSections.every(section => {
-      if (section.startInInput === activeSection.startInInput) {
-        return true;
-      }
-      return section.value === '';
-    });
+    const nonEmptySectionCountBefore = activeDateSections.filter(section => section.value !== '').length;
+    const isTheOnlyNonEmptySection = nonEmptySectionCountBefore === 1;
     const newSections = setSectionValue(selectedSectionIndexes.startIndex, '');
-    const newValue = activeDateManager.getNewValueFromNewActiveDate(null);
-    if (isTheOnlyNonEmptySection) {
-      return publishValue(newValue, newSections);
+    const newActiveDate = isTheOnlyNonEmptySection ? null : utils.date(new Date(''));
+    const newValue = activeDateManager.getNewValueFromNewActiveDate(newActiveDate);
+    if ((newActiveDate != null && !utils.isValid(newActiveDate)) !== (activeDateManager.activeDate != null && !utils.isValid(activeDateManager.activeDate))) {
+      publishValue(newValue, newSections);
+    } else {
+      setState(prevState => _extends({}, prevState, newValue, {
+        sections: newSections,
+        tempValueStrAndroid: null
+      }));
     }
-    return setState(prevState => _extends({}, prevState, {
-      sections: newSections,
-      tempValueStrAndroid: null
-    }, newValue));
   };
   const updateValueFromValueStr = valueStr => {
     const parseDateStr = (dateStr, referenceDate) => {
@@ -161,9 +167,9 @@ export const useFieldState = params => {
     shouldGoToNextSection
   }) => {
     const commit = ({
-      shouldPublish,
       values,
-      sections
+      sections,
+      shouldPublish
     }) => {
       if (shouldGoToNextSection && selectedSectionIndexes && selectedSectionIndexes.startIndex < state.sections.length - 1) {
         setSelectedSections(selectedSectionIndexes.startIndex + 1);
@@ -171,38 +177,38 @@ export const useFieldState = params => {
         setSelectedSections(selectedSectionIndexes.startIndex);
       }
       if (shouldPublish) {
-        return publishValue(values);
+        publishValue(values, sections);
+      } else {
+        setState(prevState => _extends({}, prevState, values, {
+          sections: sections ?? state.sections,
+          tempValueStrAndroid: null
+        }));
       }
-      return setState(prev => _extends({}, prev, {
-        tempValueStrAndroid: null
-      }, values, {
-        sections: sections ?? prev.sections
-      }));
     };
     const activeDateManager = fieldValueManager.getActiveDateManager(utils, state, activeSection);
     const newSections = setSectionValue(selectedSectionIndexes.startIndex, newSectionValue);
     const activeDateSections = fieldValueManager.getActiveDateSections(newSections, activeSection);
-    let newDate = getDateFromDateSections(utils, activeDateSections);
+    let newActiveDate = getDateFromDateSections(utils, activeDateSections);
 
     // When all the sections are filled but the date is invalid, it can be because the month has fewer days than asked.
     // We can try to set the day to the maximum boundary.
-    if (!utils.isValid(newDate) && activeDateSections.every(section => section.type === 'weekDay' || section.value !== '') && activeDateSections.some(section => section.type === 'day')) {
+    if (!utils.isValid(newActiveDate) && activeDateSections.every(section => section.type === 'weekDay' || section.value !== '') && activeDateSections.some(section => section.type === 'day')) {
       const cleanSections = clampDaySection(utils, activeDateSections, sectionsValueBoundaries);
       if (cleanSections != null) {
-        newDate = getDateFromDateSections(utils, cleanSections);
+        newActiveDate = getDateFromDateSections(utils, cleanSections);
       }
     }
-    if (newDate != null && utils.isValid(newDate)) {
-      const mergedDate = mergeDateIntoReferenceDate(utils, newDate, activeDateSections, activeDateManager.referenceActiveDate, true);
+    if (newActiveDate != null && utils.isValid(newActiveDate)) {
+      const mergedDate = mergeDateIntoReferenceDate(utils, newActiveDate, activeDateSections, activeDateManager.referenceActiveDate, true);
       return commit({
-        shouldPublish: true,
-        values: activeDateManager.getNewValueFromNewActiveDate(mergedDate)
+        values: activeDateManager.getNewValueFromNewActiveDate(mergedDate),
+        shouldPublish: true
       });
     }
     return commit({
-      shouldPublish: false,
-      values: activeDateManager.getNewValueFromNewActiveDate(newDate),
-      sections: newSections
+      values: activeDateManager.getNewValueFromNewActiveDate(newActiveDate),
+      sections: newSections,
+      shouldPublish: (newActiveDate != null && !utils.isValid(newActiveDate)) !== (activeDateManager.activeDate != null && !utils.isValid(activeDateManager.activeDate))
     });
   };
   const setTempAndroidValueStr = tempValueStrAndroid => setState(prev => _extends({}, prev, {
@@ -220,7 +226,7 @@ export const useFieldState = params => {
   }, [valueFromTheOutside]); // eslint-disable-line react-hooks/exhaustive-deps
 
   React.useEffect(() => {
-    const sections = fieldValueManager.getSectionsFromValue(utils, localeText, state.sections, state.value, format);
+    const sections = fieldValueManager.getSectionsFromValue(utils, localeText, null, state.value, format);
     validateSections(sections, valueType);
     setState(prevState => _extends({}, prevState, {
       sections,

package/modern/internals/utils/valueManagers.js

@@ -10,18 +10,22 @@ export const singleItemValueManager = {
 };
 export const singleItemFieldValueManager = {
   updateReferenceValue: (utils, value, prevReferenceValue) => value == null || !utils.isValid(value) ? prevReferenceValue : value,
-  getSectionsFromValue: (utils, localeText, prevSections, date, format) => addPositionPropertiesToSections(splitFormatIntoSections(utils, localeText, format, date)),
+  getSectionsFromValue: (utils, localeText, prevSections, date, format) => {
+    const shouldReUsePrevDateSections = !utils.isValid(date) && !!prevSections;
+    if (shouldReUsePrevDateSections) {
+      return prevSections;
+    }
+    return addPositionPropertiesToSections(splitFormatIntoSections(utils, localeText, format, date));
+  },
   getValueStrFromSections: sections => createDateStrForInputFromSections(sections),
   getActiveDateSections: sections => sections,
   getActiveDateManager: (utils, state) => ({
     activeDate: state.value,
     referenceActiveDate: state.referenceValue,
-    getNewValueFromNewActiveDate: newActiveDate => {
-      return {
-        value: newActiveDate,
-        referenceValue: newActiveDate == null || !utils.isValid(newActiveDate) ? state.referenceValue : newActiveDate
-      };
-    }
+    getNewValueFromNewActiveDate: newActiveDate => ({
+      value: newActiveDate,
+      referenceValue: newActiveDate == null || !utils.isValid(newActiveDate) ? state.referenceValue : newActiveDate
+    })
   }),
   parseValueStr: (valueStr, referenceValue, parseDate) => parseDate(valueStr.trim(), referenceValue),
   hasError: error => error != null,

package/modern/locales/deDE.js

@@ -33,11 +33,10 @@ const deDEPickers = {
   minutesClockNumberText: minutes => `${minutes} ${timeViews.minutes}`,
   secondsClockNumberText: seconds => `${seconds}  ${timeViews.seconds}`,
   // Calendar labels
-  // calendarWeekNumberHeaderLabel: 'Week number',
-  // calendarWeekNumberHeaderText: '#',
-  // calendarWeekNumberAriaLabelText: weekNumber => `Week ${weekNumber}`,
-  // calendarWeekNumberText: weekNumber => `${weekNumber}`,
-
+  calendarWeekNumberHeaderLabel: 'Kalenderwoche',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Woche ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // 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',

package/modern/locales/frFR.js

@@ -31,27 +31,24 @@ const frFRPickers = {
   minutesClockNumberText: minutes => `${minutes} minutes`,
   secondsClockNumberText: seconds => `${seconds} secondes`,
   // Calendar labels
-  // calendarWeekNumberHeaderLabel: 'Week number',
-  // calendarWeekNumberHeaderText: '#',
-  // calendarWeekNumberAriaLabelText: weekNumber => `Week ${weekNumber}`,
-  // calendarWeekNumberText: weekNumber => `${weekNumber}`,
-
+  calendarWeekNumberHeaderLabel: 'Semaine',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Semaine ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // 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",
   // Table labels
   timeTableLabel: "choix de l'heure",
-  dateTableLabel: 'choix de la date'
-
+  dateTableLabel: 'choix de la date',
   // Field section placeholders
-  // fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
-  // fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
-  // fieldDayPlaceholder: () => 'DD',
+  fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'JJ',
   // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
-  // fieldHoursPlaceholder: () => 'hh',
-  // fieldMinutesPlaceholder: () => 'mm',
-  // fieldSecondsPlaceholder: () => 'ss',
-  // fieldMeridiemPlaceholder: () => 'aa',
+  fieldHoursPlaceholder: () => 'hh',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa'
 };
-
 export const frFR = getPickersLocalization(frFRPickers);

package/modern/locales/heIL.js

@@ -0,0 +1,57 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const views = {
+  hours: 'שעות',
+  minutes: 'דקות',
+  seconds: 'שניות'
+};
+const heILPickers = {
+  // Calendar navigation
+  previousMonth: 'חודש קודם',
+  nextMonth: 'חודש הבא',
+  // View navigation
+  openPreviousView: 'תצוגה קודמת',
+  openNextView: 'תצוגה הבאה',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'תצוגת שנה פתוחה, מעבר לתצוגת לוח שנה' : 'תצוגת לוח שנה פתוחה, מעבר לתצוגת שנה',
+  // DateRange placeholders
+  start: 'תחילה',
+  end: 'סיום',
+  // Action bar
+  cancelButtonLabel: 'ביטול',
+  clearButtonLabel: 'ניקוי',
+  okButtonLabel: 'אישור',
+  todayButtonLabel: 'היום',
+  // Toolbar titles
+  datePickerToolbarTitle: 'בחירת תאריך',
+  dateTimePickerToolbarTitle: 'בחירת תאריך ושעה',
+  timePickerToolbarTitle: 'בחירת שעה',
+  dateRangePickerToolbarTitle: 'בחירת טווח תאריכים',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `בחירת ${views[view]}. ${time === null ? 'לא נבחרה שעה' : `השעה הנבחרת היא ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} שעות`,
+  minutesClockNumberText: minutes => `${minutes} דקות`,
+  secondsClockNumberText: seconds => `${seconds} שניות`,
+  // Calendar labels
+  // calendarWeekNumberHeaderLabel: 'Week number',
+  // calendarWeekNumberHeaderText: '#',
+  // calendarWeekNumberAriaLabelText: weekNumber => `Week ${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')}` : 'בחירת שעה',
+  // Table labels
+  timeTableLabel: 'בחירת שעה',
+  dateTableLabel: 'בחירת תאריך'
+
+  // 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',
+};
+
+export const heIL = getPickersLocalization(heILPickers);

package/modern/locales/index.js

@@ -21,4 +21,5 @@ export * from './ukUA';
 export * from './urPK';
 export * from './beBY';
 export * from './ruRU';
+export * from './heIL';
 export * from './utils/pickersLocaleTextApi';

package/modern/tests/describeValue/testPickerOpenCloseLifeCycle.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { screen, userEvent } from '@mui/monorepo/test/utils';
-import { openPicker } from 'test/utils/pickers-utils';
+import { getTextbox, openPicker } from 'test/utils/pickers-utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
   const _getOptions = getOptions(),
@@ -87,6 +87,25 @@ export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       expect(onAccept.callCount).to.equal(pickerParams.variant === 'mobile' ? 0 : 1);
       expect(onClose.callCount).to.equal(pickerParams.variant === 'mobile' ? 0 : 1);
     });
+    it('should not select any field section after closing on mobile', () => {
+      if (pickerParams.variant !== 'mobile') {
+        return;
+      }
+      render( /*#__PURE__*/_jsx(ElementToTest, {
+        defaultValue: values[0]
+      }));
+
+      // Change the value
+      setNewValue(values[0]);
+      let textbox;
+      if (pickerParams.type === 'date-range') {
+        textbox = screen.getAllByRole('textbox')[0];
+      } else {
+        textbox = getTextbox();
+      }
+      expect(textbox.selectionStart).to.be.equal(0);
+      expect(textbox.selectionEnd).to.be.equal(0);
+    });
     it('should call onChange, onClose and onAccept when selecting a value and `props.closeOnSelect` is true', () => {
       const onChange = spy();
       const onAccept = spy();

package/node/AdapterDateFns/index.js

@@ -39,6 +39,7 @@ const formatTokenMap = {
   // Day of the month
   d: 'day',
   dd: 'day',
+  do: 'day',
   // Day of the week
   E: {
     sectionType: 'weekDay',

package/node/AdapterDayjs/index.js

@@ -30,6 +30,7 @@ const formatTokenMap = {
   // Day of the month
   D: 'day',
   DD: 'day',
+  Do: 'day',
   // Day of the week
   d: 'weekDay',
   dd: {

package/node/AdapterMoment/index.js

@@ -29,6 +29,7 @@ const formatTokenMap = {
   // Day of the month
   D: 'day',
   DD: 'day',
+  Do: 'day',
   // Day of the week
   E: 'weekDay',
   e: 'weekDay',

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.0.1
+ * @mui/x-date-pickers v6.0.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -102,7 +102,7 @@ const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrow
     elementType: PreviousIconButton,
     externalSlotProps: slotProps?.previousIconButton ?? componentsProps?.previousIconButton,
     additionalProps: {
-      size: 'small',
+      size: 'medium',
       title: leftProps.label,
       'aria-label': leftProps.label,
       disabled: leftProps.isDisabled,
@@ -119,7 +119,7 @@ const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrow
     elementType: NextIconButton,
     externalSlotProps: slotProps?.nextIconButton ?? componentsProps?.nextIconButton,
     additionalProps: {
-      size: 'small',
+      size: 'medium',
       title: rightProps.label,
       'aria-label': rightProps.label,
       disabled: rightProps.isDisabled,
@@ -136,6 +136,9 @@ const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrow
   const _useSlotProps = (0, _utils2.useSlotProps)({
       elementType: LeftArrowIcon,
       externalSlotProps: slotProps?.leftArrowIcon ?? componentsProps?.leftArrowIcon,
+      additionalProps: {
+        fontSize: 'inherit'
+      },
       ownerState: undefined
     }),
     leftArrowIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
@@ -144,6 +147,9 @@ const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrow
   const _useSlotProps2 = (0, _utils2.useSlotProps)({
       elementType: RightArrowIcon,
       externalSlotProps: slotProps?.rightArrowIcon ?? componentsProps?.rightArrowIcon,
+      additionalProps: {
+        fontSize: 'inherit'
+      },
       ownerState: undefined
     }),
     rightArrowIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps2, _excluded3);