@mui/x-date-pickers 8.0.0-beta.1 → 8.0.0-beta.3

package/internals/hooks/useStaticPicker/useStaticPicker.types.d.ts

@@ -2,6 +2,7 @@ import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from "../.
 import { BasePickerProps } from "../../models/props/basePickerProps.js";
 import { UsePickerParameters, UsePickerProps } from "../usePicker/index.js";
 import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.js";
+import { PickerStep } from "../../utils/createNonRangePickerStepNavigation.js";
 export interface UseStaticPickerSlots extends ExportedPickersLayoutSlots<PickerValue> {}
 export interface UseStaticPickerSlotProps extends ExportedPickersLayoutSlotProps<PickerValue> {}
 export interface StaticOnlyPickerProps {
@@ -36,4 +37,10 @@ export interface UseStaticPickerProps<TView extends DateOrTimeViewWithMeridiem,
 }
 export interface UseStaticPickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticPickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'ref'> {
   props: TExternalProps;
+  /**
+   * Steps available for the picker.
+   * This will be used to define the behavior of navigation actions.
+   * If null, the picker will not have any step navigation.
+   */
+  steps: PickerStep[] | null;
 }

package/internals/index.d.ts

@@ -42,7 +42,7 @@ export { useLocalizationContext, useDefaultDates, useUtils, useNow } from "./hoo
 export type { ExportedUseViewsOptions, UseViewsOptions } from './hooks/useViews';
 export { useViews } from "./hooks/useViews.js";
 export { usePreviousMonthDisabled, useNextMonthDisabled } from "./hooks/date-helpers-hooks.js";
-export type { PickerAnyManager, PickerManagerFieldInternalProps, PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerError, PickerValueManager } from './models/manager';
+export type { PickerAnyManager, PickerManagerFieldInternalProps, PickerManagerFieldInternalPropsWithDefaults, PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerError, PickerValueManager } from './models/manager';
 export type { RangePosition } from './models/pickers';
 export type { BaseSingleInputFieldProps, FieldRangeSection } from './models/fields';
 export type { BasePickerProps, BasePickerInputProps } from './models/props/basePickerProps';
@@ -53,9 +53,10 @@ export type { FormProps } from './models/formProps';
 export type { PickerVariant, TimeViewWithMeridiem, DateOrTimeViewWithMeridiem } from './models/common';
 export type { BaseDateValidationProps, BaseTimeValidationProps, TimeValidationProps, MonthValidationProps, YearValidationProps, DayValidationProps, DateTimeValidationProps } from './models/validation';
 export type { PickerValue, PickerRangeValue, PickerNonNullableRangeValue, InferNonNullablePickerValue, PickerValidValue } from './models/value';
-export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual, getTodayDate, isDatePickerView, mergeDateAndTime, formatMeridiem } from "./utils/date-utils.js";
+export { createStepNavigation } from "./utils/createStepNavigation.js";
+export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual, getTodayDate, isDatePickerView, mergeDateAndTime, formatMeridiem, DATE_VIEWS } from "./utils/date-utils.js";
 export { getDefaultReferenceDate } from "./utils/getDefaultReferenceDate.js";
-export { isTimeView, isInternalTimeView, resolveTimeFormat, getMeridiem } from "./utils/time-utils.js";
+export { isTimeView, isInternalTimeView, resolveTimeFormat, getMeridiem, TIME_VIEWS } from "./utils/time-utils.js";
 export { resolveTimeViewsResponse, resolveDateTimeFormat } from "./utils/date-time-utils.js";
 export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, mergeSx, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "./utils/utils.js";
 export { useReduceAnimations } from "./hooks/useReduceAnimations.js";
@@ -66,6 +67,6 @@ export type { ExportedDateCalendarProps } from '../DateCalendar/DateCalendar.typ
 export { useCalendarState } from "../DateCalendar/useCalendarState.js";
 export { DateTimePickerToolbarOverrideContext } from "../DateTimePicker/DateTimePickerToolbar.js";
 export { usePickerDayOwnerState } from "../PickersDay/usePickerDayOwnerState.js";
-export { getDateFieldInternalPropsDefaults } from "../managers/useDateManager.js";
-export { getTimeFieldInternalPropsDefaults } from "../managers/useTimeManager.js";
-export { getDateTimeFieldInternalPropsDefaults } from "../managers/useDateTimeManager.js";
+export { useApplyDefaultValuesToDateValidationProps } from "../managers/useDateManager.js";
+export { useApplyDefaultValuesToTimeValidationProps } from "../managers/useTimeManager.js";
+export { useApplyDefaultValuesToDateTimeValidationProps } from "../managers/useDateTimeManager.js";

