@mui/x-date-pickers 7.8.0 → 7.10.0

package/node/DateCalendar/DayCalendar.js

@@ -16,6 +16,7 @@ var _styles = require("@mui/material/styles");
 var _utils2 = require("@mui/utils");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _PickersDay = require("../PickersDay/PickersDay");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _dimensions = require("../internals/constants/dimensions");
 var _PickersSlideTransition = require("./PickersSlideTransition");
@@ -270,7 +271,7 @@ function DayCalendar(inProps) {
     disableFuture,
     timezone
   });
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const [internalHasFocus, setInternalHasFocus] = (0, _utils2.unstable_useControlled)({
     name: 'DayCalendar',
     state: 'hasFocus',
@@ -412,9 +413,9 @@ function DayCalendar(inProps) {
       children: [displayWeekNumber && /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarWeekNumberLabel, {
         variant: "caption",
         role: "columnheader",
-        "aria-label": localeText.calendarWeekNumberHeaderLabel,
+        "aria-label": translations.calendarWeekNumberHeaderLabel,
         className: classes.weekNumberLabel,
-        children: localeText.calendarWeekNumberHeaderText
+        children: translations.calendarWeekNumberHeaderText
       }), (0, _dateUtils.getWeekdays)(utils, now).map((weekday, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarWeekDayLabel, {
         variant: "caption",
         role: "columnheader",
@@ -447,8 +448,8 @@ function DayCalendar(inProps) {
           children: [displayWeekNumber && /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarWeekNumber, {
             className: classes.weekNumber,
             role: "rowheader",
-            "aria-label": localeText.calendarWeekNumberAriaLabelText(utils.getWeekNumber(week[0])),
-            children: localeText.calendarWeekNumberText(utils.getWeekNumber(week[0]))
+            "aria-label": translations.calendarWeekNumberAriaLabelText(utils.getWeekNumber(week[0])),
+            children: translations.calendarWeekNumberText(utils.getWeekNumber(week[0]))
           }), week.map((day, dayIndex) => /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedDay, {
             parentProps: props,
             day: day,

package/node/DatePicker/DatePickerToolbar.js

@@ -14,6 +14,7 @@ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _styles = require("@mui/material/styles");
 var _utils = require("@mui/utils");
 var _PickersToolbar = require("../internals/components/PickersToolbar");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _datePickerToolbarClasses = require("./datePickerToolbarClasses");
 var _dateUtils = require("../internals/utils/date-utils");
@@ -75,7 +76,7 @@ const DatePickerToolbar = exports.DatePickerToolbar = /*#__PURE__*/React.forward
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const utils = (0, _useUtils.useUtils)();
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const classes = useUtilityClasses(props);
   const dateText = React.useMemo(() => {
     if (!value) {
@@ -90,7 +91,7 @@ const DatePickerToolbar = exports.DatePickerToolbar = /*#__PURE__*/React.forward
   const ownerState = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DatePickerToolbarRoot, (0, _extends2.default)({
     ref: ref,
-    toolbarTitle: localeText.datePickerToolbarTitle,
+    toolbarTitle: translations.datePickerToolbarTitle,
     isLandscape: isLandscape,
     className: (0, _clsx.default)(classes.root, className)
   }, other, {

package/node/DateTimePicker/DateTimePickerTabs.js

@@ -13,7 +13,7 @@ var _Tabs = _interopRequireWildcard(require("@mui/material/Tabs"));
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _icons = require("../icons");
-var _useUtils = require("../internals/hooks/useUtils");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _dateTimePickerTabsClasses = require("./dateTimePickerTabsClasses");
 var _dateUtils = require("../internals/utils/date-utils");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -81,7 +81,7 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     className,
     sx
   } = props;
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const classes = useUtilityClasses(props);
   const handleChange = (event, value) => {
     onViewChange(tabToView(value));
@@ -98,13 +98,13 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     sx: sx,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
       value: "date",
-      "aria-label": localeText.dateTableLabel,
+      "aria-label": translations.dateTableLabel,
       icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
         children: dateIcon
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
       value: "time",
-      "aria-label": localeText.timeTableLabel,
+      "aria-label": translations.timeTableLabel,
       icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
         children: timeIcon
       })

package/node/DateTimePicker/DateTimePickerToolbar.js

@@ -16,6 +16,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _PickersToolbarText = require("../internals/components/PickersToolbarText");
 var _PickersToolbar = require("../internals/components/PickersToolbar");
 var _PickersToolbarButton = require("../internals/components/PickersToolbarButton");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _dateTimePickerToolbarClasses = require("./dateTimePickerToolbarClasses");
 var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
@@ -250,9 +251,9 @@ function DateTimePickerToolbar(inProps) {
   } = (0, _dateHelpersHooks.useMeridiemMode)(value, ampm, onChange);
   const showAmPmControl = Boolean(ampm && !ampmInClock);
   const isDesktop = toolbarVariant === 'desktop';
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const classes = useUtilityClasses(ownerState);
-  const toolbarTitle = inToolbarTitle ?? localeText.dateTimePickerToolbarTitle;
+  const toolbarTitle = inToolbarTitle ?? translations.dateTimePickerToolbarTitle;
   const formatHours = time => ampm ? utils.format(time, 'hours12h') : utils.format(time, 'hours24h');
   const dateText = React.useMemo(() => {
     if (!value) {

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -12,6 +12,7 @@ var _utils = require("@mui/base/utils");
 var _utils2 = require("@mui/utils");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _shared = require("../DatePicker/shared");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _validateDate = require("../internals/utils/validation/validateDate");
 var _useDesktopPicker = require("../internals/hooks/useDesktopPicker");
@@ -33,7 +34,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - [DesktopDatePicker API](https://mui.com/x/api/date-pickers/desktop-date-picker/)
  */
 const DesktopDatePicker = exports.DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePicker(inProps, ref) {
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const utils = (0, _useUtils.useUtils)();
 
   // Props with the default values common to all date pickers
@@ -68,7 +69,7 @@ const DesktopDatePicker = exports.DesktopDatePicker = /*#__PURE__*/React.forward
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date',
-    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? localeText.openDatePickerDialogue,
+    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? translations.openDatePickerDialogue,
     validator: _validateDate.validateDate
   });
   return renderPicker();

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -16,6 +16,7 @@ var _valueManagers = require("../internals/utils/valueManagers");
 var _DateTimeField = require("../DateTimeField");
 var _shared = require("../DateTimePicker/shared");
 var _dateViewRenderers = require("../dateViewRenderers/dateViewRenderers");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _validateDateTime = require("../internals/utils/validation/validateDateTime");
 var _icons = require("../icons");
@@ -89,7 +90,7 @@ const rendererInterceptor = function rendererInterceptor(inViewRenderers, popper
  * - [DesktopDateTimePicker API](https://mui.com/x/api/date-pickers/desktop-date-time-picker/)
  */
 const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDateTimePicker(inProps, ref) {
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const utils = (0, _useUtils.useUtils)();
 
   // Props with the default values common to all date time pickers
@@ -154,7 +155,7 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date-time',
-    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? localeText.openDatePickerDialogue,
+    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? translations.openDatePickerDialogue,
     validator: _validateDateTime.validateDateTime,
     rendererInterceptor
   });

package/node/DesktopTimePicker/DesktopTimePicker.js

@@ -13,6 +13,7 @@ var _utils2 = require("@mui/utils");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _TimeField = require("../TimeField");
 var _shared = require("../TimePicker/shared");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _validateTime = require("../internals/utils/validation/validateTime");
 var _icons = require("../icons");
@@ -34,7 +35,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - [DesktopTimePicker API](https://mui.com/x/api/date-pickers/desktop-time-picker/)
  */
 const DesktopTimePicker = exports.DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePicker(inProps, ref) {
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const utils = (0, _useUtils.useUtils)();
 
   // Props with the default values common to all time pickers
@@ -89,7 +90,7 @@ const DesktopTimePicker = exports.DesktopTimePicker = /*#__PURE__*/React.forward
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'time',
-    getOpenDialogAriaText: props.localeText?.openTimePickerDialogue ?? localeText.openTimePickerDialogue,
+    getOpenDialogAriaText: props.localeText?.openTimePickerDialogue ?? translations.openTimePickerDialogue,
     validator: _validateTime.validateTime
   });
   return renderPicker();

package/node/DigitalClock/DigitalClock.js

@@ -17,6 +17,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _timeUtils = require("../internals/utils/time-utils");
 var _PickerViewRoot = require("../internals/components/PickerViewRoot");
@@ -156,7 +157,7 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
     onChange,
     valueManager: _valueManagers.singleItemValueManager
   });
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const now = (0, _useUtils.useNow)(timezone);
   const ownerState = React.useMemo(() => (0, _extends2.default)({}, props, {
     alreadyRendered: !!containerRef.current
@@ -249,7 +250,7 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
   }, other, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DigitalClockList, {
       role: "listbox",
-      "aria-label": localeText.timePickerToolbarTitle,
+      "aria-label": translations.timePickerToolbarTitle,
       className: classes.list,
       children: timeOptions.map((option, index) => {
         if (skipDisabled && isTimeDisabled(option)) {

package/node/MobileDatePicker/MobileDatePicker.js

@@ -12,6 +12,7 @@ var _utils = require("@mui/base/utils");
 var _utils2 = require("@mui/utils");
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
 var _shared = require("../DatePicker/shared");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _validateDate = require("../internals/utils/validation/validateDate");
 var _DateField = require("../DateField");
@@ -32,7 +33,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - [MobileDatePicker API](https://mui.com/x/api/date-pickers/mobile-date-picker/)
  */
 const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker(inProps, ref) {
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const utils = (0, _useUtils.useUtils)();
 
   // Props with the default values common to all date pickers
@@ -65,7 +66,7 @@ const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRe
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date',
-    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? localeText.openDatePickerDialogue,
+    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? translations.openDatePickerDialogue,
     validator: _validateDate.validateDate
   });
   return renderPicker();

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -13,6 +13,7 @@ var _utils2 = require("@mui/utils");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _DateTimeField = require("../DateTimeField");
 var _shared = require("../DateTimePicker/shared");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _validateDateTime = require("../internals/utils/validation/validateDateTime");
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
@@ -33,7 +34,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - [MobileDateTimePicker API](https://mui.com/x/api/date-pickers/mobile-date-time-picker/)
  */
 const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTimePicker(inProps, ref) {
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const utils = (0, _useUtils.useUtils)();
 
   // Props with the default values common to all date time pickers
@@ -75,7 +76,7 @@ const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.f
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date-time',
-    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? localeText.openDatePickerDialogue,
+    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? translations.openDatePickerDialogue,
     validator: _validateDateTime.validateDateTime
   });
   return renderPicker();

package/node/MobileTimePicker/MobileTimePicker.js

@@ -13,6 +13,7 @@ var _utils2 = require("@mui/utils");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _TimeField = require("../TimeField");
 var _shared = require("../TimePicker/shared");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _validateTime = require("../internals/utils/validation/validateTime");
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
@@ -32,7 +33,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - [MobileTimePicker API](https://mui.com/x/api/date-pickers/mobile-time-picker/)
  */
 const MobileTimePicker = exports.MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker(inProps, ref) {
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const utils = (0, _useUtils.useUtils)();
 
   // Props with the default values common to all time pickers
@@ -68,7 +69,7 @@ const MobileTimePicker = exports.MobileTimePicker = /*#__PURE__*/React.forwardRe
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'time',
-    getOpenDialogAriaText: props.localeText?.openTimePickerDialogue ?? localeText.openTimePickerDialogue,
+    getOpenDialogAriaText: props.localeText?.openTimePickerDialogue ?? translations.openTimePickerDialogue,
     validator: _validateTime.validateTime
   });
   return renderPicker();

package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -14,6 +14,7 @@ var _RtlProvider = require("@mui/system/RtlProvider");
 var _styles = require("@mui/material/styles");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _timeUtils = require("../internals/utils/time-utils");
 var _useViews = require("../internals/hooks/useViews");
@@ -110,7 +111,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
     onChange,
     valueManager: _valueManagers.singleItemValueManager
   });
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const now = (0, _useUtils.useNow)(timezone);
   const timeSteps = React.useMemo(() => (0, _extends2.default)({
     hours: 1,
@@ -242,7 +243,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
               utils,
               isDisabled: hours => isTimeDisabled(hours, 'hours'),
               timeStep: timeSteps.hours,
-              resolveAriaLabel: localeText.hoursClockNumberText,
+              resolveAriaLabel: translations.hoursClockNumberText,
               valueOrReferenceDate
             })
           };
@@ -260,7 +261,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
               resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
               timeStep: timeSteps.minutes,
               hasValue: !!value,
-              resolveAriaLabel: localeText.minutesClockNumberText
+              resolveAriaLabel: translations.minutesClockNumberText
             })
           };
         }
@@ -277,7 +278,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
               resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
               timeStep: timeSteps.seconds,
               hasValue: !!value,
-              resolveAriaLabel: localeText.secondsClockNumberText
+              resolveAriaLabel: translations.secondsClockNumberText
             })
           };
         }
@@ -305,7 +306,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
       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, isTimeDisabled, handleMeridiemChange]);
+  }, [now, value, ampm, utils, timeSteps.hours, timeSteps.minutes, timeSteps.seconds, translations.hoursClockNumberText, translations.minutesClockNumberText, translations.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, isTimeDisabled, handleMeridiemChange]);
   const viewsToRender = React.useMemo(() => {
     if (!isRtl) {
       return views;
@@ -342,7 +343,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
       slots: slots,
       slotProps: slotProps,
       skipDisabled: skipDisabled,
-      "aria-label": localeText.selectViewText(timeView)
+      "aria-label": translations.selectViewText(timeView)
     }, timeView))
   }));
 });

package/node/PickersActionBar/PickersActionBar.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-var _useUtils = require("../internals/hooks/useUtils");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["onAccept", "onClear", "onCancel", "onSetToday", "actions"];
 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); }
