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

package/esm/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/esm/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/esm/internals/index.js

@@ -23,9 +23,10 @@ export { useToolbarOwnerState } from "./hooks/useToolbarOwnerState.js";
 export { useLocalizationContext, useDefaultDates, useUtils, useNow } from "./hooks/useUtils.js";
 export { useViews } from "./hooks/useViews.js";
 export { usePreviousMonthDisabled, useNextMonthDisabled } from "./hooks/date-helpers-hooks.js";
-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";
@@ -34,6 +35,6 @@ export { DayCalendar } from "../DateCalendar/DayCalendar.js";
 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/esm/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/esm/internals/utils/createNonRangePickerStepNavigation.js

@@ -0,0 +1,24 @@
+import { createStepNavigation } from "./createStepNavigation.js";
+export function createNonRangePickerStepNavigation(parameters) {
+  const {
+    steps
+  } = parameters;
+  return 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/esm/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/esm/internals/utils/createStepNavigation.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/esm/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
+ */
+export 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(_extends({}, parametersBis, {
+          step: nextStep
+        }));
+      }
+    };
+  };
+}

package/esm/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/esm/internals/utils/date-utils.js

@@ -85,8 +85,8 @@ export const formatMeridiem = (utils, meridiem) => {
   const date = utils.setHours(utils.date(), meridiem === 'am' ? 2 : 14);
   return utils.format(date, 'meridiem');
 };
-const dateViews = ['year', 'month', 'day'];
-export const isDatePickerView = view => dateViews.includes(view);
+export const DATE_VIEWS = ['year', 'month', 'day'];
+export const isDatePickerView = view => DATE_VIEWS.includes(view);
 export const resolveDateFormat = (utils, {
   format,
   views

package/esm/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/esm/internals/utils/time-utils.js

@@ -1,7 +1,8 @@
 import { areViewsEqual } from "./views.js";
-const timeViews = ['hours', 'minutes', 'seconds'];
-export const isTimeView = view => timeViews.includes(view);
-export const isInternalTimeView = view => timeViews.includes(view) || view === 'meridiem';
+export const EXPORTED_TIME_VIEWS = ['hours', 'minutes', 'seconds'];
+export const TIME_VIEWS = ['hours', 'minutes', 'seconds', 'meridiem'];
+export const isTimeView = view => EXPORTED_TIME_VIEWS.includes(view);
+export const isInternalTimeView = view => TIME_VIEWS.includes(view);
 export const getMeridiem = (date, utils) => {
   if (!date) {
     return null;

package/esm/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/esm/locales/beBY.js

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

package/esm/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/esm/locales/bgBG.js

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

package/esm/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/esm/locales/bnBD.js

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

package/esm/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/esm/locales/caES.js

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

package/esm/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/esm/locales/csCZ.js

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

package/esm/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/esm/locales/daDK.js

@@ -26,6 +26,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/esm/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/esm/locales/deDE.js

@@ -26,13 +26,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}`,
@@ -48,7 +48,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/esm/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/esm/locales/elGR.js

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

package/esm/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/esm/locales/enUS.js

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

package/esm/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/esm/locales/esES.js

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

package/esm/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/esm/locales/eu.js

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

package/esm/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/esm/locales/faIR.js

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

package/esm/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/esm/locales/fiFI.js

@@ -25,6 +25,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/esm/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/esm/locales/frFR.js

@@ -25,6 +25,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/esm/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/esm/locales/heIL.js

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

package/esm/locales/hrHR.d.ts

@@ -23,6 +23,7 @@ export declare const hrHR: {
           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/esm/locales/hrHR.js

@@ -26,6 +26,7 @@ const hrHRPickers = {
   clearButtonLabel: 'Izbriši',
   okButtonLabel: 'U redu',
   todayButtonLabel: 'Danas',
+  nextStepButtonLabel: 'Naredni',
   // Toolbar titles
   datePickerToolbarTitle: 'Odaberi datum',
   dateTimePickerToolbarTitle: 'Odaberi datum i vrijeme',

package/esm/locales/huHU.d.ts

@@ -23,6 +23,7 @@ export declare const huHU: {
           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/esm/locales/huHU.js

@@ -26,6 +26,7 @@ const huHUPickers = {
   clearButtonLabel: 'Törlés',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Ma',
+  nextStepButtonLabel: 'Következő',
   // Toolbar titles
   datePickerToolbarTitle: 'Dátum kiválasztása',
   dateTimePickerToolbarTitle: 'Dátum és idő kiválasztása',

package/esm/locales/isIS.d.ts

@@ -23,6 +23,7 @@ export declare const isIS: {
           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/esm/locales/isIS.js

@@ -26,6 +26,7 @@ const isISPickers = {
   clearButtonLabel: 'Hreinsa',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Í dag',
+  nextStepButtonLabel: 'Næsti',
   // Toolbar titles
   datePickerToolbarTitle: 'Velja dagsetningu',
   dateTimePickerToolbarTitle: 'Velja dagsetningu og tíma',

package/esm/locales/itIT.d.ts

@@ -23,6 +23,7 @@ export declare const itIT: {
           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/esm/locales/itIT.js

@@ -25,6 +25,7 @@ const itITPickers = {
   clearButtonLabel: 'Sgomberare',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Oggi',
+  nextStepButtonLabel: 'Successivo',
   // Toolbar titles
   datePickerToolbarTitle: 'Seleziona data',
   dateTimePickerToolbarTitle: 'Seleziona data e orario',

package/esm/locales/jaJP.d.ts

@@ -23,6 +23,7 @@ export declare const jaJP: {
           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/esm/locales/jaJP.js

@@ -26,6 +26,7 @@ const jaJPPickers = {
   clearButtonLabel: 'クリア',
   okButtonLabel: '確定',
   todayButtonLabel: '今日',
+  nextStepButtonLabel: '来',
   // Toolbar titles
   datePickerToolbarTitle: '日付を選択',
   dateTimePickerToolbarTitle: '日時を選択',