@mui/x-date-pickers 7.6.2 → 7.7.1

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

@@ -127,7 +127,7 @@ const usePickerValue = ({
   const {
     onAccept,
     onChange,
-    value: inValue,
+    value: inValueWithoutRenderTimezone,
     defaultValue: inDefaultValue,
     closeOnSelect = wrapperVariant === 'desktop',
     timezone: timezoneProp
@@ -137,15 +137,15 @@ const usePickerValue = ({
   } = React.useRef(inDefaultValue);
   const {
     current: isControlled
-  } = React.useRef(inValue !== undefined);
+  } = React.useRef(inValueWithoutRenderTimezone !== undefined);
 
   /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
   if (process.env.NODE_ENV !== 'production') {
     React.useEffect(() => {
-      if (isControlled !== (inValue !== undefined)) {
+      if (isControlled !== (inValueWithoutRenderTimezone !== undefined)) {
         console.error([`MUI X: A component is changing the ${isControlled ? '' : 'un'}controlled value of a picker to be ${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]);
+    }, [inValueWithoutRenderTimezone]);
     React.useEffect(() => {
       if (!isControlled && defaultValue !== inDefaultValue) {
         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'));
@@ -160,10 +160,21 @@ const usePickerValue = ({
     isOpen,
     setIsOpen
   } = (0, _useOpenState.useOpenState)(props);
+  const {
+    timezone,
+    value: inValueWithTimezoneToRender,
+    handleValueChange
+  } = (0, _useValueWithTimezone.useValueWithTimezone)({
+    timezone: timezoneProp,
+    value: inValueWithoutRenderTimezone,
+    defaultValue,
+    onChange,
+    valueManager
+  });
   const [dateState, setDateState] = React.useState(() => {
     let initialValue;
-    if (inValue !== undefined) {
-      initialValue = inValue;
+    if (inValueWithTimezoneToRender !== undefined) {
+      initialValue = inValueWithTimezoneToRender;
     } else if (defaultValue !== undefined) {
       initialValue = defaultValue;
     } else {
@@ -173,20 +184,10 @@ const usePickerValue = ({
       draft: initialValue,
       lastPublishedValue: initialValue,
       lastCommittedValue: initialValue,
-      lastControlledValue: inValue,
+      lastControlledValue: inValueWithTimezoneToRender,
       hasBeenModifiedSinceMount: false
     };
   });
-  const {
-    timezone,
-    handleValueChange
-  } = (0, _useValueWithTimezone.useValueWithTimezone)({
-    timezone: timezoneProp,
-    value: inValue,
-    defaultValue,
-    onChange,
-    valueManager
-  });
   (0, _useValidation.useValidation)((0, _extends2.default)({}, props, {
     value: dateState.draft,
     timezone
@@ -208,38 +209,44 @@ const usePickerValue = ({
       lastCommittedValue: shouldCommit ? action.value : prev.lastCommittedValue,
       hasBeenModifiedSinceMount: true
     }));
-    if (shouldPublish) {
-      const validationError = action.name === 'setValueFromField' ? action.context.validationError : validator({
-        adapter,
-        value: action.value,
-        props: (0, _extends2.default)({}, props, {
+    let cachedContext = null;
+    const getContext = () => {
+      if (!cachedContext) {
+        const validationError = action.name === 'setValueFromField' ? action.context.validationError : validator({
+          adapter,
           value: action.value,
-          timezone
-        })
-      });
-      const context = {
-        validationError
-      };
-      if (action.name === 'setValueFromShortcut') {
-        context.shortcut = action.shortcut;
+          props: (0, _extends2.default)({}, props, {
+            value: action.value,
+            timezone
+          })
+        });
+        cachedContext = {
+          validationError
+        };
+        if (action.name === 'setValueFromShortcut') {
+          cachedContext.shortcut = action.shortcut;
+        }
       }
-      handleValueChange(action.value, context);
+      return cachedContext;
+    };
+    if (shouldPublish) {
+      handleValueChange(action.value, getContext());
     }
     if (shouldCommit && onAccept) {
-      onAccept(action.value);
+      onAccept(action.value, getContext());
     }
     if (shouldClose) {
       setIsOpen(false);
     }
   });
-  if (inValue !== undefined && (dateState.lastControlledValue === undefined || !valueManager.areValuesEqual(utils, dateState.lastControlledValue, inValue))) {
-    const isUpdateComingFromPicker = valueManager.areValuesEqual(utils, dateState.draft, inValue);
+  if (inValueWithTimezoneToRender !== undefined && (dateState.lastControlledValue === undefined || !valueManager.areValuesEqual(utils, dateState.lastControlledValue, inValueWithTimezoneToRender))) {
+    const isUpdateComingFromPicker = valueManager.areValuesEqual(utils, dateState.draft, inValueWithTimezoneToRender);
     setDateState(prev => (0, _extends2.default)({}, prev, {
-      lastControlledValue: inValue
+      lastControlledValue: inValueWithTimezoneToRender
     }, isUpdateComingFromPicker ? {} : {
-      lastCommittedValue: inValue,
-      lastPublishedValue: inValue,
-      draft: inValue,
+      lastCommittedValue: inValueWithTimezoneToRender,
+      lastPublishedValue: inValueWithTimezoneToRender,
+      draft: inValueWithTimezoneToRender,
       hasBeenModifiedSinceMount: true
     }));
   }

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

@@ -47,6 +47,7 @@ const usePickerViews = ({
     onClose
   } = propsFromPickerValue;
   const {
+    view: inView,
     views,
     openTo,
     onViewChange,
@@ -62,7 +63,7 @@ const usePickerViews = ({
     setFocusedView,
     setValueAndGoToNextView
   } = (0, _useViews.useViews)({
-    view: undefined,
+    view: inView,
     views,
     openTo,
     onChange,

package/node/locales/daDK.js

@@ -23,11 +23,10 @@ const daDKPickers = {
   // DateRange labels
   start: 'Start',
   end: 'Slut',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Start dato',
+  startTime: 'Start tid',
+  endDate: 'Slut date',
+  endTime: 'Slut tid',
   // Action bar
   cancelButtonLabel: 'Annuller',
   clearButtonLabel: 'Ryd',
@@ -53,8 +52,7 @@ const daDKPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vælg dato, valgte dato er ${utils.format(value, 'fullDate')}` : 'Vælg dato',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vælg tidspunkt, valgte tidspunkt er ${utils.format(value, 'fullTime')}` : 'Vælg tidspunkt',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'ryd felt',
   // Table labels
   timeTableLabel: 'vælg tidspunkt',
   dateTableLabel: 'vælg dato',
@@ -66,19 +64,17 @@ const daDKPickers = {
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'år',
+  month: 'måned',
+  day: 'dag',
+  weekDay: 'ugedag',
+  hours: 'timer',
+  minutes: 'minutter',
+  seconds: 'sekunder',
+  meridiem: 'middag',
   // Common
-  // empty: 'Empty',
+  empty: 'tom'
 };
 const daDK = exports.daDK = (0, _getPickersLocalization.getPickersLocalization)(daDKPickers);

package/node/locales/faIR.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.faIR = void 0;
 var _getPickersLocalization = require("./utils/getPickersLocalization");
 const timeViews = {
-  hours: 'ساعت ها',
-  minutes: 'دقیقه ها',
-  seconds: 'ثانیه ها',
+  hours: 'ساعت‌ها',
+  minutes: 'دقیقه‌ها',
+  seconds: 'ثانیه‌ها',
   meridiem: 'بعد از ظهر'
 };
 const faIRPickers = {
@@ -22,11 +22,10 @@ const faIRPickers = {
   // DateRange labels
   start: 'شروع',
   end: 'پایان',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'تاریخ شروع',
+  startTime: 'ساعت شروع',
+  endDate: 'تاریخ پایان',
+  endTime: 'ساعت پایان',
   // Action bar
   cancelButtonLabel: 'لغو',
   clearButtonLabel: 'پاک کردن',
@@ -39,9 +38,9 @@ const faIRPickers = {
   dateRangePickerToolbarTitle: 'محدوده تاریخ را انتخاب کنید',
   // Clock labels
   clockLabelText: (view, time, adapter) => ` را انتخاب کنید ${timeViews[view]}. ${time === null ? 'هیچ ساعتی انتخاب نشده است' : `ساعت انتخاب ${adapter.format(time, 'fullTime')} می باشد`}`,
-  hoursClockNumberText: hours => `${hours} ساعت ها`,
-  minutesClockNumberText: minutes => `${minutes} دقیقه ها`,
-  secondsClockNumberText: seconds => `${seconds} ثانیه ها`,
+  hoursClockNumberText: hours => `${hours} ساعت‌ها`,
+  minutesClockNumberText: minutes => `${minutes} دقیقه‌ها`,
+  secondsClockNumberText: seconds => `${seconds} ثانیه‌ها`,
   // Digital clock labels
   selectViewText: view => ` را انتخاب کنید ${timeViews[view]}`,
   // Calendar labels
@@ -50,10 +49,9 @@ const faIRPickers = {
   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')} می باشد` : 'ساعت را انتخاب کنید',
-  // fieldClearLabel: 'Clear value',
-
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `تاریخ را انتخاب کنید، تاریخ انتخاب شده ${utils.format(value, 'fullDate')} می‌باشد` : 'تاریخ را انتخاب کنید',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `ساعت را انتخاب کنید، ساعت انتخاب شده ${utils.format(value, 'fullTime')} می‌باشد` : 'ساعت را انتخاب کنید',
+  fieldClearLabel: 'پاک کردن مقدار',
   // Table labels
   timeTableLabel: 'انتخاب تاریخ',
   dateTableLabel: 'انتخاب ساعت',
@@ -70,13 +68,12 @@ const faIRPickers = {
   year: 'سال',
   month: 'ماه',
   day: 'روز',
-  // weekDay: 'Week day',
-  hours: 'ساعت ها',
-  minutes: 'دقیقه ها',
-  seconds: 'ثانیه ها'
-  // meridiem: 'Meridiem',
-
+  weekDay: 'روز هفته',
+  hours: 'ساعت‌ها',
+  minutes: 'دقیقه‌ها',
+  seconds: 'ثانیه‌ها',
+  meridiem: 'نیم‌روز',
   // Common
-  // empty: 'Empty',
+  empty: 'خالی'
 };
 const faIR = exports.faIR = (0, _getPickersLocalization.getPickersLocalization)(faIRPickers);

package/node/locales/koKR.js

@@ -9,7 +9,7 @@ const views = {
   hours: '시간을',
   minutes: '분을',
   seconds: '초를',
-  meridiem: '메리디엠'
+  meridiem: '오전/오후를'
 };
 const koKRPickers = {
   // Calendar navigation
@@ -39,7 +39,7 @@ const koKRPickers = {
   dateRangePickerToolbarTitle: '날짜 범위 선택하기',
   // Clock labels
   clockLabelText: (view, time, adapter) => `${views[view]} 선택하세요. ${time === null ? '시간을 선택하지 않았습니다.' : `현재 선택된 시간은 ${adapter.format(time, 'fullTime')}입니다.`}`,
-  hoursClockNumberText: hours => `${hours}시간`,
+  hoursClockNumberText: hours => `${hours}시`,
   minutesClockNumberText: minutes => `${minutes}분`,
   secondsClockNumberText: seconds => `${seconds}초`,
   // Digital clock labels

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.6.2",
+  "version": "7.7.1",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,10 +35,10 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.6",
+    "@babel/runtime": "^7.24.7",
     "@mui/base": "^5.0.0-beta.40",
-    "@mui/system": "^5.15.15",
-    "@mui/utils": "^5.15.14",
+    "@mui/system": "^5.15.20",
+    "@mui/utils": "^5.15.20",
     "@types/react-transition-group": "^4.4.10",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",