@@ -35,7 +35,7 @@ function PickersActionBar(props) {
       actions
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   if (actions == null || actions.length === 0) {
     return null;
   }
@@ -44,22 +44,22 @@ function PickersActionBar(props) {
       case 'clear':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           onClick: onClear,
-          children: localeText.clearButtonLabel
+          children: translations.clearButtonLabel
         }, actionType);
       case 'cancel':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           onClick: onCancel,
-          children: localeText.cancelButtonLabel
+          children: translations.cancelButtonLabel
         }, actionType);
       case 'accept':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           onClick: onAccept,
-          children: localeText.okButtonLabel
+          children: translations.okButtonLabel
         }, actionType);
       case 'today':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           onClick: onSetToday,
-          children: localeText.todayButtonLabel
+          children: translations.todayButtonLabel
         }, actionType);
       default:
         return null;

package/node/PickersCalendarHeader/PickersCalendarHeader.js

@@ -15,6 +15,7 @@ var _styles = require("@mui/material/styles");
 var _utils = require("@mui/base/utils");
 var _utils2 = require("@mui/utils");
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _PickersFadeTransitionGroup = require("../DateCalendar/PickersFadeTransitionGroup");
 var _icons = require("../icons");
@@ -116,7 +117,7 @@ const PickersCalendarHeaderSwitchViewIcon = (0, _styles.styled)(_icons.ArrowDrop
  * - [PickersCalendarHeader API](https://mui.com/x/api/date-pickers/pickers-calendar-header/)
  */
 const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalendarHeader(inProps, ref) {
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const utils = (0, _useUtils.useUtils)();
   const props = (0, _styles.useThemeProps)({
     props: inProps,
@@ -150,7 +151,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
     externalSlotProps: slotProps?.switchViewButton,
     additionalProps: {
       size: 'small',
-      'aria-label': localeText.calendarViewSwitchingButtonAriaLabel(view)
+      'aria-label': translations.calendarViewSwitchingButtonAriaLabel(view)
     },
     ownerState,
     className: classes.switchViewButton
@@ -225,10 +226,10 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
         slotProps: slotProps,
         onGoToPrevious: selectPreviousMonth,
         isPreviousDisabled: isPreviousMonthDisabled,
-        previousLabel: localeText.previousMonth,
+        previousLabel: translations.previousMonth,
         onGoToNext: selectNextMonth,
         isNextDisabled: isNextMonthDisabled,
-        nextLabel: localeText.nextMonth
+        nextLabel: translations.nextMonth
       })
     })]
   }));

