@mui/x-date-pickers 7.0.0-beta.4 → 7.0.0-beta.6

package/DatePicker/DatePickerToolbar.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceholder", "views", "className"];
+const _excluded = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceholder", "views", "className", "onViewChange", "view"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -133,5 +133,8 @@ process.env.NODE_ENV !== "production" ? DatePickerToolbar.propTypes = {
    * Currently visible picker view.
    */
   view: PropTypes.oneOf(['day', 'month', 'year']).isRequired,
+  /**
+   * Available views.
+   */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired).isRequired
 } : void 0;

package/DateTimePicker/DateTimePickerToolbar.d.ts

@@ -5,8 +5,6 @@ import { DateOrTimeViewWithMeridiem, WrapperVariant } from '../internals/models'
 import { MakeOptional } from '../internals/models/helpers';
 import { PickerValidDate } from '../models';
 export interface ExportedDateTimePickerToolbarProps extends ExportedBaseToolbarProps {
-    ampm?: boolean;
-    ampmInClock?: boolean;
     /**
      * Override or extend the styles applied to the component.
      */
@@ -18,6 +16,8 @@ export interface DateTimePickerToolbarProps<TDate extends PickerValidDate> exten
      * If provided, it will be used instead of `dateTimePickerToolbarTitle` from localization.
      */
     toolbarTitle?: React.ReactNode;
+    ampm?: boolean;
+    ampmInClock?: boolean;
 }
 /**
  * Demos:

package/DateTimePicker/DateTimePickerToolbar.js

@@ -360,6 +360,9 @@ process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
    * Currently visible picker view.
    */
   view: PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']),
+  /**
+   * Available views.
+   */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']).isRequired).isRequired
 } : void 0;
 export { DateTimePickerToolbar };

package/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -229,7 +229,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
               value,
               ampm,
               utils,
-              isDisabled: hours => disabled || isTimeDisabled(hours, 'hours'),
+              isDisabled: hours => isTimeDisabled(hours, 'hours'),
               timeStep: timeSteps.hours,
               resolveAriaLabel: localeText.hoursClockNumberText,
               valueOrReferenceDate
