@mui/x-date-pickers 6.0.2 → 6.0.3

package/node/PickersDay/PickersDay.js

@@ -45,16 +45,16 @@ const styleArg = ({
   height: _dimensions.DAY_SIZE,
   borderRadius: '50%',
   padding: 0,
-  // background required here to prevent collides with the other days when animating with transition group
-  backgroundColor: (theme.vars || theme).palette.background.paper,
+  // explicitly setting to `transparent` to avoid potentially getting impacted by change from the overridden component
+  backgroundColor: 'transparent',
   color: (theme.vars || theme).palette.text.primary,
   '@media (pointer: fine)': {
     '&:hover': {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _styles.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity)
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity)
     }
   },
   '&:focus': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _styles.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity),
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.focusOpacity),
     [`&.${_pickersDayClasses.pickersDayClasses.selected}`]: {
       willChange: 'background-color',
       backgroundColor: (theme.vars || theme).palette.primary.dark

package/node/TimeField/TimeField.js

@@ -289,6 +289,10 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  unstableFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/node/TimeField/useTimeField.js

@@ -11,7 +11,7 @@ var _valueManagers = require("../internals/utils/valueManagers");
 var _useField = require("../internals/hooks/useField");
 var _useTimeValidation = require("../internals/hooks/validation/useTimeValidation");
 var _useUtils = require("../internals/hooks/useUtils");
-const _excluded = ["value", "defaultValue", "format", "onChange", "readOnly", "onError", "disableFuture", "disablePast", "minTime", "maxTime", "minutesStep", "shouldDisableClock", "shouldDisableTime", "disableIgnoringDatePartForTimeValidation", "selectedSections", "onSelectedSectionsChange", "ampm"];
+const _excluded = ["value", "defaultValue", "format", "onChange", "readOnly", "onError", "disableFuture", "disablePast", "minTime", "maxTime", "minutesStep", "shouldDisableClock", "shouldDisableTime", "disableIgnoringDatePartForTimeValidation", "selectedSections", "onSelectedSectionsChange", "ampm", "unstableFieldRef"];
 const useDefaultizedTimeField = props => {
   const utils = (0, _useUtils.useUtils)();
   const ampm = props.ampm ?? utils.is12HourCycleInCurrentLocale();
@@ -44,7 +44,8 @@ const useTimeField = ({
       disableIgnoringDatePartForTimeValidation,
       selectedSections,
       onSelectedSectionsChange,
-      ampm
+      ampm,
+      unstableFieldRef
     } = _useDefaultizedTimeFi,
     other = (0, _objectWithoutPropertiesLoose2.default)(_useDefaultizedTimeFi, _excluded);
   return (0, _useField.useField)({
@@ -67,7 +68,8 @@ const useTimeField = ({
       disableIgnoringDatePartForTimeValidation,
       selectedSections,
       onSelectedSectionsChange,
-      ampm
+      ampm,
+      unstableFieldRef
     },
     valueManager: _valueManagers.singleItemValueManager,
     fieldValueManager: _valueManagers.singleItemFieldValueManager,

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.0.2
+ * @mui/x-date-pickers v6.0.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -355,4 +355,16 @@ Object.keys(_PickersShortcuts).forEach(function (key) {
     }
   });
 });
-var _utils = require("./internals/utils/utils");
+var _utils = require("./internals/utils/utils");
+var _models = require("./models");
+Object.keys(_models).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _models[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _models[key];
+    }
+  });
+});

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

@@ -15,12 +15,6 @@ Object.defineProperty(exports, "createDateStrForInputFromSections", {
     return _useField2.createDateStrForInputFromSections;
   }
 });