package/node/TimeClock/Clock.js

@@ -12,6 +12,7 @@ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _styles = require("@mui/material/styles");
 var _utils = require("@mui/utils");
 var _ClockPointer = require("./ClockPointer");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _shared = require("./shared");
 var _clockClasses = require("./clockClasses");
@@ -205,7 +206,7 @@ function Clock(inProps) {
   } = props;
   const ownerState = props;
   const utils = (0, _useUtils.useUtils)();
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const isMoving = React.useRef(false);
   const classes = useUtilityClasses(ownerState);
   const isSelectedTimeDisabled = isTimeDisabled(viewValue, type);
@@ -321,7 +322,7 @@ function Clock(inProps) {
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockWrapper, {
         "aria-activedescendant": selectedId,
-        "aria-label": localeText.clockLabelText(type, value, utils),
+        "aria-label": translations.clockLabelText(type, value, utils),
         ref: listboxRef,
         role: "listbox",
         onKeyDown: handleKeyDown,

package/node/TimeClock/TimeClock.js

@@ -12,6 +12,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
 var _utils = require("@mui/utils");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _PickersArrowSwitcher = require("../internals/components/PickersArrowSwitcher");
 var _timeUtils = require("../internals/utils/time-utils");
@@ -123,7 +124,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
     props,
     timezone
   });
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const now = (0, _useUtils.useNow)(timezone);
   const {
     view,
@@ -236,7 +237,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
               utils,
               ampm,
               onChange: handleHoursChange,
-              getClockNumberText: localeText.hoursClockNumberText,
+              getClockNumberText: translations.hoursClockNumberText,
               isDisabled: hourValue => disabled || isTimeDisabled(hourValue, 'hours'),
               selectedId
             })