package/internals/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "DATE_VIEWS", {
+  enumerable: true,
+  get: function () {
+    return _dateUtils.DATE_VIEWS;
+  }
+});
 Object.defineProperty(exports, "DAY_MARGIN", {
   enumerable: true,
   get: function () {
@@ -99,6 +105,12 @@ Object.defineProperty(exports, "PickersToolbarText", {
     return _PickersToolbarText.PickersToolbarText;
   }
 });
+Object.defineProperty(exports, "TIME_VIEWS", {
+  enumerable: true,
+  get: function () {
+    return _timeUtils.TIME_VIEWS;
+  }
+});
 Object.defineProperty(exports, "VIEW_HEIGHT", {
   enumerable: true,
   get: function () {
@@ -141,6 +153,12 @@ Object.defineProperty(exports, "createDateStrForV7HiddenInputFromSections", {
     return _useField.createDateStrForV7HiddenInputFromSections;
   }
 });
+Object.defineProperty(exports, "createStepNavigation", {
+  enumerable: true,
+  get: function () {
+    return _createStepNavigation.createStepNavigation;
+  }
+});
 Object.defineProperty(exports, "executeInTheNextEventLoopTick", {
   enumerable: true,
   get: function () {
@@ -159,18 +177,6 @@ Object.defineProperty(exports, "getActiveElement", {
     return _utils.getActiveElement;
   }
 });
-Object.defineProperty(exports, "getDateFieldInternalPropsDefaults", {
-  enumerable: true,
-  get: function () {
-    return _useDateManager.getDateFieldInternalPropsDefaults;
-  }
-});
-Object.defineProperty(exports, "getDateTimeFieldInternalPropsDefaults", {
-  enumerable: true,
-  get: function () {
-    return _useDateTimeManager.getDateTimeFieldInternalPropsDefaults;
-  }
-});
 Object.defineProperty(exports, "getDefaultReferenceDate", {
   enumerable: true,
   get: function () {
@@ -183,12 +189,6 @@ Object.defineProperty(exports, "getMeridiem", {
     return _timeUtils.getMeridiem;
   }
 });
-Object.defineProperty(exports, "getTimeFieldInternalPropsDefaults", {
-  enumerable: true,
-  get: function () {
-    return _useTimeManager.getTimeFieldInternalPropsDefaults;
-  }
-});
 Object.defineProperty(exports, "getTodayDate", {
   enumerable: true,
   get: function () {
@@ -285,6 +285,24 @@ Object.defineProperty(exports, "resolveTimeViewsResponse", {
     return _dateTimeUtils.resolveTimeViewsResponse;
   }
 });
+Object.defineProperty(exports, "useApplyDefaultValuesToDateTimeValidationProps", {
+  enumerable: true,
+  get: function () {
+    return _useDateTimeManager.useApplyDefaultValuesToDateTimeValidationProps;
+  }
+});
+Object.defineProperty(exports, "useApplyDefaultValuesToDateValidationProps", {
+  enumerable: true,
+  get: function () {
+    return _useDateManager.useApplyDefaultValuesToDateValidationProps;
+  }
+});
+Object.defineProperty(exports, "useApplyDefaultValuesToTimeValidationProps", {
+  enumerable: true,
+  get: function () {
+    return _useTimeManager.useApplyDefaultValuesToTimeValidationProps;
+  }
+});
 Object.defineProperty(exports, "useCalendarState", {
   enumerable: true,
   get: function () {
@@ -436,6 +454,7 @@ var _useToolbarOwnerState = require("./hooks/useToolbarOwnerState");
 var _useUtils = require("./hooks/useUtils");
 var _useViews = require("./hooks/useViews");
 var _dateHelpersHooks = require("./hooks/date-helpers-hooks");
+var _createStepNavigation = require("./utils/createStepNavigation");
 var _dateUtils = require("./utils/date-utils");
 var _getDefaultReferenceDate = require("./utils/getDefaultReferenceDate");
 var _timeUtils = require("./utils/time-utils");

package/internals/utils/createNonRangePickerStepNavigation.d.ts

@@ -0,0 +1,13 @@
+import { DateOrTimeViewWithMeridiem } from "../models/common.js";
+export declare function createNonRangePickerStepNavigation(parameters: CreateNonRangePickerStepNavigationParameters): import("./createStepNavigation").CreateStepNavigationReturnValue;
+export interface PickerStep {
+  /**
+   * The views that are handled inside this step.
+   * If null, all views are handled by this step.
+   */
+  views: readonly DateOrTimeViewWithMeridiem[] | null;
+}
+interface CreateNonRangePickerStepNavigationParameters {
+  steps: PickerStep[] | null;
+}
+export {};

package/internals/utils/createNonRangePickerStepNavigation.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createNonRangePickerStepNavigation = createNonRangePickerStepNavigation;
+var _createStepNavigation = require("./createStepNavigation");
+function createNonRangePickerStepNavigation(parameters) {
+  const {
+    steps
+  } = parameters;
+  return (0, _createStepNavigation.createStepNavigation)({
+    steps,
+    isCurrentViewMatchingStep: (view, step) => {
+      return step.views == null || step.views.includes(view);
+    },
+    onStepChange: ({
+      step,
+      initialView,
+      setView,
+      view,
+      views
+    }) => {
+      const targetView = step.views == null ? initialView : step.views.find(viewBis => views.includes(viewBis));
+      if (targetView !== view) {
+        setView(targetView);
+      }
+    }
+  });
+}

package/internals/utils/createStepNavigation.d.ts

@@ -0,0 +1,32 @@
+import { DateOrTimeViewWithMeridiem } from "../models/index.js";
+/**
+ * Create an object that determines whether there is a next step and allows to go to the next step.
+ * @param {CreateStepNavigationParameters<TStep>} parameters The parameters of the createStepNavigation function
+ * @returns {CreateStepNavigationReturnValue} The return value of the createStepNavigation function
+ */
+export declare function createStepNavigation<TStep extends {}>(parameters: CreateStepNavigationParameters<TStep>): CreateStepNavigationReturnValue;
+interface CreateStepNavigationParameters<TStep extends {}> {
+  steps: TStep[] | null;
+  isCurrentViewMatchingStep: (view: DateOrTimeViewWithMeridiem, step: TStep) => boolean;
+  onStepChange: (parameters: UseRangePickerStepNavigationOnStepChangeParameters<TStep>) => void;
+}
+export type CreateStepNavigationReturnValue = (parameters: CreateStepNavigationReturnValueParameters) => {
+  /**
+   * Whether there is a next step.
+   */
+  hasNextStep: boolean;
+  /**
+   * Go to the next step if any.
+   */
+  goToNextStep: () => void;
+};
+export interface CreateStepNavigationReturnValueParameters {
+  initialView: DateOrTimeViewWithMeridiem;
+  view: DateOrTimeViewWithMeridiem;
+  views: readonly DateOrTimeViewWithMeridiem[];
+  setView: (view: any) => void;
+}
+interface UseRangePickerStepNavigationOnStepChangeParameters<TStep extends {}> extends CreateStepNavigationReturnValueParameters {
+  step: TStep;
+}
+export {};

package/internals/utils/createStepNavigation.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createStepNavigation = createStepNavigation;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+/**
+ * Create an object that determines whether there is a next step and allows to go to the next step.
+ * @param {CreateStepNavigationParameters<TStep>} parameters The parameters of the createStepNavigation function
+ * @returns {CreateStepNavigationReturnValue} The return value of the createStepNavigation function
+ */
+function createStepNavigation(parameters) {
+  const {
+    steps,
+    isCurrentViewMatchingStep,
+    onStepChange
+  } = parameters;
+  return parametersBis => {
+    if (steps == null) {
+      return {
+        hasNextStep: false,
+        goToNextStep: () => {}
+      };
+    }
+    const currentStepIndex = steps.findIndex(step => isCurrentViewMatchingStep(parametersBis.view, step));
+    const nextStep = currentStepIndex === -1 || currentStepIndex === steps.length - 1 ? null : steps[currentStepIndex + 1];
+    return {
+      hasNextStep: nextStep != null,
+      goToNextStep: () => {
+        if (nextStep == null) {
+          return;
+        }
+        onStepChange((0, _extends2.default)({}, parametersBis, {
+          step: nextStep
+        }));
+      }
+    };
+  };
+}

package/internals/utils/date-utils.d.ts

@@ -27,6 +27,7 @@ export declare const areDatesEqual: (utils: MuiPickersAdapter, a: PickerValidDat
 export declare const getMonthsInYear: (utils: MuiPickersAdapter, year: PickerValidDate) => PickerValidDate[];
 export declare const getTodayDate: (utils: MuiPickersAdapter, timezone: PickersTimezone, valueType?: PickerValueType) => PickerValidDate;
 export declare const formatMeridiem: (utils: MuiPickersAdapter, meridiem: "am" | "pm") => string;
+export declare const DATE_VIEWS: readonly ["year", "month", "day"];
 export declare const isDatePickerView: (view: DateOrTimeViewWithMeridiem) => view is DateView;
 export declare const resolveDateFormat: (utils: MuiPickersAdapter, {
   format,

package/internals/utils/date-utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resolveDateFormat = exports.replaceInvalidDateByNull = exports.mergeDateAndTime = exports.isDatePickerView = exports.getWeekdays = exports.getTodayDate = exports.getMonthsInYear = exports.formatMeridiem = exports.findClosestEnabledDate = exports.areDatesEqual = exports.applyDefaultDate = void 0;
+exports.resolveDateFormat = exports.replaceInvalidDateByNull = exports.mergeDateAndTime = exports.isDatePickerView = exports.getWeekdays = exports.getTodayDate = exports.getMonthsInYear = exports.formatMeridiem = exports.findClosestEnabledDate = exports.areDatesEqual = exports.applyDefaultDate = exports.DATE_VIEWS = void 0;
 var _views = require("./views");
 const mergeDateAndTime = (utils, dateParam, timeParam) => {
   let mergedDate = dateParam;
@@ -99,8 +99,8 @@ const formatMeridiem = (utils, meridiem) => {
   return utils.format(date, 'meridiem');
 };
 exports.formatMeridiem = formatMeridiem;
-const dateViews = ['year', 'month', 'day'];
-const isDatePickerView = view => dateViews.includes(view);
+const DATE_VIEWS = exports.DATE_VIEWS = ['year', 'month', 'day'];
+const isDatePickerView = view => DATE_VIEWS.includes(view);
 exports.isDatePickerView = isDatePickerView;
 const resolveDateFormat = (utils, {
   format,

package/internals/utils/time-utils.d.ts

@@ -1,5 +1,7 @@
 import { MuiPickersAdapter, PickerValidDate } from "../../models/index.js";
 import { DateOrTimeViewWithMeridiem, TimeViewWithMeridiem } from "../models/index.js";
+export declare const EXPORTED_TIME_VIEWS: readonly ["hours", "minutes", "seconds"];
+export declare const TIME_VIEWS: readonly ["hours", "minutes", "seconds", "meridiem"];
 export declare const isTimeView: (view: DateOrTimeViewWithMeridiem) => boolean;
 export declare const isInternalTimeView: (view: DateOrTimeViewWithMeridiem) => view is TimeViewWithMeridiem;
 export type Meridiem = 'am' | 'pm';

package/internals/utils/time-utils.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resolveTimeFormat = exports.isTimeView = exports.isInternalTimeView = exports.getSecondsInDay = exports.getMeridiem = exports.createIsAfterIgnoreDatePart = exports.convertValueToMeridiem = exports.convertToMeridiem = void 0;
+exports.resolveTimeFormat = exports.isTimeView = exports.isInternalTimeView = exports.getSecondsInDay = exports.getMeridiem = exports.createIsAfterIgnoreDatePart = exports.convertValueToMeridiem = exports.convertToMeridiem = exports.TIME_VIEWS = exports.EXPORTED_TIME_VIEWS = void 0;
 var _views = require("./views");
-const timeViews = ['hours', 'minutes', 'seconds'];
-const isTimeView = view => timeViews.includes(view);
+const EXPORTED_TIME_VIEWS = exports.EXPORTED_TIME_VIEWS = ['hours', 'minutes', 'seconds'];
+const TIME_VIEWS = exports.TIME_VIEWS = ['hours', 'minutes', 'seconds', 'meridiem'];
+const isTimeView = view => EXPORTED_TIME_VIEWS.includes(view);
 exports.isTimeView = isTimeView;
-const isInternalTimeView = view => timeViews.includes(view) || view === 'meridiem';
+const isInternalTimeView = view => TIME_VIEWS.includes(view);
 exports.isInternalTimeView = isInternalTimeView;
 const getMeridiem = (date, utils) => {
   if (!date) {

package/locales/beBY.d.ts

@@ -23,6 +23,7 @@ export declare const beBY: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/beBY.js

@@ -33,6 +33,7 @@ const beBYPickers = {
   clearButtonLabel: 'Ачысціць',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Сёння',
+  nextStepButtonLabel: 'Наступны',
   // Toolbar titles
   datePickerToolbarTitle: 'Абраць дату',
   dateTimePickerToolbarTitle: 'Абраць дату і час',

package/locales/bgBG.d.ts

@@ -23,6 +23,7 @@ export declare const bgBG: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/bgBG.js

@@ -31,6 +31,7 @@ const bgBGPickers = {
   clearButtonLabel: 'Изчисти',
   okButtonLabel: 'ОК',
   todayButtonLabel: 'Днес',
+  nextStepButtonLabel: 'Следващ',
   // Toolbar titles
   datePickerToolbarTitle: 'Избери дата',
   dateTimePickerToolbarTitle: 'Избери дата и час',

package/locales/bnBD.d.ts

@@ -23,6 +23,7 @@ export declare const bnBD: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/bnBD.js

@@ -31,6 +31,7 @@ const bnBDPickers = {
   clearButtonLabel: 'পরিষ্কার',
   okButtonLabel: 'ঠিক আছে',
   todayButtonLabel: 'আজ',
+  nextStepButtonLabel: 'পরের',
   // Toolbar titles
   datePickerToolbarTitle: 'তারিখ নির্বাচন করুন',
   dateTimePickerToolbarTitle: 'তারিখ ও সময় নির্বাচন করুন',

package/locales/caES.d.ts

@@ -23,6 +23,7 @@ export declare const caES: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/caES.js

@@ -31,6 +31,7 @@ const caESPickers = {
   clearButtonLabel: 'Netejar',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Avuí',
+  nextStepButtonLabel: 'Següent',
   // Toolbar titles
   datePickerToolbarTitle: 'Seleccionar data',
   dateTimePickerToolbarTitle: 'Seleccionar data i hora',

package/locales/csCZ.d.ts

@@ -23,6 +23,7 @@ export declare const csCZ: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/csCZ.js

@@ -32,6 +32,7 @@ const csCZPickers = {
   clearButtonLabel: 'Vymazat',
   okButtonLabel: 'Potvrdit',
   todayButtonLabel: 'Dnes',
+  nextStepButtonLabel: 'Další',
   // Toolbar titles
   datePickerToolbarTitle: 'Vyberte datum',
   dateTimePickerToolbarTitle: 'Vyberte datum a čas',

package/locales/daDK.d.ts

@@ -23,6 +23,7 @@ export declare const daDK: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/daDK.js

@@ -32,6 +32,7 @@ const daDKPickers = {
   clearButtonLabel: 'Ryd',
   okButtonLabel: 'OK',
   todayButtonLabel: 'I dag',
+  nextStepButtonLabel: 'Næste',
   // Toolbar titles
   datePickerToolbarTitle: 'Vælg dato',
   dateTimePickerToolbarTitle: 'Vælg dato & tidspunkt',

package/locales/deDE.d.ts

@@ -23,6 +23,7 @@ export declare const deDE: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/deDE.js

@@ -32,13 +32,13 @@ const deDEPickers = {
   clearButtonLabel: 'Löschen',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Heute',
+  nextStepButtonLabel: 'Nächster',
   // Toolbar titles
   datePickerToolbarTitle: 'Datum auswählen',
   dateTimePickerToolbarTitle: 'Datum & Uhrzeit auswählen',
   timePickerToolbarTitle: 'Uhrzeit auswählen',
   dateRangePickerToolbarTitle: 'Datumsbereich auswählen',
-  // timeRangePickerToolbarTitle: 'Select time range',
-
+  timeRangePickerToolbarTitle: 'Zeitspanne auswählen',
   // Clock labels
   clockLabelText: (view, formattedTime) => `${timeViews[view] ?? view} auswählen. ${!formattedTime ? 'Keine Uhrzeit ausgewählt' : `Gewählte Uhrzeit ist ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} ${timeViews.hours}`,
@@ -54,7 +54,7 @@ const deDEPickers = {
   // Open Picker labels
   openDatePickerDialogue: formattedDate => formattedDate ? `Datum auswählen, gewähltes Datum ist ${formattedDate}` : 'Datum auswählen',
   openTimePickerDialogue: formattedTime => formattedTime ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${formattedTime}` : 'Uhrzeit auswählen',
-  // openRangePickerDialogue: formattedRange => formattedRange ? `Choose range, selected range is ${formattedRange}` : 'Choose range',
+  openRangePickerDialogue: formattedRange => formattedRange ? `Zeitspanne auswählen, die aktuell ausgewählte Zeitspanne ist ${formattedRange}` : 'Zeitspanne auswählen',
   fieldClearLabel: 'Wert leeren',
   // Table labels
   timeTableLabel: 'Uhrzeit auswählen',

package/locales/elGR.d.ts

@@ -23,6 +23,7 @@ export declare const elGR: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/elGR.js

@@ -32,6 +32,7 @@ const elGRPickers = {
   clearButtonLabel: 'Καθαρισμός',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Σήμερα',
+  nextStepButtonLabel: 'Επόμενος',
   // Toolbar titles
   datePickerToolbarTitle: 'Επιλέξτε ημερομηνία',
   dateTimePickerToolbarTitle: 'Επιλέξτε ημερομηνία και ώρα',

package/locales/enUS.d.ts

@@ -24,6 +24,7 @@ export declare const enUS: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/enUS.js

@@ -27,6 +27,7 @@ const enUSPickers = {
   clearButtonLabel: 'Clear',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Today',
+  nextStepButtonLabel: 'Next',
   // Toolbar titles
   datePickerToolbarTitle: 'Select date',
   dateTimePickerToolbarTitle: 'Select date & time',

package/locales/esES.d.ts

@@ -23,6 +23,7 @@ export declare const esES: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/esES.js

@@ -31,6 +31,7 @@ const esESPickers = {
   clearButtonLabel: 'Limpiar',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Hoy',
+  nextStepButtonLabel: 'Siguiente',
   // Toolbar titles
   datePickerToolbarTitle: 'Seleccionar fecha',
   dateTimePickerToolbarTitle: 'Seleccionar fecha y hora',

package/locales/eu.d.ts

@@ -23,6 +23,7 @@ export declare const eu: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/eu.js

@@ -32,6 +32,7 @@ const euPickers = {
   clearButtonLabel: 'Garbitu',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Gaur',
+  nextStepButtonLabel: 'Hurrengo',
   // Toolbar titles
   datePickerToolbarTitle: 'Data aukeratu',
   dateTimePickerToolbarTitle: 'Data eta ordua aukeratu',

package/locales/faIR.d.ts

@@ -23,6 +23,7 @@ export declare const faIR: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/faIR.js

@@ -31,6 +31,7 @@ const faIRPickers = {
   clearButtonLabel: 'پاک کردن',
   okButtonLabel: 'اوکی',
   todayButtonLabel: 'امروز',
+  nextStepButtonLabel: 'آینده',
   // Toolbar titles
   datePickerToolbarTitle: 'تاریخ را انتخاب کنید',
   dateTimePickerToolbarTitle: 'تاریخ و ساعت را انتخاب کنید',

package/locales/fiFI.d.ts

@@ -23,6 +23,7 @@ export declare const fiFI: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/fiFI.js

@@ -31,6 +31,7 @@ const fiFIPickers = {
   clearButtonLabel: 'Tyhjennä',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Tänään',
+  nextStepButtonLabel: 'Seuraava',
   // Toolbar titles
   datePickerToolbarTitle: 'Valitse päivä',
   dateTimePickerToolbarTitle: 'Valitse päivä ja aika',

package/locales/frFR.d.ts

@@ -23,6 +23,7 @@ export declare const frFR: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/frFR.js

@@ -31,6 +31,7 @@ const frFRPickers = {
   clearButtonLabel: 'Vider',
   okButtonLabel: 'OK',
   todayButtonLabel: "Aujourd'hui",
+  nextStepButtonLabel: 'Suivant',
   // Toolbar titles
   datePickerToolbarTitle: 'Choisir une date',
   dateTimePickerToolbarTitle: "Choisir la date et l'heure",

package/locales/heIL.d.ts

@@ -23,6 +23,7 @@ export declare const heIL: {
           clearButtonLabel?: string | undefined;
           okButtonLabel?: string | undefined;
           todayButtonLabel?: string | undefined;
+          nextStepButtonLabel?: string | undefined;
           clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;

package/locales/heIL.js

@@ -31,6 +31,7 @@ const heILPickers = {
   clearButtonLabel: 'ניקוי',
   okButtonLabel: 'אישור',
   todayButtonLabel: 'היום',
+  nextStepButtonLabel: 'הבא',
   // Toolbar titles
   datePickerToolbarTitle: 'בחירת תאריך',
   dateTimePickerToolbarTitle: 'בחירת תאריך ושעה',