@mui/x-date-pickers 7.0.0-alpha.7 → 7.0.0-alpha.9

package/legacy/TimeClock/TimeClock.js

@@ -475,6 +475,7 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
   view: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
   /**
    * Available views.
+   * @default ['hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/legacy/TimePicker/TimePicker.js

@@ -64,9 +64,6 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: PropTypes.bool,
-  /**
-   * Class name applied to the root element.
-   */
   className: PropTypes.string,
   /**
    * If `true`, the popover or modal will close after submitting the full date.

package/legacy/TimePicker/TimePickerToolbar.js

@@ -223,9 +223,6 @@ process.env.NODE_ENV !== "production" ? TimePickerToolbar.propTypes = {
   ampm: PropTypes.bool,
   ampmInClock: PropTypes.bool,
   classes: PropTypes.object,
-  /**
-   * className applied to the root component.
-   */
   className: PropTypes.string,
   disabled: PropTypes.bool,
   /**

package/legacy/YearCalendar/YearCalendar.js

@@ -278,9 +278,6 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-  /**
-   * className applied to the root element.
-   */
   className: PropTypes.string,
   /**
    * The default selected value.

package/legacy/hooks/useClearableField.js

@@ -42,8 +42,8 @@ export var useClearableField = function useClearableField(props) {
   });
   return _extends({}, other, {
     InputProps: _extends({}, InputProps, {
-      endAdornment: clearable ? /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [/*#__PURE__*/_jsx(InputAdornment, {
+      endAdornment: /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [clearable && /*#__PURE__*/_jsx(InputAdornment, {
           position: "end",
           sx: {
             marginRight: InputProps != null && InputProps.endAdornment ? -1 : -1.5
@@ -55,7 +55,7 @@ export var useClearableField = function useClearableField(props) {
             }, endClearIconProps))
           }))
         }), InputProps == null ? void 0 : InputProps.endAdornment]