@@ -255,7 +256,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
               utils,
               value: minutesValue,
               onChange: handleMinutesChange,
-              getClockNumberText: localeText.minutesClockNumberText,
+              getClockNumberText: translations.minutesClockNumberText,
               isDisabled: minuteValue => disabled || isTimeDisabled(minuteValue, 'minutes'),
               selectedId
             })
@@ -274,7 +275,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
               utils,
               value: secondsValue,
               onChange: handleSecondsChange,
-              getClockNumberText: localeText.secondsClockNumberText,
+              getClockNumberText: translations.secondsClockNumberText,
               isDisabled: secondValue => disabled || isTimeDisabled(secondValue, 'seconds'),
               selectedId
             })
@@ -283,7 +284,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
       default:
         throw new Error('You must provide the type for ClockView');
     }
-  }, [view, utils, value, ampm, localeText.hoursClockNumberText, localeText.minutesClockNumberText, localeText.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, isTimeDisabled, selectedId, disabled]);
+  }, [view, utils, value, ampm, translations.hoursClockNumberText, translations.minutesClockNumberText, translations.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, isTimeDisabled, selectedId, disabled]);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TimeClockRoot, (0, _extends2.default)({
@@ -310,10 +311,10 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
       slotProps: slotProps,
       onGoToPrevious: () => setView(previousView),
       isPreviousDisabled: !previousView,
-      previousLabel: localeText.openPreviousView,
+      previousLabel: translations.openPreviousView,
       onGoToNext: () => setView(nextView),
       isNextDisabled: !nextView,
-      nextLabel: localeText.openNextView,
+      nextLabel: translations.openNextView,
       ownerState: ownerState
     })]
   }));