-Object.defineProperty(exports, "getSectionOrder", {
-  enumerable: true,
-  get: function () {
-    return _useField2.getSectionOrder;
-  }
-});
 Object.defineProperty(exports, "splitFormatIntoSections", {
   enumerable: true,
   get: function () {

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

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _styles = require("@mui/material/styles");
 var _useValidation = require("../validation/useValidation");
 var _useUtils = require("../useUtils");
 var _useField = require("./useField.utils");
@@ -31,7 +32,6 @@ const useField = params => {
     updateSectionValue,
     updateValueFromValueStr,
     setTempAndroidValueStr,
-    sectionOrder,
     sectionsValueBoundaries
   } = (0, _useFieldState.useFieldState)(params);
   const {
@@ -47,7 +47,8 @@ const useField = params => {
       inputRef: inputRefProp,
       internalProps,
       internalProps: {
-        readOnly = false
+        readOnly = false,
+        unstableFieldRef
       },
       forwardedProps: {
         onClick,
@@ -66,6 +67,8 @@ const useField = params => {
   const inputRef = React.useRef(null);
   const handleRef = (0, _useForkRef.default)(inputRefProp, inputRef);
   const focusTimeoutRef = React.useRef(undefined);
+  const theme = (0, _styles.useTheme)();
+  const sectionOrder = React.useMemo(() => (0, _useField.getSectionOrder)(state.sections, theme.direction === 'rtl'), [theme.direction, state.sections]);
   const syncSelectionFromDOM = () => {
     if (readOnly) {
       setSelectedSections(null);
@@ -152,27 +155,32 @@ const useField = params => {
       updateValueFromValueStr(cleanValueStr);
       return;
     }
-    const prevValueStr = (0, _useField.cleanString)(fieldValueManager.getValueStrFromSections(state.sections));
-    let startOfDiffIndex = -1;
-    let endOfDiffIndex = -1;
-    for (let i = 0; i < prevValueStr.length; i += 1) {
-      if (startOfDiffIndex === -1 && prevValueStr[i] !== cleanValueStr[i]) {
-        startOfDiffIndex = i;
+    let keyPressed;
+    if (selectedSectionIndexes.startIndex === 0 && selectedSectionIndexes.endIndex === state.sections.length - 1) {
+      keyPressed = cleanValueStr;
+    } else {
+      const prevValueStr = (0, _useField.cleanString)(fieldValueManager.getValueStrFromSections(state.sections));
+      let startOfDiffIndex = -1;
+      let endOfDiffIndex = -1;
+      for (let i = 0; i < prevValueStr.length; i += 1) {
+        if (startOfDiffIndex === -1 && prevValueStr[i] !== cleanValueStr[i]) {
+          startOfDiffIndex = i;
+        }
+        if (endOfDiffIndex === -1 && prevValueStr[prevValueStr.length - i - 1] !== cleanValueStr[cleanValueStr.length - i - 1]) {
+          endOfDiffIndex = i;
+        }
       }
-      if (endOfDiffIndex === -1 && prevValueStr[prevValueStr.length - i - 1] !== cleanValueStr[cleanValueStr.length - i - 1]) {
-        endOfDiffIndex = i;
+      const activeSection = state.sections[selectedSectionIndexes.startIndex];
+      const hasDiffOutsideOfActiveSection = startOfDiffIndex < activeSection.start || prevValueStr.length - endOfDiffIndex - 1 > activeSection.end;
+      if (hasDiffOutsideOfActiveSection) {
+        // TODO: Support if the new date is valid
+        return;
       }
-    }
-    const activeSection = state.sections[selectedSectionIndexes.startIndex];
-    const hasDiffOutsideOfActiveSection = startOfDiffIndex < activeSection.start || prevValueStr.length - endOfDiffIndex - 1 > activeSection.end;
-    if (hasDiffOutsideOfActiveSection) {
-      // TODO: Support if the new date is valid
-      return;
-    }
 
-    // The active section being selected, the browser has replaced its value with the key pressed by the user.
-    const activeSectionEndRelativeToNewValue = cleanValueStr.length - prevValueStr.length + activeSection.end - (0, _useField.cleanString)(activeSection.endSeparator || '').length;
-    const keyPressed = cleanValueStr.slice(activeSection.start, activeSectionEndRelativeToNewValue);
+      // The active section being selected, the browser has replaced its value with the key pressed by the user.
+      const activeSectionEndRelativeToNewValue = cleanValueStr.length - prevValueStr.length + activeSection.end - (0, _useField.cleanString)(activeSection.endSeparator || '').length;
+      keyPressed = cleanValueStr.slice(activeSection.start, activeSectionEndRelativeToNewValue);
+    }
     if ((0, _useField.isAndroid)() && keyPressed.length === 0) {
       setTempAndroidValueStr(valueStr);
       return;
@@ -268,9 +276,11 @@ const useField = params => {
   });
   (0, _useEnhancedEffect.default)(() => {
     if (selectedSectionIndexes == null) {
-      if (inputRef.current.selectionStart !== 0 || inputRef.current.selectionEnd !== 0) {
-        // Ensure input selection range is in sync with component selection indexes
-        inputRef.current.setSelectionRange(0, 0);
+      if (inputRef.current.scrollLeft) {
+        // Ensure that input content is not marked as selected.
+        // setting selection range to 0 causes issues in Safari.
+        // https://bugs.webkit.org/show_bug.cgi?id=224425
+        inputRef.current.scrollLeft = 0;
       }
       return;
     }
@@ -283,7 +293,11 @@ const useField = params => {
       selectionEnd += lastSelectedSection.endSeparator.length;
     }
     if (selectionStart !== inputRef.current.selectionStart || selectionEnd !== inputRef.current.selectionEnd) {
+      // Fix scroll jumping on iOS browser: https://github.com/mui/mui-x/issues/8321
+      const currentScrollTop = inputRef.current.scrollTop;
       inputRef.current.setSelectionRange(selectionStart, selectionEnd);
+      // Even reading this variable seems to do the trick, but also setting it just to make use of it
+      inputRef.current.scrollTop = currentScrollTop;
     }
   });
   const validationError = (0, _useValidation.useValidation)((0, _extends2.default)({}, internalProps, {
@@ -327,7 +341,21 @@ const useField = params => {
     return 'tel';
   }, [selectedSectionIndexes, state.sections]);
   const inputHasFocus = inputRef.current && inputRef.current === (0, _utils.getActiveElement)(document);
-  const shouldShowPlaceholder = !inputHasFocus && (!state.value || valueManager.areValuesEqual(utils, state.value, valueManager.emptyValue));
+  const shouldShowPlaceholder = !inputHasFocus && valueManager.areValuesEqual(utils, state.value, valueManager.emptyValue);
+  React.useImperativeHandle(unstableFieldRef, () => ({
+    getSections: () => state.sections,
+    getActiveSectionIndex: () => {
+      const browserStartIndex = inputRef.current.selectionStart ?? 0;
+      const browserEndIndex = inputRef.current.selectionEnd ?? 0;
+      if (browserStartIndex === 0 && browserEndIndex === 0) {
+        return null;
+      }
+      const nextSectionIndex = browserStartIndex <= state.sections[0].startInInput ? 1 // Special case if browser index is in invisible characters at the beginning.
+      : state.sections.findIndex(section => section.startInInput - section.startSeparator.length > browserStartIndex);
+      return nextSectionIndex === -1 ? state.sections.length - 1 : nextSectionIndex - 1;
+    },
+    setSelectedSections: activeSectionIndex => setSelectedSections(activeSectionIndex)
+  }));
   return (0, _extends2.default)({
     placeholder: state.placeholder,
     autoComplete: 'off'

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.useFieldState = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
 var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
 var _useUtils = require("../useUtils");
 var _useField = require("./useField.utils");
@@ -17,8 +16,6 @@ const useFieldState = params => {
   const utils = (0, _useUtils.useUtils)();
   const localeText = (0, _useUtils.useLocaleText)();
   const adapter = (0, _useUtils.useLocalizationContext)();
-  const theme = (0, _styles.useTheme)();
-  const isRTL = theme.direction === 'rtl';
   const {
     valueManager,
     fieldValueManager,
@@ -37,7 +34,6 @@ const useFieldState = params => {
   const firstDefaultValue = React.useRef(defaultValue);
   const valueFromTheOutside = valueProp ?? firstDefaultValue.current ?? valueManager.emptyValue;
   const sectionsValueBoundaries = React.useMemo(() => (0, _useField.getSectionsBoundaries)(utils), [utils]);
-  const sectionOrder = React.useMemo(() => fieldValueManager.getSectionOrder(utils, localeText, format, isRTL), [fieldValueManager, format, isRTL, localeText, utils]);
   const placeholder = React.useMemo(() => fieldValueManager.getValueStrFromSections(fieldValueManager.getSectionsFromValue(utils, localeText, null, valueManager.emptyValue, format)), [fieldValueManager, format, localeText, utils, valueManager.emptyValue]);
   const [state, setState] = React.useState(() => {
     const sections = fieldValueManager.getSectionsFromValue(utils, localeText, null, valueFromTheOutside, format);
@@ -225,7 +221,7 @@ const useFieldState = params => {
   }));
   React.useEffect(() => {
     if (!valueManager.areValuesEqual(utils, state.value, valueFromTheOutside)) {
-      const sections = fieldValueManager.getSectionsFromValue(utils, localeText, state.sections, valueFromTheOutside, format);
+      const sections = fieldValueManager.getSectionsFromValue(utils, localeText, null, valueFromTheOutside, format);
       setState(prevState => (0, _extends2.default)({}, prevState, {
         value: valueFromTheOutside,
         referenceValue: fieldValueManager.updateReferenceValue(utils, valueFromTheOutside, prevState.referenceValue),
@@ -252,7 +248,6 @@ const useFieldState = params => {
     updateSectionValue,
     updateValueFromValueStr,
     setTempAndroidValueStr,
-    sectionOrder,
     sectionsValueBoundaries
   };
 };

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

@@ -34,13 +34,12 @@ const usePickerValue = ({
   } = props;
   const utils = (0, _useUtils.useUtils)();
   const adapter = (0, _useUtils.useLocalizationContext)();
-  const [rawValue, setValue] = (0, _utils.unstable_useControlled)({
+  const [value, setValue] = (0, _utils.unstable_useControlled)({
     controlled: inValue,
     default: defaultValue ?? valueManager.emptyValue,
     name: 'usePickerValue',
     state: 'value'
   });
-  const value = React.useMemo(() => valueManager.cleanValue(utils, rawValue), [valueManager, utils, rawValue]);
   const [selectedSections, setSelectedSections] = (0, _utils.unstable_useControlled)({
     controlled: selectedSectionsProp,
     default: null,
@@ -90,7 +89,7 @@ const usePickerValue = ({
           }
       }
     });
-    if (params.forceOnChangeCall || !params.skipOnChangeCall && !valueManager.areValuesEqual(utils, dateState.committed, params.value)) {
+    if (!params.skipOnChangeCall && !valueManager.areValuesEqual(utils, dateState.committed, params.value)) {
       setValue(params.value);
       if (onChange) {
         const context = {
@@ -135,18 +134,14 @@ const usePickerValue = ({
     // Reset all date in state to the empty value and close picker.
     setDate({
       value: valueManager.emptyValue,
-      action: 'acceptAndClose',
-      // force `onChange` in cases like input (value) === `Invalid date`
-      forceOnChangeCall: !valueManager.areValuesEqual(utils, value, valueManager.emptyValue)
+      action: 'acceptAndClose'
     });
   });
   const handleAccept = (0, _useEventCallback.default)(() => {
     // Set all date in state to equal the current draft value and close picker.
     setDate({
       value: dateState.draft,
-      action: 'acceptAndClose',
-      // force `onChange` in cases like input (value) === `Invalid date`
-      forceOnChangeCall: !valueManager.areValuesEqual(utils, dateState.committed, dateState.draft)
+      action: 'acceptAndClose'
     });
   });
   const handleDismiss = (0, _useEventCallback.default)(() => {
@@ -239,8 +234,9 @@ const usePickerValue = ({
     selectedSections,
     onSelectedSectionsChange: handleFieldSelectedSectionsChange
   };
+  const viewValue = React.useMemo(() => valueManager.cleanValue(utils, dateState.draft), [utils, valueManager, dateState.draft]);
   const viewResponse = {
-    value: dateState.draft,
+    value: viewValue,
     onChange: handleChange,
     onClose: handleClose,
     open: isOpen,
@@ -257,7 +253,7 @@ const usePickerValue = ({
     return Array.isArray(testedValue) ? validationResponse.every(v => v === null) : validationResponse === null;
   };
   const layoutResponse = (0, _extends2.default)({}, actions, {
-    value: dateState.draft,
+    value: viewValue,
     onChange: handleChangeAndCommit,
     isValid
   });

package/node/internals/index.js

@@ -75,6 +75,12 @@ Object.defineProperty(exports, "applyDefaultDate", {
     return _dateUtils.applyDefaultDate;
   }
 });
+Object.defineProperty(exports, "areDatesEqual", {
+  enumerable: true,
+  get: function () {
+    return _dateUtils.areDatesEqual;
+  }
+});
 Object.defineProperty(exports, "buildDeprecatedPropsWarning", {
   enumerable: true,
   get: function () {
@@ -111,12 +117,6 @@ Object.defineProperty(exports, "getActiveElement", {
     return _utils.getActiveElement;
   }
 });
-Object.defineProperty(exports, "getSectionOrder", {
-  enumerable: true,
-  get: function () {
-    return _useField.getSectionOrder;
-  }
-});
 Object.defineProperty(exports, "onSpaceOrEnter", {
   enumerable: true,
   get: function () {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.replaceInvalidDateByNull = exports.findClosestEnabledDate = exports.clamp = exports.applyDefaultDate = void 0;
+exports.replaceInvalidDateByNull = exports.findClosestEnabledDate = exports.clamp = exports.areDatesEqual = exports.applyDefaultDate = void 0;
 const findClosestEnabledDate = ({
   date,
   disableFuture,
@@ -73,4 +73,11 @@ const applyDefaultDate = (utils, value, defaultValue) => {
   }
   return value;
 };
-exports.applyDefaultDate = applyDefaultDate;
+exports.applyDefaultDate = applyDefaultDate;
+const areDatesEqual = (utils, a, b) => {
+  if (!utils.isValid(a) && a != null && !utils.isValid(b) && b != null) {
+    return true;
+  }
+  return utils.isEqual(a, b);
+};
+exports.areDatesEqual = areDatesEqual;

package/node/internals/utils/valueManagers.js

@@ -10,7 +10,7 @@ const singleItemValueManager = {
   emptyValue: null,
   getTodayValue: utils => utils.date(),
   cleanValue: _dateUtils.replaceInvalidDateByNull,
-  areValuesEqual: (utils, a, b) => utils.isEqual(a, b),
+  areValuesEqual: _dateUtils.areDatesEqual,
   isSameError: (a, b) => a === b,
   defaultErrorState: null
 };
@@ -35,7 +35,6 @@ const singleItemFieldValueManager = {
     })
   }),
   parseValueStr: (valueStr, referenceValue, parseDate) => parseDate(valueStr.trim(), referenceValue),
-  hasError: error => error != null,
-  getSectionOrder: (utils, localeText, format, isRTL) => (0, _useField.getSectionOrder)((0, _useField.splitFormatIntoSections)(utils, localeText, format, null), isRTL)
+  hasError: error => error != null
 };
 exports.singleItemFieldValueManager = singleItemFieldValueManager;

package/node/locales/faIR.js

@@ -32,28 +32,25 @@ const faIRPickers = {
   minutesClockNumberText: minutes => `${minutes} دقیقه ها`,
   secondsClockNumberText: seconds => `${seconds} ثانیه ها`,
   // Calendar labels
-  // calendarWeekNumberHeaderLabel: 'Week number',
-  // calendarWeekNumberHeaderText: '#',
-  // calendarWeekNumberAriaLabelText: weekNumber => `Week ${weekNumber}`,
-  // calendarWeekNumberText: weekNumber => `${weekNumber}`,
-
+  calendarWeekNumberHeaderLabel: 'عدد هفته',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `هفته ${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: 'انتخاب ساعت'
-
+  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',
+  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'
 };
-
 const faIR = (0, _getPickersLocalization.getPickersLocalization)(faIRPickers);
 exports.faIR = faIR;

package/node/locales/nlNL.js

@@ -22,22 +22,20 @@ const nlNLPickers = {
   okButtonLabel: 'OK',
   todayButtonLabel: 'Vandaag',
   // Toolbar titles
-  // datePickerToolbarTitle: 'Select date',
-  // dateTimePickerToolbarTitle: 'Select date & time',
-  // timePickerToolbarTitle: 'Select time',
-  // dateRangePickerToolbarTitle: 'Select date range',
-
+  datePickerToolbarTitle: 'Selecteer datum',
+  dateTimePickerToolbarTitle: 'Selecteer datum & tijd',
+  timePickerToolbarTitle: 'Selecteer tijd',
+  dateRangePickerToolbarTitle: 'Selecteer datumbereik',
   // Clock labels
   clockLabelText: (view, time, adapter) => `Selecteer ${view}. ${time === null ? 'Geen tijd geselecteerd' : `Geselecteerde tijd is ${adapter.format(time, 'fullTime')}`}`,
   hoursClockNumberText: hours => `${hours} uren`,
   minutesClockNumberText: minutes => `${minutes} minuten`,
   secondsClockNumberText: seconds => `${seconds} seconden`,
   // Calendar labels
-  // calendarWeekNumberHeaderLabel: 'Week number',
-  // calendarWeekNumberHeaderText: '#',
-  // calendarWeekNumberAriaLabelText: weekNumber => `Week ${weekNumber}`,
-  // calendarWeekNumberText: weekNumber => `${weekNumber}`,
-
+  calendarWeekNumberHeaderLabel: 'Weeknummer',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Week ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // 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',

package/node/locales/plPL.js

@@ -22,22 +22,20 @@ const plPLPickers = {
   okButtonLabel: 'Zatwierdź',
   todayButtonLabel: 'Dzisiaj',
   // Toolbar titles
-  // datePickerToolbarTitle: 'Select date',
-  // dateTimePickerToolbarTitle: 'Select date & time',
-  // timePickerToolbarTitle: 'Select time',
-  // dateRangePickerToolbarTitle: 'Select date range',
-
+  datePickerToolbarTitle: 'Wybierz datę',
+  dateTimePickerToolbarTitle: 'Wybierz datę i czas',
+  timePickerToolbarTitle: 'Wybierz czas',
+  dateRangePickerToolbarTitle: 'Wybierz zakres dat',
   // Clock labels
   clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'Nie wybrano czasu' : `Wybrany czas to ${adapter.format(time, 'fullTime')}`}`,
   hoursClockNumberText: hours => `${hours} godzin`,
   minutesClockNumberText: minutes => `${minutes} minut`,
   secondsClockNumberText: seconds => `${seconds} sekund`,
   // Calendar labels
-  // calendarWeekNumberHeaderLabel: 'Week number',
-  // calendarWeekNumberHeaderText: '#',
-  // calendarWeekNumberAriaLabelText: weekNumber => `Week ${weekNumber}`,
-  // calendarWeekNumberText: weekNumber => `${weekNumber}`,
-
+  calendarWeekNumberHeaderLabel: 'Numer tygodnia',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Tydzień ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // 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',

package/node/models/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/tests/describeValue/testPickerOpenCloseLifeCycle.js

@@ -96,7 +96,7 @@ const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       (0, _chai.expect)(onAccept.callCount).to.equal(pickerParams.variant === 'mobile' ? 0 : 1);
       (0, _chai.expect)(onClose.callCount).to.equal(pickerParams.variant === 'mobile' ? 0 : 1);
     });
-    it('should not select any field section after closing on mobile', () => {
+    it('should not select input content after closing on mobile', () => {
       if (pickerParams.variant !== 'mobile') {
         return;
       }
@@ -112,8 +112,7 @@ const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       } else {
         textbox = (0, _pickersUtils.getTextbox)();
       }
-      (0, _chai.expect)(textbox.selectionStart).to.be.equal(0);
-      (0, _chai.expect)(textbox.selectionEnd).to.be.equal(0);
+      (0, _chai.expect)(textbox.scrollLeft).to.be.equal(0);
     });
     it('should call onChange, onClose and onAccept when selecting a value and `props.closeOnSelect` is true', () => {
       const onChange = (0, _sinon.spy)();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "6.0.2",
+  "version": "6.0.3",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,7 +33,7 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.13",
+    "@babel/runtime": "^7.21.0",
     "@date-io/core": "^2.16.0",
     "@date-io/date-fns": "^2.16.0",
     "@date-io/date-fns-jalali": "^2.16.0",

package/tests/describeValue/testPickerOpenCloseLifeCycle.js

@@ -87,7 +87,7 @@ 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', () => {
+    it('should not select input content after closing on mobile', () => {
       if (pickerParams.variant !== 'mobile') {
         return;
       }
@@ -103,8 +103,7 @@ export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       } else {
         textbox = getTextbox();
       }
-      expect(textbox.selectionStart).to.be.equal(0);
-      expect(textbox.selectionEnd).to.be.equal(0);
+      expect(textbox.scrollLeft).to.be.equal(0);
     });
     it('should call onChange, onClose and onAccept when selecting a value and `props.closeOnSelect` is true', () => {
       const onChange = spy();