-      }) : InputProps == null ? void 0 : InputProps.endAdornment
+      })
     }),
     sx: [{
       '& .clearButton': {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-alpha.7
+ * @mui/x-date-pickers v7.0.0-alpha.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -11,7 +11,7 @@ export * from './DigitalClock';
 export * from './MultiSectionDigitalClock';
 export * from './LocalizationProvider';
 export * from './PickersDay';
-export * from './locales';
+export * from './locales/utils/pickersLocaleTextApi';
 
 // Fields
 export * from './DateField';
@@ -51,6 +51,7 @@ export * from './PickersShortcuts';
 export * from './PickersCalendarHeader';
 
 // Field utilities
+export * from './PickersTextField';
 export * from './PickersSectionList';
 export { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from './internals/utils/utils';
 export * from './models';

package/legacy/internals/hooks/useField/useField.js

@@ -25,6 +25,7 @@ export var useField = function useField(params) {
     updateValueFromValueStr = _useFieldState.updateValueFromValueStr,
     setTempAndroidValueStr = _useFieldState.setTempAndroidValueStr,
     sectionsValueBoundaries = _useFieldState.sectionsValueBoundaries,
+    localizedDigits = _useFieldState.localizedDigits,
     placeholder = _useFieldState.placeholder,
     timezone = _useFieldState.timezone;
   var internalProps = params.internalProps,
@@ -53,6 +54,7 @@ export var useField = function useField(params) {
       sections: state.sections,
       updateSectionValue: updateSectionValue,
       sectionsValueBoundaries: sectionsValueBoundaries,
+      localizedDigits: localizedDigits,
       setTempAndroidValueStr: setTempAndroidValueStr,
       timezone: timezone
     }),
@@ -200,7 +202,7 @@ export var useField = function useField(params) {
     if (selectedSectionIndexes.startIndex === 0 && selectedSectionIndexes.endIndex === state.sections.length - 1 && cleanValueStr.length === 1) {
       keyPressed = cleanValueStr;
     } else {
-      var prevValueStr = cleanString(fieldValueManager.getValueStrFromSections(state.sections, isRTL));
+      var prevValueStr = cleanString(fieldValueManager.getValueStrFromSections(state.sections, localizedDigits, isRTL));
       var startOfDiffIndex = -1;
       var endOfDiffIndex = -1;
       for (var i = 0; i < prevValueStr.length; i += 1) {
@@ -310,7 +312,7 @@ export var useField = function useField(params) {
           }
           var activeSection = state.sections[selectedSectionIndexes.startIndex];
           var activeDateManager = fieldValueManager.getActiveDateManager(utils, state, activeSection);
-          var newSectionValue = adjustSectionValue(utils, timezone, activeSection, event.key, sectionsValueBoundaries, activeDateManager.date, {
+          var newSectionValue = adjustSectionValue(utils, timezone, activeSection, event.key, sectionsValueBoundaries, localizedDigits, activeDateManager.date, {
             minutesStep: minutesStep
           });
           updateSectionValue({
@@ -397,8 +399,8 @@ export var useField = function useField(params) {
 
   var valueStr = React.useMemo(function () {
     var _state$tempValueStrAn;
-    return (_state$tempValueStrAn = state.tempValueStrAndroid) != null ? _state$tempValueStrAn : fieldValueManager.getValueStrFromSections(state.sections, isRTL);
-  }, [state.sections, fieldValueManager, state.tempValueStrAndroid, isRTL]);
+    return (_state$tempValueStrAn = state.tempValueStrAndroid) != null ? _state$tempValueStrAn : fieldValueManager.getValueStrFromSections(state.sections, localizedDigits, isRTL);
+  }, [state.sections, fieldValueManager, state.tempValueStrAndroid, localizedDigits, isRTL]);
   var inputMode = React.useMemo(function () {
     if (selectedSectionIndexes == null) {
       return 'text';

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

@@ -4,7 +4,7 @@ import { getMonthsInYear } from '../../utils/date-utils';
 export var getDateSectionConfigFromFormatToken = function getDateSectionConfigFromFormatToken(utils, formatToken) {
   var config = utils.formatTokenMap[formatToken];
   if (config == null) {
-    throw new Error(["MUI: The token \"".concat(formatToken, "\" is not supported by the Date and Time Pickers."), 'Please try using another token or open an issue on https://github.com/mui/mui-x/issues/new/choose if you think it should be supported.'].join('\n'));
+    throw new Error(["MUI X: The token \"".concat(formatToken, "\" is not supported by the Date and Time Pickers."), 'Please try using another token or open an issue on https://github.com/mui/mui-x/issues/new/choose if you think it should be supported.'].join('\n'));
   }
   if (typeof config === 'string') {
     return {
@@ -72,7 +72,58 @@ export var getLetterEditingOptions = function getLetterEditingOptions(utils, tim
       }
   }
 };
-export var cleanLeadingZeros = function cleanLeadingZeros(utils, valueStr, size) {
+
+// This format should be the same on all the adapters
+// If some adapter does not respect this convention, then we will need to hardcode the format on each adapter.
+export var FORMAT_SECONDS_NO_LEADING_ZEROS = 's';
+var NON_LOCALIZED_DIGITS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+export var getLocalizedDigits = function getLocalizedDigits(utils) {
+  var today = utils.date(undefined);
+  var formattedZero = utils.formatByString(utils.setSeconds(today, 0), FORMAT_SECONDS_NO_LEADING_ZEROS);
+  if (formattedZero === '0') {
+    return NON_LOCALIZED_DIGITS;
+  }
+  return Array.from({
+    length: 10
+  }).map(function (_, index) {
+    return utils.formatByString(utils.setSeconds(today, index), FORMAT_SECONDS_NO_LEADING_ZEROS);
+  });
+};
+export var removeLocalizedDigits = function removeLocalizedDigits(valueStr, localizedDigits) {
+  if (localizedDigits[0] === '0') {
+    return valueStr;
+  }
+  var digits = [];
+  var currentFormattedDigit = '';
+  for (var i = 0; i < valueStr.length; i += 1) {
+    currentFormattedDigit += valueStr[i];
+    var matchingDigitIndex = localizedDigits.indexOf(currentFormattedDigit);
+    if (matchingDigitIndex > -1) {
+      digits.push(matchingDigitIndex.toString());
+      currentFormattedDigit = '';
+    }
+  }
+  return digits.join('');
+};
+export var applyLocalizedDigits = function applyLocalizedDigits(valueStr, localizedDigits) {
+  if (localizedDigits[0] === '0') {
+    return valueStr;
+  }
+  return valueStr.split('').map(function (char) {
+    return localizedDigits[Number(char)];
+  }).join('');
+};
+export var isStringNumber = function isStringNumber(valueStr, localizedDigits) {
+  var nonLocalizedValueStr = removeLocalizedDigits(valueStr, localizedDigits);
+  return !Number.isNaN(Number(nonLocalizedValueStr));
+};
+
+/**
+ * Remove the leading zeroes to a digit section value.
+ * E.g.: `03` => `3`
+ * Warning: Should only be called with non-localized digits. Call `removeLocalizedDigits` with your value if needed.
+ */
+export var cleanLeadingZeros = function cleanLeadingZeros(valueStr, size) {
   var cleanValueStr = valueStr;
 
   // Remove the leading zeros
@@ -84,10 +135,10 @@ export var cleanLeadingZeros = function cleanLeadingZeros(utils, valueStr, size)
   }
   return cleanValueStr;
 };
-export var cleanDigitSectionValue = function cleanDigitSectionValue(utils, timezone, value, sectionBoundaries, section) {
+export var cleanDigitSectionValue = function cleanDigitSectionValue(utils, value, sectionBoundaries, localizedDigits, section) {
   if (process.env.NODE_ENV !== 'production') {
     if (section.type !== 'day' && section.contentType === 'digit-with-letter') {
-      throw new Error(["MUI: The token \"".concat(section.format, "\" is a digit format with letter in it.'\n             This type of format is only supported for 'day' sections")].join('\n'));
+      throw new Error(["MUI X: The token \"".concat(section.format, "\" is a digit format with letter in it.'\n             This type of format is only supported for 'day' sections")].join('\n'));
     }
   }
   if (section.type === 'day' && section.contentType === 'digit-with-letter') {
@@ -98,11 +149,11 @@ export var cleanDigitSectionValue = function cleanDigitSectionValue(utils, timez
   // queryValue without leading `0` (`01` => `1`)
   var valueStr = value.toString();
   if (section.hasLeadingZerosInInput) {
-    return cleanLeadingZeros(utils, valueStr, section.maxLength);
+    valueStr = cleanLeadingZeros(valueStr, section.maxLength);
   }
-  return valueStr;
+  return applyLocalizedDigits(valueStr, localizedDigits);
 };
-export var adjustSectionValue = function adjustSectionValue(utils, timezone, section, keyCode, sectionsValueBoundaries, activeDate, stepsAttributes) {
+export var adjustSectionValue = function adjustSectionValue(utils, timezone, section, keyCode, sectionsValueBoundaries, localizedDigits, activeDate, stepsAttributes) {
   var delta = getDeltaFromKeyCode(keyCode);
   var isStart = keyCode === 'Home';
   var isEnd = keyCode === 'End';
@@ -114,10 +165,10 @@ export var adjustSectionValue = function adjustSectionValue(utils, timezone, sec
       contentType: section.contentType
     });
     var getCleanValue = function getCleanValue(value) {
-      return cleanDigitSectionValue(utils, timezone, value, sectionBoundaries, section);
+      return cleanDigitSectionValue(utils, value, sectionBoundaries, localizedDigits, section);
     };
     var step = section.type === 'minutes' && stepsAttributes != null && stepsAttributes.minutesStep ? stepsAttributes.minutesStep : 1;
-    var currentSectionValue = parseInt(section.value, 10);
+    var currentSectionValue = parseInt(removeLocalizedDigits(section.value, localizedDigits), 10);
     var newSectionValueNumber = currentSectionValue + delta * step;
     if (shouldSetAbsolute) {
       if (section.type === 'year' && !isEnd && !isStart) {
@@ -165,11 +216,11 @@ export var adjustSectionValue = function adjustSectionValue(utils, timezone, sec
   }
   return adjustLetterSection();
 };
-export var getSectionVisibleValue = function getSectionVisibleValue(section, target) {
+export var getSectionVisibleValue = function getSectionVisibleValue(section, target, localizedDigits) {
   var value = section.value || section.placeholder;
   var hasLeadingZeros = target === 'non-input' ? section.hasLeadingZerosInFormat : section.hasLeadingZerosInInput;
   if (target === 'non-input' && section.hasLeadingZerosInInput && !section.hasLeadingZerosInFormat) {
-    value = Number(value).toString();
+    value = Number(removeLocalizedDigits(value, localizedDigits)).toString();
   }
 
   // In the input, we add an empty character at the end of each section without leading zeros.
@@ -189,13 +240,13 @@ export var getSectionVisibleValue = function getSectionVisibleValue(section, tar
 export var cleanString = function cleanString(dirtyString) {
   return dirtyString.replace(/[\u2066\u2067\u2068\u2069]/g, '');
 };
-export var addPositionPropertiesToSections = function addPositionPropertiesToSections(sections, isRTL) {
+export var addPositionPropertiesToSections = function addPositionPropertiesToSections(sections, localizedDigits, isRTL) {
   var position = 0;
   var positionInInput = isRTL ? 1 : 0;
   var newSections = [];
   for (var i = 0; i < sections.length; i += 1) {
     var section = sections[i];
-    var renderedValue = getSectionVisibleValue(section, isRTL ? 'input-rtl' : 'input-ltr');
+    var renderedValue = getSectionVisibleValue(section, isRTL ? 'input-rtl' : 'input-ltr', localizedDigits);
     var sectionStr = "".concat(section.startSeparator).concat(renderedValue).concat(section.endSeparator);
     var sectionLength = cleanString(sectionStr).length;
     var sectionLengthInInput = sectionStr.length;
@@ -348,7 +399,7 @@ var getEscapedPartsFromFormat = function getEscapedPartsFromFormat(utils, format
   }
   return escapedParts;
 };
-export var splitFormatIntoSections = function splitFormatIntoSections(utils, timezone, localeText, format, date, formatDensity, shouldRespectLeadingZeros, isRTL) {
+export var splitFormatIntoSections = function splitFormatIntoSections(utils, timezone, localeText, localizedDigits, format, date, formatDensity, shouldRespectLeadingZeros, isRTL) {
   var startSeparator = '';
   var sections = [];
   var now = utils.date();
@@ -367,11 +418,11 @@ export var splitFormatIntoSections = function splitFormatIntoSections(utils, tim
         maxLength = sectionValue === '' ? utils.formatByString(now, token).length : sectionValue.length;
       } else {
         if (sectionConfig.maxLength == null) {
-          throw new Error("MUI: The token ".concat(token, " should have a 'maxDigitNumber' property on it's adapter"));
+          throw new Error("MUI X: The token ".concat(token, " should have a 'maxDigitNumber' property on it's adapter"));
         }
         maxLength = sectionConfig.maxLength;
         if (isValidDate) {
-          sectionValue = cleanLeadingZeros(utils, sectionValue, maxLength);
+          sectionValue = applyLocalizedDigits(cleanLeadingZeros(removeLocalizedDigits(sectionValue, localizedDigits), maxLength), localizedDigits);
         }
       }
     }
@@ -398,7 +449,7 @@ export var splitFormatIntoSections = function splitFormatIntoSections(utils, tim
     nextFormat = utils.expandFormat(prevFormat);
     formatExpansionOverflow -= 1;
     if (formatExpansionOverflow < 0) {
-      throw new Error('MUI: The format expansion seems to be  enter in an infinite loop. Please open an issue with the format passed to the picker component');
+      throw new Error('MUI X: The format expansion seems to be  enter in an infinite loop. Please open an issue with the format passed to the picker component.');
     }
   }
   var expandedFormat = nextFormat;
@@ -480,7 +531,7 @@ export var splitFormatIntoSections = function splitFormatIntoSections(utils, tim
  * Some date libraries like `dayjs` don't support parsing from date with escaped characters.
  * To make sure that the parsing works, we are building a format and a date without any separator.
  */
-export var getDateFromDateSections = function getDateFromDateSections(utils, sections) {
+export var getDateFromDateSections = function getDateFromDateSections(utils, sections, localizedDigits) {
   // If we have both a day and a weekDay section,
   // Then we skip the weekDay in the parsing because libraries like dayjs can't parse complicated formats containing a weekDay.
   // dayjs(dayjs().format('dddd MMMM D YYYY'), 'dddd MMMM D YYYY')) // returns `Invalid Date` even if the format is valid.
@@ -494,16 +545,16 @@ export var getDateFromDateSections = function getDateFromDateSections(utils, sec
     var shouldSkip = shouldSkipWeekDays && section.type === 'weekDay';
     if (!shouldSkip) {
       sectionFormats.push(section.format);
-      sectionValues.push(getSectionVisibleValue(section, 'non-input'));
+      sectionValues.push(getSectionVisibleValue(section, 'non-input', localizedDigits));
     }
   }
   var formatWithoutSeparator = sectionFormats.join(' ');
   var dateWithoutSeparatorStr = sectionValues.join(' ');
   return utils.parse(dateWithoutSeparatorStr, formatWithoutSeparator);
 };
-export var createDateStrForInputFromSections = function createDateStrForInputFromSections(sections, isRTL) {
+export var createDateStrForInputFromSections = function createDateStrForInputFromSections(sections, localizedDigits, isRTL) {
   var formattedSections = sections.map(function (section) {
-    var dateValue = getSectionVisibleValue(section, isRTL ? 'input-rtl' : 'input-ltr');
+    var dateValue = getSectionVisibleValue(section, isRTL ? 'input-rtl' : 'input-ltr', localizedDigits);
     return "".concat(section.startSeparator).concat(dateValue).concat(section.endSeparator);
   });
   var dateStr = formattedSections.join('');
@@ -518,7 +569,7 @@ export var createDateStrForInputFromSections = function createDateStrForInputFro
   // wrap into an isolated group such that separators can split the string in smaller ones by adding \u2069\u2068
   return "\u2066".concat(dateStr, "\u2069");
 };
-export var getSectionsBoundaries = function getSectionsBoundaries(utils, timezone) {
+export var getSectionsBoundaries = function getSectionsBoundaries(utils, localizedDigits, timezone) {
   var today = utils.date(undefined, timezone);
   var endOfYear = utils.endOfYear(today);
   var endOfDay = utils.endOfDay(today);
@@ -578,11 +629,11 @@ export var getSectionsBoundaries = function getSectionsBoundaries(utils, timezon
     hours: function hours(_ref4) {
       var format = _ref4.format;
       var lastHourInDay = utils.getHours(endOfDay);
-      var hasMeridiem = utils.formatByString(utils.endOfDay(today), format) !== lastHourInDay.toString();
+      var hasMeridiem = removeLocalizedDigits(utils.formatByString(utils.endOfDay(today), format), localizedDigits) !== lastHourInDay.toString();
       if (hasMeridiem) {
         return {
           minimum: 1,
-          maximum: Number(utils.formatByString(utils.startOfDay(today), format))
+          maximum: Number(removeLocalizedDigits(utils.formatByString(utils.startOfDay(today), format), localizedDigits))
         };
       }
       return {
@@ -633,7 +684,7 @@ export var validateSections = function validateSections(sections, valueType) {
         return !supportedSections.includes(section.type);
       });
       if (invalidSection) {
-        console.warn("MUI: The field component you are using is not compatible with the \"".concat(invalidSection.type, "\" date section."), "The supported date sections are [\"".concat(supportedSections.join('", "'), "\"]`."));
+        console.warn("MUI X: The field component you are using is not compatible with the \"".concat(invalidSection.type, "\" date section."), "The supported date sections are [\"".concat(supportedSections.join('", "'), "\"]`."));
         warnedOnceInvalidSection = true;
       }
     }

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

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { useUtils } from '../useUtils';
-import { changeSectionValueFormat, cleanDigitSectionValue, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, getDaysInWeekStr, getLetterEditingOptions } from './useField.utils';
+import { changeSectionValueFormat, cleanDigitSectionValue, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, getDaysInWeekStr, getLetterEditingOptions, applyLocalizedDigits, removeLocalizedDigits, isStringNumber } from './useField.utils';
 
 /**
  * The letter editing and the numeric editing each define a `CharacterEditingApplier`.
@@ -43,6 +43,7 @@ export var useFieldCharacterEditing = function useFieldCharacterEditing(_ref) {
   var sections = _ref.sections,
     updateSectionValue = _ref.updateSectionValue,
     sectionsValueBoundaries = _ref.sectionsValueBoundaries,
+    localizedDigits = _ref.localizedDigits,
     setTempAndroidValueStr = _ref.setTempAndroidValueStr,
     timezone = _ref.timezone;
   var utils = useUtils();
@@ -77,7 +78,7 @@ export var useFieldCharacterEditing = function useFieldCharacterEditing(_ref) {
     var activeSection = sections[sectionIndex];
 
     // The current query targets the section being editing
-    // We can try to concatenated value
+    // We can try to concatenate the value
     if (query != null && (!isValidQueryValue || isValidQueryValue(query.value)) && query.sectionIndex === sectionIndex) {
       var concatenatedQueryValue = "".concat(query.value).concat(cleanKeyPressed);
       var _queryResponse = getFirstSectionValueMatchingWithQuery(concatenatedQueryValue, activeSection);
@@ -179,7 +180,8 @@ export var useFieldCharacterEditing = function useFieldCharacterEditing(_ref) {
   };
   var applyNumericEditing = function applyNumericEditing(params) {
     var getNewSectionValue = function getNewSectionValue(queryValue, section) {
-      var queryValueNumber = Number("".concat(queryValue));
+      var cleanQueryValue = removeLocalizedDigits(queryValue, localizedDigits);
+      var queryValueNumber = Number(cleanQueryValue);
       var sectionBoundaries = sectionsValueBoundaries[section.type]({
         currentDate: null,
         format: section.format,
@@ -199,8 +201,8 @@ export var useFieldCharacterEditing = function useFieldCharacterEditing(_ref) {
           saveQuery: true
         };
       }
-      var shouldGoToNextSection = Number("".concat(queryValue, "0")) > sectionBoundaries.maximum || queryValue.length === sectionBoundaries.maximum.toString().length;
-      var newSectionValue = cleanDigitSectionValue(utils, timezone, queryValueNumber, sectionBoundaries, section);
+      var shouldGoToNextSection = queryValueNumber * 10 > sectionBoundaries.maximum || cleanQueryValue.length === sectionBoundaries.maximum.toString().length;
+      var newSectionValue = cleanDigitSectionValue(utils, queryValueNumber, sectionBoundaries, localizedDigits, section);
       return {
         sectionValue: newSectionValue,
         shouldGoToNextSection: shouldGoToNextSection
@@ -249,13 +251,15 @@ export var useFieldCharacterEditing = function useFieldCharacterEditing(_ref) {
       };
     };
     return applyQuery(params, getFirstSectionValueMatchingWithQuery, function (queryValue) {
-      return !Number.isNaN(Number(queryValue));
+      return isStringNumber(queryValue, localizedDigits);
     });
   };
   var applyCharacterEditing = useEventCallback(function (params) {
     var activeSection = sections[params.sectionIndex];
-    var isNumericEditing = !Number.isNaN(Number(params.keyPressed));
-    var response = isNumericEditing ? applyNumericEditing(params) : applyLetterEditing(params);
+    var isNumericEditing = isStringNumber(params.keyPressed, localizedDigits);
+    var response = isNumericEditing ? applyNumericEditing(_extends({}, params, {
+      keyPressed: applyLocalizedDigits(params.keyPressed, localizedDigits)
+    })) : applyLetterEditing(params);
     if (response == null) {
       setTempAndroidValueStr(null);
     } else {

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

@@ -5,7 +5,7 @@ import * as React from 'react';
 import useControlled from '@mui/utils/useControlled';
 import { useTheme } from '@mui/material/styles';
 import { useUtils, useLocaleText, useLocalizationContext } from '../useUtils';
-import { addPositionPropertiesToSections, splitFormatIntoSections, mergeDateIntoReferenceDate, getSectionsBoundaries, validateSections, getDateFromDateSections } from './useField.utils';
+import { addPositionPropertiesToSections, splitFormatIntoSections, mergeDateIntoReferenceDate, getSectionsBoundaries, validateSections, getDateFromDateSections, getLocalizedDigits } from './useField.utils';
 import { useValueWithTimezone } from '../useValueWithTimezone';
 import { getSectionTypeGranularity } from '../../utils/getDefaultReferenceDate';
 export var useFieldState = function useFieldState(params) {
@@ -42,18 +42,21 @@ export var useFieldState = function useFieldState(params) {
     timezone = _useValueWithTimezone.timezone,
     valueFromTheOutside = _useValueWithTimezone.value,
     handleValueChange = _useValueWithTimezone.handleValueChange;
+  var localizedDigits = React.useMemo(function () {
+    return getLocalizedDigits(utils);
+  }, [utils]);
   var sectionsValueBoundaries = React.useMemo(function () {
-    return getSectionsBoundaries(utils, timezone);
-  }, [utils, timezone]);
+    return getSectionsBoundaries(utils, localizedDigits, timezone);
+  }, [utils, localizedDigits, timezone]);
   var getSectionsFromValue = React.useCallback(function (value) {
     var fallbackSections = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    return fieldValueManager.getSectionsFromValue(utils, value, fallbackSections, isRTL, function (date) {
-      return splitFormatIntoSections(utils, timezone, localeText, format, date, formatDensity, shouldRespectLeadingZeros, isRTL);
+    return fieldValueManager.getSectionsFromValue(utils, value, fallbackSections, localizedDigits, isRTL, function (date) {
+      return splitFormatIntoSections(utils, timezone, localeText, localizedDigits, format, date, formatDensity, shouldRespectLeadingZeros, isRTL);
     });
-  }, [fieldValueManager, format, localeText, isRTL, shouldRespectLeadingZeros, utils, formatDensity, timezone]);
+  }, [fieldValueManager, format, localeText, localizedDigits, isRTL, shouldRespectLeadingZeros, utils, formatDensity, timezone]);
   var placeholder = React.useMemo(function () {
-    return fieldValueManager.getValueStrFromSections(getSectionsFromValue(valueManager.emptyValue), isRTL);
-  }, [fieldValueManager, getSectionsFromValue, valueManager.emptyValue, isRTL]);
+    return fieldValueManager.getValueStrFromSections(getSectionsFromValue(valueManager.emptyValue), localizedDigits, isRTL);
+  }, [fieldValueManager, getSectionsFromValue, valueManager.emptyValue, localizedDigits, isRTL]);
   var _React$useState = React.useState(function () {
       var sections = getSectionsFromValue(valueFromTheOutside);
       validateSections(sections, valueType);
@@ -162,7 +165,7 @@ export var useFieldState = function useFieldState(params) {
       value: newSectionValue,
       modified: true
     });
-    return addPositionPropertiesToSections(newSections, isRTL);
+    return addPositionPropertiesToSections(newSections, localizedDigits, isRTL);
   };
   var clearValue = function clearValue() {
     publishValue({
@@ -203,7 +206,7 @@ export var useFieldState = function useFieldState(params) {
       if (date == null || !utils.isValid(date)) {
         return null;
       }
-      var sections = splitFormatIntoSections(utils, timezone, localeText, format, date, formatDensity, shouldRespectLeadingZeros, isRTL);
+      var sections = splitFormatIntoSections(utils, timezone, localeText, localizedDigits, format, date, formatDensity, shouldRespectLeadingZeros, isRTL);
       return mergeDateIntoReferenceDate(utils, timezone, date, sections, referenceDate, false);
     };
     var newValue = fieldValueManager.parseValueStr(valueStr, state.referenceValue, parseDateStr);
@@ -233,7 +236,7 @@ export var useFieldState = function useFieldState(params) {
     var activeDateManager = fieldValueManager.getActiveDateManager(utils, state, activeSection);
     var newSections = setSectionValue(selectedSectionIndexes.startIndex, newSectionValue);
     var newActiveDateSections = activeDateManager.getSections(newSections);
-    var newActiveDate = getDateFromDateSections(utils, newActiveDateSections);
+    var newActiveDate = getDateFromDateSections(utils, newActiveDateSections, localizedDigits);
     var values;
     var shouldPublish;
 
@@ -311,6 +314,7 @@ export var useFieldState = function useFieldState(params) {
     updateValueFromValueStr: updateValueFromValueStr,
     setTempAndroidValueStr: setTempAndroidValueStr,
     sectionsValueBoundaries: sectionsValueBoundaries,
+    localizedDigits: localizedDigits,
     placeholder: placeholder,
     timezone: timezone
   };

package/legacy/internals/hooks/usePicker/usePickerValue.js

@@ -129,12 +129,12 @@ export var usePickerValue = function usePickerValue(_ref) {
   if (process.env.NODE_ENV !== 'production') {
     React.useEffect(function () {
       if (isControlled !== (inValue !== undefined)) {
-        console.error(["MUI: A component is changing the ".concat(isControlled ? '' : 'un', "controlled value of a picker to be ").concat(isControlled ? 'un' : '', "controlled."), 'Elements should not switch from uncontrolled to controlled (or vice versa).', "Decide between using a controlled or uncontrolled value" + 'for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
+        console.error(["MUI X: A component is changing the ".concat(isControlled ? '' : 'un', "controlled value of a picker to be ").concat(isControlled ? 'un' : '', "controlled."), 'Elements should not switch from uncontrolled to controlled (or vice versa).', "Decide between using a controlled or uncontrolled value" + 'for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
       }
     }, [inValue]);
     React.useEffect(function () {
       if (!isControlled && defaultValue !== inDefaultValue) {
-        console.error(["MUI: A component is changing the defaultValue of an uncontrolled picker after being initialized. " + "To suppress this warning opt to use a controlled value."].join('\n'));
+        console.error(["MUI X: A component is changing the defaultValue of an uncontrolled picker after being initialized. " + "To suppress this warning opt to use a controlled value."].join('\n'));
       }
     }, [JSON.stringify(defaultValue)]);
   }

package/legacy/internals/hooks/useUtils.js

@@ -5,10 +5,10 @@ import { DEFAULT_LOCALE } from '../../locales/enUS';
 export var useLocalizationContext = function useLocalizationContext() {
   var localization = React.useContext(MuiPickersAdapterContext);
   if (localization === null) {
-    throw new Error(['MUI: Can not find the date and time pickers localization context.', 'It looks like you forgot to wrap your component in LocalizationProvider.', 'This can also happen if you are bundling multiple versions of the `@mui/x-date-pickers` package'].join('\n'));
+    throw new Error(['MUI X: Can not find the date and time pickers localization context.', 'It looks like you forgot to wrap your component in LocalizationProvider.', 'This can also happen if you are bundling multiple versions of the `@mui/x-date-pickers` package'].join('\n'));
   }
   if (localization.utils === null) {
-    throw new Error(['MUI: Can not find the date and time pickers adapter from its localization context.', 'It looks like you forgot to pass a `dateAdapter` to your LocalizationProvider.'].join('\n'));
+    throw new Error(['MUI X: Can not find the date and time pickers adapter from its localization context.', 'It looks like you forgot to pass a `dateAdapter` to your LocalizationProvider.'].join('\n'));
   }
   var localeText = React.useMemo(function () {
     return _extends({}, DEFAULT_LOCALE, localization.localeText);

package/legacy/internals/hooks/useViews.js

@@ -16,11 +16,11 @@ export function useViews(_ref) {
   if (process.env.NODE_ENV !== 'production') {
     if (!warnedOnceNotValidView) {
       if (inView != null && !views.includes(inView)) {
-        console.warn("MUI: `view=\"".concat(inView, "\"` is not a valid prop."), "It must be an element of `views=[\"".concat(views.join('", "'), "\"]`."));
+        console.warn("MUI X: `view=\"".concat(inView, "\"` is not a valid prop."), "It must be an element of `views=[\"".concat(views.join('", "'), "\"]`."));
         warnedOnceNotValidView = true;
       }
       if (inView == null && openTo != null && !views.includes(openTo)) {
-        console.warn("MUI: `openTo=\"".concat(openTo, "\"` is not a valid prop."), "It must be an element of `views=[\"".concat(views.join('", "'), "\"]`."));
+        console.warn("MUI X: `openTo=\"".concat(openTo, "\"` is not a valid prop."), "It must be an element of `views=[\"".concat(views.join('", "'), "\"]`."));
         warnedOnceNotValidView = true;
       }
     }

package/legacy/internals/index.js

@@ -14,10 +14,12 @@ export { useField, createDateStrForInputFromSections, addPositionPropertiesToSec
 export { usePicker } from './hooks/usePicker';
 export { useStaticPicker } from './hooks/useStaticPicker';
 export { useLocalizationContext, useDefaultDates, useUtils, useLocaleText, useNow } from './hooks/useUtils';
+export { useViews } from './hooks/useViews';
 export { useValidation } from './hooks/useValidation';
 export { usePreviousMonthDisabled, useNextMonthDisabled } from './hooks/date-helpers-hooks';
 export { convertFieldResponseIntoMuiTextFieldProps } from './utils/convertFieldResponseIntoMuiTextFieldProps';
-export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual, getTodayDate } from './utils/date-utils';
+export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual, getTodayDate, isDatePickerView, mergeDateAndTime, formatMeridiem } from './utils/date-utils';
+export { resolveTimeViewsResponse } from './utils/date-time-utils';
 export { splitFieldInternalAndForwardedProps } from './utils/fields';
 export { getDefaultReferenceDate } from './utils/getDefaultReferenceDate';
 export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from './utils/utils';
@@ -26,6 +28,8 @@ export { extractValidationProps } from './utils/validation/extractValidationProp
 export { validateDate } from './utils/validation/validateDate';
 export { validateDateTime } from './utils/validation/validateDateTime';
 export { validateTime } from './utils/validation/validateTime';
+export { applyDefaultViewProps } from './utils/views';
 export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
 export { DayCalendar } from '../DateCalendar/DayCalendar';
-export { useCalendarState } from '../DateCalendar/useCalendarState';
+export { useCalendarState } from '../DateCalendar/useCalendarState';
+export { isTimeView } from './utils/time-utils';

package/legacy/internals/utils/valueManagers.js

@@ -38,12 +38,12 @@ export var singleItemFieldValueManager = {
   updateReferenceValue: function updateReferenceValue(utils, value, prevReferenceValue) {
     return value == null || !utils.isValid(value) ? prevReferenceValue : value;
   },
-  getSectionsFromValue: function getSectionsFromValue(utils, date, prevSections, isRTL, getSectionsFromDate) {
+  getSectionsFromValue: function getSectionsFromValue(utils, date, prevSections, localizedDigits, isRTL, getSectionsFromDate) {
     var shouldReUsePrevDateSections = !utils.isValid(date) && !!prevSections;
     if (shouldReUsePrevDateSections) {
       return prevSections;
     }
-    return addPositionPropertiesToSections(getSectionsFromDate(date), isRTL);
+    return addPositionPropertiesToSections(getSectionsFromDate(date), localizedDigits, isRTL);
   },
   getValueStrFromSections: createDateStrForInputFromSections,
   getActiveDateManager: function getActiveDateManager(utils, state) {

package/legacy/internals/utils/views.js

@@ -20,7 +20,7 @@ export var applyDefaultViewProps = function applyDefaultViewProps(_ref) {
   } else if (viewsWithDefault.length > 0) {
     openToWithDefault = viewsWithDefault[0];
   } else {
-    throw new Error('MUI: The `views` prop must contain at least one view');
+    throw new Error('MUI X: The `views` prop must contain at least one view.');
   }
   return {
     views: viewsWithDefault,

package/legacy/locales/index.js

@@ -1,6 +1,7 @@
 export * from './beBY';
 export * from './caES';
 export * from './csCZ';
+export * from './daDK';
 export * from './deDE';
 export * from './elGR';
 export * from './enUS';

package/locales/enUS.d.ts

@@ -24,7 +24,7 @@ export declare const enUS: {
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
-                    selectViewText?: ((view: import("../internals/models").TimeViewWithMeridiem) => string) | undefined;
+                    selectViewText?: ((view: import("../internals").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;

package/locales/index.d.ts

@@ -1,6 +1,7 @@
 export * from './beBY';
 export * from './caES';
 export * from './csCZ';
+export * from './daDK';
 export * from './deDE';
 export * from './elGR';
 export * from './enUS';