package/node/TimePicker/TimePickerToolbar.js

@@ -17,6 +17,7 @@ var _PickersToolbarText = require("../internals/components/PickersToolbarText");
 var _PickersToolbarButton = require("../internals/components/PickersToolbarButton");
 var _PickersToolbar = require("../internals/components/PickersToolbar");
 var _utils2 = require("../internals/utils/utils");
+var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
 var _timePickerToolbarClasses = require("./timePickerToolbarClasses");
@@ -140,7 +141,7 @@ function TimePickerToolbar(inProps) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const utils = (0, _useUtils.useUtils)();
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const isRtl = (0, _RtlProvider.useRtl)();
   const showAmPmControl = Boolean(ampm && !ampmInClock && views.includes('hours'));
   const {
@@ -161,7 +162,7 @@ function TimePickerToolbar(inProps) {
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TimePickerToolbarRoot, (0, _extends2.default)({
     landscapeDirection: "row",
-    toolbarTitle: localeText.timePickerToolbarTitle,
+    toolbarTitle: translations.timePickerToolbarTitle,
     isLandscape: isLandscape,
     ownerState: ownerState,
     className: (0, _clsx.default)(classes.root, className)

package/node/hooks/index.js

@@ -9,4 +9,11 @@ Object.defineProperty(exports, "useClearableField", {
     return _useClearableField.useClearableField;
   }
 });
-var _useClearableField = require("./useClearableField");
+Object.defineProperty(exports, "usePickersTranslations", {
+  enumerable: true,
+  get: function () {
+    return _usePickersTranslations.usePickersTranslations;
+  }
+});
+var _useClearableField = require("./useClearableField");
+var _usePickersTranslations = require("./usePickersTranslations");

package/node/hooks/useClearableField.js

@@ -12,14 +12,14 @@ var _utils = require("@mui/base/utils");
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _icons = require("../icons");
-var _useUtils = require("../internals/hooks/useUtils");
+var _usePickersTranslations = require("./usePickersTranslations");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["clearable", "onClear", "InputProps", "sx", "slots", "slotProps"],
   _excluded2 = ["ownerState"];
 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 && {}.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 useClearableField = props => {
-  const localeText = (0, _useUtils.useLocaleText)();
+  const translations = (0, _usePickersTranslations.usePickersTranslations)();
   const {
       clearable,
       onClear,
@@ -37,7 +37,7 @@ const useClearableField = props => {
       ownerState: {},
       className: 'clearButton',
       additionalProps: {
-        title: localeText.fieldClearLabel
+        title: translations.fieldClearLabel
       }
     }),
     iconButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);

package/node/hooks/usePickersTranslations.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickersTranslations = void 0;
+var _useUtils = require("../internals/hooks/useUtils");
+const usePickersTranslations = () => (0, _useUtils.useLocalizationContext)().localeText;
+exports.usePickersTranslations = usePickersTranslations;

package/node/index.js

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