@@ -245,7 +245,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
             items: getTimeSectionOptions({
               value: utils.getMinutes(valueOrReferenceDate),
               utils,
-              isDisabled: minutes => disabled || isTimeDisabled(minutes, 'minutes'),
+              isDisabled: minutes => isTimeDisabled(minutes, 'minutes'),
               resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
               timeStep: timeSteps.minutes,
               hasValue: !!value,
@@ -262,7 +262,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
             items: getTimeSectionOptions({
               value: utils.getSeconds(valueOrReferenceDate),
               utils,
-              isDisabled: seconds => disabled || isTimeDisabled(seconds, 'seconds'),
+              isDisabled: seconds => isTimeDisabled(seconds, 'seconds'),
               resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
               timeStep: timeSteps.seconds,
               hasValue: !!value,
@@ -294,7 +294,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
       default:
         throw new Error(`Unknown view: ${viewToBuild} found.`);
     }
-  }, [now, value, ampm, utils, timeSteps.hours, timeSteps.minutes, timeSteps.seconds, localeText.hoursClockNumberText, localeText.minutesClockNumberText, localeText.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, disabled, isTimeDisabled, handleMeridiemChange]);
+  }, [now, value, ampm, utils, timeSteps.hours, timeSteps.minutes, timeSteps.seconds, localeText.hoursClockNumberText, localeText.minutesClockNumberText, localeText.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, isTimeDisabled, handleMeridiemChange]);
   const viewTimeOptions = React.useMemo(() => {
     return views.reduce((result, currentView) => {
       return _extends({}, result, {

package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -138,8 +138,10 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
     role: "listbox"
   }, other, {
     children: items.map((option, index) => {
-      var _option$isDisabled, _option$isDisabled2;
-      if (skipDisabled && (_option$isDisabled = option.isDisabled) != null && _option$isDisabled.call(option, option.value)) {
+      var _option$isDisabled;
+      const isItemDisabled = (_option$isDisabled = option.isDisabled) == null ? void 0 : _option$isDisabled.call(option, option.value);
+      const isDisabled = disabled || isItemDisabled;
+      if (skipDisabled && isDisabled) {
         return null;
       }
       const isSelected = option.isSelected(option.value);
@@ -147,12 +149,12 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
       return /*#__PURE__*/_jsx(DigitalClockSectionItem, _extends({
         onClick: () => !readOnly && onChange(option.value),
         selected: isSelected,
-        disabled: disabled || ((_option$isDisabled2 = option.isDisabled) == null ? void 0 : _option$isDisabled2.call(option, option.value)),
+        disabled: isDisabled,
         disableRipple: readOnly,
         role: "option"
         // aria-readonly is not supported here and does not have any effect
         ,
-        "aria-disabled": readOnly,
+        "aria-disabled": readOnly || isDisabled || undefined,
         "aria-label": option.ariaLabel,
         "aria-selected": isSelected,
         tabIndex: tabIndex,

package/TimePicker/TimePickerToolbar.js

@@ -254,6 +254,9 @@ process.env.NODE_ENV !== "production" ? TimePickerToolbar.propTypes = {
    * Currently visible picker view.
    */
   view: PropTypes.oneOf(['hours', 'meridiem', 'minutes', 'seconds']).isRequired,
+  /**
+   * Available views.
+   */
   views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'meridiem', 'minutes', 'seconds']).isRequired).isRequired
 } : void 0;
 export { TimePickerToolbar };

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-beta.4
+ * @mui/x-date-pickers v7.0.0-beta.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickersToolbar.js

@@ -1,4 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "toolbarTitle", "hidden", "titleId", "isLandscape", "classes", "landscapeDirection"];
 import * as React from 'react';
 import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
@@ -63,21 +65,23 @@ export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersTool
     name: 'MuiPickersToolbar'
   });
   const {
-    children,
-    className,
-    toolbarTitle,
-    hidden,
-    titleId
-  } = props;
+      children,
+      className,
+      toolbarTitle,
+      hidden,
+      titleId
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(PickersToolbarRoot, {
+  return /*#__PURE__*/_jsxs(PickersToolbarRoot, _extends({
     ref: ref,
     className: clsx(classes.root, className),
-    ownerState: ownerState,
+    ownerState: ownerState
+  }, other, {
     children: [/*#__PURE__*/_jsx(Typography, {
       color: "text.secondary",
       variant: "overline",
@@ -88,5 +92,5 @@ export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersTool
       ownerState: ownerState,
       children: children
     })]
-  });
+  }));
 });

package/internals/hooks/useField/useFieldCharacterEditing.js

@@ -57,7 +57,7 @@ export const useFieldCharacterEditing = ({
     if (query != null) {
       const timeout = setTimeout(() => resetQuery(), QUERY_LIFE_DURATION_MS);
       return () => {
-        window.clearTimeout(timeout);
+        clearTimeout(timeout);
       };
     }
     return () => {};

package/internals/hooks/useField/useFieldV6TextField.js

@@ -36,7 +36,7 @@ export const addPositionPropertiesToSections = (sections, localizedDigits, isRTL
 export const useFieldV6TextField = params => {
   const theme = useTheme();
   const isRTL = theme.direction === 'rtl';
-  const focusTimeoutRef = React.useRef(undefined);
+  const focusTimeoutRef = React.useRef();
   const {
     forwardedProps: {
       onFocus,
@@ -151,7 +151,7 @@ export const useFieldV6TextField = params => {
     onFocus == null || onFocus(...args);
     // The ref is guaranteed to be resolved at this point.
     const input = inputRef.current;
-    window.clearTimeout(focusTimeoutRef.current);
+    clearTimeout(focusTimeoutRef.current);
     focusTimeoutRef.current = setTimeout(() => {
       // The ref changed, the component got remounted, the focus event is no longer relevant.
       if (!input || input !== inputRef.current) {
@@ -288,7 +288,9 @@ export const useFieldV6TextField = params => {
     if (inputRef.current && inputRef.current === getActiveElement(document)) {
       setSelectedSections('all');
     }
-    return () => window.clearTimeout(focusTimeoutRef.current);
+    return () => {
+      clearTimeout(focusTimeoutRef.current);
+    };
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   const inputMode = React.useMemo(() => {

package/internals/hooks/useField/useFieldV7TextField.js

@@ -134,7 +134,7 @@ export const useFieldV7TextField = params => {
     setFocused(true);
     onClick == null || onClick(event, ...args);
     if (parsedSelectedSections === 'all') {
-      window.setTimeout(() => {
+      setTimeout(() => {
         const cursorPosition = document.getSelection().getRangeAt(0).startOffset;
         if (cursorPosition === 0) {
           setSelectedSections(sectionOrder.startIndex);
@@ -206,7 +206,7 @@ export const useFieldV7TextField = params => {
   });
   const handleContainerBlur = useEventCallback((...args) => {
     onBlur == null || onBlur(...args);
-    window.setTimeout(() => {
+    setTimeout(() => {
       if (!sectionListRef.current) {
         return;
       }

package/internals/models/props/toolbar.d.ts

@@ -16,6 +16,9 @@ export interface BaseToolbarProps<TValue, TView extends DateOrTimeViewWithMeridi
      * @param {TView} view The view to open
      */
     onViewChange: (view: TView) => void;
+    /**
+     * Available views.
+     */
     views: readonly TView[];
     disabled?: boolean;
     readOnly?: boolean;

package/locales/koKR.js

@@ -46,8 +46,7 @@ const koKRPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `날짜를 선택하세요. 현재 선택된 날짜는 ${utils.format(value, 'fullDate')}입니다.` : '날짜를 선택하세요',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `시간을 선택하세요. 현재 선택된 시간은 ${utils.format(value, 'fullTime')}입니다.` : '시간을 선택하세요',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: '지우기',
   // Table labels
   timeTableLabel: '선택한 시간',
   dateTableLabel: '선택한 날짜',

package/locales/zhCN.js

@@ -3,7 +3,7 @@ const views = {
   hours: '小时',
   minutes: '分钟',
   seconds: '秒',
-  meridiem: '子午线'
+  meridiem: '十二小时制'
 };
 const zhCNPickers = {
   // Calendar navigation
@@ -16,11 +16,10 @@ const zhCNPickers = {
   // DateRange labels
   start: '开始',
   end: '结束',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: '开始日期',
+  startTime: '开始时间',
+  endDate: '结束日期',
+  endTime: '结束时间',
   // Action bar
   cancelButtonLabel: '取消',
   clearButtonLabel: '清除',
@@ -46,8 +45,7 @@ const zhCNPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `选择日期，已选择${utils.format(value, 'fullDate')}` : '选择日期',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `选择时间，已选择${utils.format(value, 'fullTime')}` : '选择时间',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: '清除',
   // Table labels
   timeTableLabel: '选择时间',
   dateTableLabel: '选择日期',
@@ -59,19 +57,17 @@ const zhCNPickers = {
   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: '年份',
+  month: '月份',
+  day: '日期',
+  weekDay: '星期',
+  hours: '时',
+  minutes: '分',
+  seconds: '秒',
+  meridiem: '十二小时制',
   // Common
-  // empty: 'Empty',
+  empty: '空'
 };
 export const zhCN = getPickersLocalization(zhCNPickers);

package/modern/DatePicker/DatePickerToolbar.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceholder", "views", "className"];
+const _excluded = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceholder", "views", "className", "onViewChange", "view"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -133,5 +133,8 @@ process.env.NODE_ENV !== "production" ? DatePickerToolbar.propTypes = {
    * Currently visible picker view.
    */
   view: PropTypes.oneOf(['day', 'month', 'year']).isRequired,
+  /**
+   * Available views.
+   */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired).isRequired
 } : void 0;

package/modern/DateTimePicker/DateTimePickerToolbar.js

@@ -360,6 +360,9 @@ process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
    * Currently visible picker view.
    */
   view: PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']),
+  /**
+   * Available views.
+   */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']).isRequired).isRequired
 } : void 0;
 export { DateTimePickerToolbar };

package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -229,7 +229,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
               value,
               ampm,
               utils,
-              isDisabled: hours => disabled || isTimeDisabled(hours, 'hours'),
+              isDisabled: hours => isTimeDisabled(hours, 'hours'),
               timeStep: timeSteps.hours,
               resolveAriaLabel: localeText.hoursClockNumberText,
               valueOrReferenceDate
@@ -245,7 +245,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
             items: getTimeSectionOptions({
               value: utils.getMinutes(valueOrReferenceDate),
               utils,
-              isDisabled: minutes => disabled || isTimeDisabled(minutes, 'minutes'),
+              isDisabled: minutes => isTimeDisabled(minutes, 'minutes'),
               resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
               timeStep: timeSteps.minutes,
               hasValue: !!value,
@@ -262,7 +262,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
             items: getTimeSectionOptions({
               value: utils.getSeconds(valueOrReferenceDate),
               utils,
-              isDisabled: seconds => disabled || isTimeDisabled(seconds, 'seconds'),
+              isDisabled: seconds => isTimeDisabled(seconds, 'seconds'),
               resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
               timeStep: timeSteps.seconds,
               hasValue: !!value,
@@ -294,7 +294,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
       default:
         throw new Error(`Unknown view: ${viewToBuild} found.`);
     }
-  }, [now, value, ampm, utils, timeSteps.hours, timeSteps.minutes, timeSteps.seconds, localeText.hoursClockNumberText, localeText.minutesClockNumberText, localeText.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, disabled, isTimeDisabled, handleMeridiemChange]);
+  }, [now, value, ampm, utils, timeSteps.hours, timeSteps.minutes, timeSteps.seconds, localeText.hoursClockNumberText, localeText.minutesClockNumberText, localeText.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, isTimeDisabled, handleMeridiemChange]);
   const viewTimeOptions = React.useMemo(() => {
     return views.reduce((result, currentView) => {
       return _extends({}, result, {

package/modern/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -137,7 +137,9 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
     role: "listbox"
   }, other, {
     children: items.map((option, index) => {
-      if (skipDisabled && option.isDisabled?.(option.value)) {
+      const isItemDisabled = option.isDisabled?.(option.value);
+      const isDisabled = disabled || isItemDisabled;
+      if (skipDisabled && isDisabled) {
         return null;
       }
       const isSelected = option.isSelected(option.value);
@@ -145,12 +147,12 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
       return /*#__PURE__*/_jsx(DigitalClockSectionItem, _extends({
         onClick: () => !readOnly && onChange(option.value),
         selected: isSelected,
-        disabled: disabled || option.isDisabled?.(option.value),
+        disabled: isDisabled,
         disableRipple: readOnly,
         role: "option"
         // aria-readonly is not supported here and does not have any effect
         ,
-        "aria-disabled": readOnly,
+        "aria-disabled": readOnly || isDisabled || undefined,
         "aria-label": option.ariaLabel,
         "aria-selected": isSelected,
         tabIndex: tabIndex,

package/modern/TimePicker/TimePickerToolbar.js

@@ -254,6 +254,9 @@ process.env.NODE_ENV !== "production" ? TimePickerToolbar.propTypes = {
    * Currently visible picker view.
    */
   view: PropTypes.oneOf(['hours', 'meridiem', 'minutes', 'seconds']).isRequired,
+  /**
+   * Available views.
+   */
   views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'meridiem', 'minutes', 'seconds']).isRequired).isRequired
 } : void 0;
 export { TimePickerToolbar };

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-beta.4
+ * @mui/x-date-pickers v7.0.0-beta.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/components/PickersToolbar.js

@@ -1,4 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "toolbarTitle", "hidden", "titleId", "isLandscape", "classes", "landscapeDirection"];
 import * as React from 'react';
 import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
@@ -60,21 +62,23 @@ export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersTool
     name: 'MuiPickersToolbar'
   });
   const {
-    children,
-    className,
-    toolbarTitle,
-    hidden,
-    titleId
-  } = props;
+      children,
+      className,
+      toolbarTitle,
+      hidden,
+      titleId
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(PickersToolbarRoot, {
+  return /*#__PURE__*/_jsxs(PickersToolbarRoot, _extends({
     ref: ref,
     className: clsx(classes.root, className),
-    ownerState: ownerState,
+    ownerState: ownerState
+  }, other, {
     children: [/*#__PURE__*/_jsx(Typography, {
       color: "text.secondary",
       variant: "overline",
@@ -85,5 +89,5 @@ export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersTool
       ownerState: ownerState,
       children: children
     })]
-  });
+  }));
 });

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

@@ -56,7 +56,7 @@ export const useFieldCharacterEditing = ({
     if (query != null) {
       const timeout = setTimeout(() => resetQuery(), QUERY_LIFE_DURATION_MS);
       return () => {
-        window.clearTimeout(timeout);
+        clearTimeout(timeout);
       };
     }
     return () => {};

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

@@ -36,7 +36,7 @@ export const addPositionPropertiesToSections = (sections, localizedDigits, isRTL
 export const useFieldV6TextField = params => {
   const theme = useTheme();
   const isRTL = theme.direction === 'rtl';
-  const focusTimeoutRef = React.useRef(undefined);
+  const focusTimeoutRef = React.useRef();
   const {
     forwardedProps: {
       onFocus,
@@ -148,7 +148,7 @@ export const useFieldV6TextField = params => {
     onFocus?.(...args);
     // The ref is guaranteed to be resolved at this point.
     const input = inputRef.current;
-    window.clearTimeout(focusTimeoutRef.current);
+    clearTimeout(focusTimeoutRef.current);
     focusTimeoutRef.current = setTimeout(() => {
       // The ref changed, the component got remounted, the focus event is no longer relevant.
       if (!input || input !== inputRef.current) {
@@ -282,7 +282,9 @@ export const useFieldV6TextField = params => {
     if (inputRef.current && inputRef.current === getActiveElement(document)) {
       setSelectedSections('all');
     }
-    return () => window.clearTimeout(focusTimeoutRef.current);
+    return () => {
+      clearTimeout(focusTimeoutRef.current);
+    };
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   const inputMode = React.useMemo(() => {

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

@@ -134,7 +134,7 @@ export const useFieldV7TextField = params => {
     setFocused(true);
     onClick?.(event, ...args);
     if (parsedSelectedSections === 'all') {
-      window.setTimeout(() => {
+      setTimeout(() => {
         const cursorPosition = document.getSelection().getRangeAt(0).startOffset;
         if (cursorPosition === 0) {
           setSelectedSections(sectionOrder.startIndex);
@@ -205,7 +205,7 @@ export const useFieldV7TextField = params => {
   });
   const handleContainerBlur = useEventCallback((...args) => {
     onBlur?.(...args);
-    window.setTimeout(() => {
+    setTimeout(() => {
       if (!sectionListRef.current) {
         return;
       }

package/modern/locales/koKR.js

@@ -46,8 +46,7 @@ const koKRPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `날짜를 선택하세요. 현재 선택된 날짜는 ${utils.format(value, 'fullDate')}입니다.` : '날짜를 선택하세요',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `시간을 선택하세요. 현재 선택된 시간은 ${utils.format(value, 'fullTime')}입니다.` : '시간을 선택하세요',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: '지우기',
   // Table labels
   timeTableLabel: '선택한 시간',
   dateTableLabel: '선택한 날짜',

package/modern/locales/zhCN.js

@@ -3,7 +3,7 @@ const views = {
   hours: '小时',
   minutes: '分钟',
   seconds: '秒',
-  meridiem: '子午线'
+  meridiem: '十二小时制'
 };
 const zhCNPickers = {
   // Calendar navigation
@@ -16,11 +16,10 @@ const zhCNPickers = {
   // DateRange labels
   start: '开始',
   end: '结束',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: '开始日期',
+  startTime: '开始时间',
+  endDate: '结束日期',
+  endTime: '结束时间',
   // Action bar
   cancelButtonLabel: '取消',
   clearButtonLabel: '清除',
@@ -46,8 +45,7 @@ const zhCNPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `选择日期，已选择${utils.format(value, 'fullDate')}` : '选择日期',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `选择时间，已选择${utils.format(value, 'fullTime')}` : '选择时间',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: '清除',
   // Table labels
   timeTableLabel: '选择时间',
   dateTableLabel: '选择日期',
@@ -59,19 +57,17 @@ const zhCNPickers = {
   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: '年份',
+  month: '月份',
+  day: '日期',
+  weekDay: '星期',
+  hours: '时',
+  minutes: '分',
+  seconds: '秒',
+  meridiem: '十二小时制',
   // Common
-  // empty: 'Empty',
+  empty: '空'
 };
 export const zhCN = getPickersLocalization(zhCNPickers);

package/node/DatePicker/DatePickerToolbar.js

@@ -18,7 +18,7 @@ var _useUtils = require("../internals/hooks/useUtils");
 var _datePickerToolbarClasses = require("./datePickerToolbarClasses");
 var _dateUtils = require("../internals/utils/date-utils");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceholder", "views", "className"];
+const _excluded = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceholder", "views", "className", "onViewChange", "view"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useUtilityClasses = ownerState => {
@@ -142,5 +142,8 @@ process.env.NODE_ENV !== "production" ? DatePickerToolbar.propTypes = {
    * Currently visible picker view.
    */
   view: _propTypes.default.oneOf(['day', 'month', 'year']).isRequired,
+  /**
+   * Available views.
+   */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'month', 'year']).isRequired).isRequired
 } : void 0;