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

package/locales/nlNL.js

@@ -31,6 +31,7 @@ const nlNLPickers = {
   clearButtonLabel: 'Resetten',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Vandaag',
+  nextStepButtonLabel: 'Volgende',
   // Toolbar titles
   datePickerToolbarTitle: 'Selecteer datum',
   dateTimePickerToolbarTitle: 'Selecteer datum & tijd',

package/locales/nnNO.d.ts

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

@@ -31,6 +31,7 @@ const nnNOPickers = {
   clearButtonLabel: 'Fjern',
   okButtonLabel: 'OK',
   todayButtonLabel: 'I dag',
+  nextStepButtonLabel: 'Neste',
   // Toolbar titles
   datePickerToolbarTitle: 'Vel dato',
   dateTimePickerToolbarTitle: 'Vel dato & klokkeslett',

package/locales/plPL.d.ts

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

@@ -31,6 +31,7 @@ const plPLPickers = {
   clearButtonLabel: 'Wyczyść',
   okButtonLabel: 'Zatwierdź',
   todayButtonLabel: 'Dzisiaj',
+  nextStepButtonLabel: 'Następny',
   // Toolbar titles
   datePickerToolbarTitle: 'Wybierz datę',
   dateTimePickerToolbarTitle: 'Wybierz datę i czas',

package/locales/ptBR.d.ts

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

@@ -31,6 +31,7 @@ const ptBRPickers = {
   clearButtonLabel: 'Limpar',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Hoje',
+  nextStepButtonLabel: 'Próximo',
   // Toolbar titles
   datePickerToolbarTitle: 'Selecione a data',
   dateTimePickerToolbarTitle: 'Selecione data e hora',

package/locales/ptPT.d.ts

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

@@ -31,6 +31,7 @@ const ptPTPickers = {
   clearButtonLabel: 'Limpar',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Hoje',
+  nextStepButtonLabel: 'Próximo',
   // Toolbar titles
   datePickerToolbarTitle: 'Selecione a data',
   dateTimePickerToolbarTitle: 'Selecione a data e a hora',

package/locales/roRO.d.ts

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

@@ -32,6 +32,7 @@ const roROPickers = {
   clearButtonLabel: 'Ștergere',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Astăzi',
+  nextStepButtonLabel: 'Următoare',
   // Toolbar titles
   datePickerToolbarTitle: 'Selectați data',
   dateTimePickerToolbarTitle: 'Selectați data și ora',

package/locales/ruRU.d.ts

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

@@ -32,6 +32,7 @@ const ruRUPickers = {
   clearButtonLabel: 'Очистить',
   okButtonLabel: 'Ок',
   todayButtonLabel: 'Сегодня',
+  nextStepButtonLabel: 'Следующий',
   // Toolbar titles
   datePickerToolbarTitle: 'Выбрать дату',
   dateTimePickerToolbarTitle: 'Выбрать дату и время',

package/locales/skSK.d.ts

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

@@ -33,6 +33,7 @@ const skSKPickers = {
   clearButtonLabel: 'Vymazať',
   okButtonLabel: 'Potvrdiť',
   todayButtonLabel: 'Dnes',
+  nextStepButtonLabel: 'Predchádzajúci',
   // Toolbar titles
   datePickerToolbarTitle: 'Vyberte dátum',
   dateTimePickerToolbarTitle: 'Vyberte dátum a čas',

package/locales/svSE.d.ts

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

@@ -31,6 +31,7 @@ const svSEPickers = {
   clearButtonLabel: 'Rensa',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Idag',
+  nextStepButtonLabel: 'Nästa',
   // Toolbar titles
   datePickerToolbarTitle: 'Välj datum',
   dateTimePickerToolbarTitle: 'Välj datum & tid',

package/locales/trTR.d.ts

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

@@ -32,6 +32,7 @@ const trTRPickers = {
   clearButtonLabel: 'Temizle',
   okButtonLabel: 'Tamam',
   todayButtonLabel: 'Bugün',
+  nextStepButtonLabel: 'Sonraki',
   // Toolbar titles
   datePickerToolbarTitle: 'Tarih Seç',
   dateTimePickerToolbarTitle: 'Tarih & Saat seç',

package/locales/ukUA.d.ts

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

@@ -31,6 +31,7 @@ const ukUAPickers = {
   clearButtonLabel: 'Очистити',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Сьогодні',
+  nextStepButtonLabel: 'Наступний',
   // Toolbar titles
   datePickerToolbarTitle: 'Вибрати дату',
   dateTimePickerToolbarTitle: 'Вибрати дату і час',

package/locales/urPK.d.ts

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

@@ -32,6 +32,7 @@ const urPKPickers = {
   clearButtonLabel: 'کلئیر',
   okButtonLabel: 'اوکے',
   todayButtonLabel: 'آج',
+  nextStepButtonLabel: 'مہینہ',
   // Toolbar titles
   datePickerToolbarTitle: 'تاریخ منتخب کریں',
   dateTimePickerToolbarTitle: 'تاریخ اور وقت منتخب کریں',

package/locales/utils/getPickersLocalization.d.ts

@@ -23,6 +23,7 @@ export declare const getPickersLocalization: (pickersTranslations: Partial<Picke
           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/utils/pickersLocaleTextApi.d.ts

@@ -47,6 +47,7 @@ export interface PickersComponentAgnosticLocaleText {
   clearButtonLabel: string;
   okButtonLabel: string;
   todayButtonLabel: string;
+  nextStepButtonLabel: string;
   clockLabelText: (view: TimeView, formattedTime: string | null) => string;
   hoursClockNumberText: (hours: string) => string;
   minutesClockNumberText: (minutes: string) => string;

package/locales/viVN.d.ts

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

@@ -31,6 +31,7 @@ const viVNPickers = {
   clearButtonLabel: 'Xóa',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Hôm nay',
+  nextStepButtonLabel: 'Sau',
   // Toolbar titles
   datePickerToolbarTitle: 'Chọn ngày',
   dateTimePickerToolbarTitle: 'Chọn ngày và giờ',

package/locales/zhCN.d.ts

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

@@ -31,6 +31,7 @@ const zhCNPickers = {
   clearButtonLabel: '清除',
   okButtonLabel: '确认',
   todayButtonLabel: '今天',
+  nextStepButtonLabel: '下个',
   // Toolbar titles
   datePickerToolbarTitle: '选择日期',
   dateTimePickerToolbarTitle: '选择日期和时间',

package/locales/zhHK.d.ts

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

@@ -31,6 +31,7 @@ const zhHKPickers = {
   clearButtonLabel: '清除',
   okButtonLabel: '確認',
   todayButtonLabel: '今日',
+  nextStepButtonLabel: '下個',
   // Toolbar titles
   datePickerToolbarTitle: '選擇日期',
   dateTimePickerToolbarTitle: '選擇日期和時間',

package/locales/zhTW.d.ts

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

@@ -31,6 +31,7 @@ const zhTWPickers = {
   clearButtonLabel: '清除',
   okButtonLabel: '確認',
   todayButtonLabel: '今天',
+  nextStepButtonLabel: '下個',
   // Toolbar titles
   datePickerToolbarTitle: '選擇日期',
   dateTimePickerToolbarTitle: '選擇日期和時間',

package/modern/DateField/DateField.js

@@ -113,7 +113,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
   formatDensity: PropTypes.oneOf(['dense', 'spacious']),
   /**
    * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
-   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   FormHelperTextProps: PropTypes.object,
   /**
@@ -140,12 +140,12 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
   /**
    * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
    * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   InputLabelProps: PropTypes.object,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: PropTypes.object,
   /**
@@ -153,7 +153,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
    * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
    * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   InputProps: PropTypes.object,
   /**

package/modern/DateTimeField/DateTimeField.js

@@ -123,7 +123,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
   formatDensity: PropTypes.oneOf(['dense', 'spacious']),
   /**
    * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
-   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   FormHelperTextProps: PropTypes.object,
   /**
@@ -150,12 +150,12 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
   /**
    * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
    * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   InputLabelProps: PropTypes.object,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: PropTypes.object,
   /**
@@ -163,7 +163,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
    * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
    * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
    * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   InputProps: PropTypes.object,
   /**

package/modern/DesktopDatePicker/DesktopDatePicker.js

@@ -62,7 +62,8 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
     props,
     valueManager: singleItemValueManager,
     valueType: 'date',
-    validator: validateDate
+    validator: validateDate,
+    steps: null
   });
   return renderPicker();
 });

package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -136,7 +136,8 @@ const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDate
     valueManager: singleItemValueManager,
     valueType: 'date-time',
     validator: validateDateTime,
-    rendererInterceptor
+    rendererInterceptor,
+    steps: null
   });
   return renderPicker();
 });

package/modern/DesktopTimePicker/DesktopTimePicker.js

@@ -73,7 +73,8 @@ const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePick
     props,
     valueManager: singleItemValueManager,
     valueType: 'time',
-    validator: validateTime
+    validator: validateTime,
+    steps: null
   });
   return renderPicker();
 });

package/modern/DigitalClock/DigitalClock.js

@@ -41,6 +41,7 @@ const DigitalClockRoot = styled(PickerViewRoot, {
 })({
   overflowY: 'auto',
   width: '100%',
+  scrollbarWidth: 'thin',
   '@media (prefers-reduced-motion: no-preference)': {
     scrollBehavior: 'auto'
   },

package/modern/LocalizationProvider/LocalizationProvider.d.ts

@@ -15,7 +15,7 @@ export interface LocalizationProviderProps<TLocale> {
   children?: React.ReactNode;
   /**
    * Date library adapter class function.
-   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#setup-your-date-library-adapter date adapter setup section} for more details.
+   * @see See the localization provider {@link https://next.mui.com/x/react-date-pickers/quickstart/#integrate-provider-and-adapter date adapter setup section} for more details.
    */
   dateAdapter?: new (...args: any) => MuiPickersAdapter<TLocale>;
   /** Formats that are used for any child pickers */

package/modern/LocalizationProvider/LocalizationProvider.js

@@ -63,7 +63,7 @@ export const LocalizationProvider = function LocalizationProvider(inProps) {
       instance: dateLibInstance
     });
     if (!adapter.isMUIAdapter) {
-      throw new Error(['MUI X: The date adapter should be imported from `@mui/x-date-pickers` or `@mui/x-date-pickers-pro`, not from `@date-io`', "For example, `import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'` instead of `import AdapterDayjs from '@date-io/dayjs'`", 'More information on the installation documentation: https://mui.com/x/react-date-pickers/getting-started/#installation'].join(`\n`));
+      throw new Error(['MUI X: The date adapter should be imported from `@mui/x-date-pickers` or `@mui/x-date-pickers-pro`, not from `@date-io`', "For example, `import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'` instead of `import AdapterDayjs from '@date-io/dayjs'`", 'More information on the installation documentation: https://mui.com/x/react-date-pickers/quickstart/#installation'].join(`\n`));
     }
     return adapter;
   }, [DateAdapter, adapterLocale, dateFormats, dateLibInstance, parentUtils]);
@@ -100,7 +100,7 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   children: PropTypes.node,
   /**
    * Date library adapter class function.
-   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#setup-your-date-library-adapter date adapter setup section} for more details.
+   * @see See the localization provider {@link https://next.mui.com/x/react-date-pickers/quickstart/#integrate-provider-and-adapter date adapter setup section} for more details.
    */
   dateAdapter: PropTypes.func,
   /**

package/modern/MobileDatePicker/MobileDatePicker.js

@@ -55,7 +55,8 @@ const MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker
     props,
     valueManager: singleItemValueManager,
     valueType: 'date',
-    validator: validateDate
+    validator: validateDate,
+    steps: null
   });
   return renderPicker();
 });

package/modern/MobileDateTimePicker/MobileDateTimePicker.js

@@ -18,6 +18,13 @@ import { DIALOG_WIDTH, VIEW_HEIGHT } from "../internals/constants/dimensions.js"
 import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from "../MultiSectionDigitalClock/index.js";
 import { mergeSx } from "../internals/utils/utils.js";
 import { digitalClockClasses } from "../DigitalClock/index.js";
+import { EXPORTED_TIME_VIEWS } from "../internals/utils/time-utils.js";
+import { DATE_VIEWS } from "../internals/utils/date-utils.js";
+const STEPS = [{
+  views: DATE_VIEWS
+}, {
+  views: EXPORTED_TIME_VIEWS
+}];
 /**
  * Demos:
  *
@@ -98,7 +105,8 @@ const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTi
     props,
     valueManager: singleItemValueManager,
     valueType: 'date-time',
-    validator: validateDateTime
+    validator: validateDateTime,
+    steps: STEPS
   });
   return renderPicker();
 });

package/modern/MobileTimePicker/MobileTimePicker.js

@@ -58,7 +58,8 @@ const MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker
     props,
     valueManager: singleItemValueManager,
     valueType: 'time',
-    validator: validateTime
+    validator: validateTime,
+    steps: null
   });
   return renderPicker();
 });

package/modern/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -33,6 +33,7 @@ const MultiSectionDigitalClockSectionRoot = styled(MenuList, {
   width: 56,
   padding: 0,
   overflow: 'hidden',
+  scrollbarWidth: 'thin',
   '@media (prefers-reduced-motion: no-preference)': {
     scrollBehavior: 'auto'
   },

package/modern/PickersActionBar/PickersActionBar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DialogActionsProps } from '@mui/material/DialogActions';
-export type PickersActionBarAction = 'clear' | 'cancel' | 'accept' | 'today';
+export type PickersActionBarAction = 'clear' | 'cancel' | 'accept' | 'today' | 'next' | 'nextOrAccept';
 export interface PickersActionBarProps extends DialogActionsProps {
   /**
    * Ordered array of actions to display.

package/modern/PickersActionBar/PickersActionBar.js

@@ -9,7 +9,7 @@ import { styled } from '@mui/material/styles';
 import Button from '@mui/material/Button';
 import DialogActions from '@mui/material/DialogActions';
 import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-import { usePickerActionsContext } from "../hooks/index.js";
+import { usePickerContext } from "../hooks/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PickersActionBarRoot = styled(DialogActions, {
   name: 'MuiPickersLayout',
@@ -37,8 +37,10 @@ function PickersActionBarComponent(props) {
     clearValue,
     setValueToToday,
     acceptValueChanges,
-    cancelValueChanges
-  } = usePickerActionsContext();
+    cancelValueChanges,
+    goToNextStep,
+    hasNextStep
+  } = usePickerContext();
   if (actions == null || actions.length === 0) {
     return null;
   }
@@ -64,6 +66,22 @@ function PickersActionBarComponent(props) {
           onClick: setValueToToday,
           children: translations.todayButtonLabel
         }, actionType);
+      case 'next':
+        return /*#__PURE__*/_jsx(Button, {
+          onClick: goToNextStep,
+          children: translations.nextStepButtonLabel
+        }, actionType);
+      case 'nextOrAccept':
+        if (hasNextStep) {
+          return /*#__PURE__*/_jsx(Button, {
+            onClick: goToNextStep,
+            children: translations.nextStepButtonLabel
+          }, actionType);
+        }
+        return /*#__PURE__*/_jsx(Button, {
+          onClick: acceptValueChanges,
+          children: translations.okButtonLabel
+        }, actionType);
       default:
         return null;
     }
@@ -84,7 +102,7 @@ process.env.NODE_ENV !== "production" ? PickersActionBarComponent.propTypes = {
    * - `[]` for Desktop Date Picker and Desktop Date Range Picker
    * - `['cancel', 'accept']` for all other Pickers
    */
-  actions: PropTypes.arrayOf(PropTypes.oneOf(['accept', 'cancel', 'clear', 'today']).isRequired),
+  actions: PropTypes.arrayOf(PropTypes.oneOf(['accept', 'cancel', 'clear', 'next', 'nextOrAccept', 'today']).isRequired),
   /**
    * If `true`, the actions do not have additional margin.
    * @default false

package/modern/StaticDatePicker/StaticDatePicker.js

@@ -45,7 +45,8 @@ const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker
     props,
     valueManager: singleItemValueManager,
     valueType: 'date',
-    validator: validateDate
+    validator: validateDate,
+    steps: null
   });
   return renderPicker();
 });

package/modern/StaticDateTimePicker/StaticDateTimePicker.js

@@ -13,6 +13,13 @@ import { mergeSx } from "../internals/utils/utils.js";
 import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from "../MultiSectionDigitalClock/index.js";
 import { DIALOG_WIDTH, VIEW_HEIGHT } from "../internals/constants/dimensions.js";
 import { digitalClockClasses } from "../DigitalClock/index.js";
+import { DATE_VIEWS } from "../internals/utils/date-utils.js";
+import { EXPORTED_TIME_VIEWS } from "../internals/utils/time-utils.js";
+const STEPS = [{
+  views: DATE_VIEWS
+}, {
+  views: EXPORTED_TIME_VIEWS
+}];
 /**
  * Demos:
  *
@@ -87,7 +94,8 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTi
     props,
     valueManager: singleItemValueManager,
     valueType: 'date-time',
-    validator: validateDateTime
+    validator: validateDateTime,
+    steps: STEPS
   });
   return renderPicker();
 });

package/modern/StaticTimePicker/StaticTimePicker.js

@@ -47,7 +47,8 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
     props,
     valueManager: singleItemValueManager,
     valueType: 'time',
-    validator: validateTime
+    validator: validateTime,
+    steps: null
   });
   return renderPicker();
 });