@mui/lab 5.0.0-alpha.63 → 5.0.0-alpha.64

package/DateRangePickerDay/DateRangePickerDay.d.ts

@@ -1,79 +1,79 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
-import { PickersDayProps } from '../PickersDay/PickersDay';
-export interface DateRangePickerDayClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `isHighlighting=true` and `outsideCurrentMonth=false`. */
-    rangeIntervalDayHighlight: string;
-    /** Styles applied to the root element if `isStartOfHighlighting=true` or `day` is the start of the month. */
-    rangeIntervalDayHighlightStart: string;
-    /** Styles applied to the root element if `isEndOfHighlighting=true` or `day` is the end of the month. */
-    rangeIntervalDayHighlightEnd: string;
-    /** Styles applied to the preview element. */
-    rangeIntervalPreview: string;
-    /** Styles applied to the root element if `isPreviewing=true` and `outsideCurrentMonth=false`. */
-    rangeIntervalDayPreview: string;
-    /** Styles applied to the root element if `isStartOfPreviewing=true` or `day` is the start of the month. */
-    rangeIntervalDayPreviewStart: string;
-    /** Styles applied to the root element if `isEndOfPreviewing=true` or `day` is the end of the month. */
-    rangeIntervalDayPreviewEnd: string;
-    /** Styles applied to the day element. */
-    day: string;
-    /** Styles applied to the day element if `isHighlighting=false`. */
-    dayOutsideRangeInterval: string;
-    /** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
-    dayInsideRangeInterval: string;
-    /** Styles applied to the day element if `selected=false`. */
-    notSelectedDate: string;
-}
-export declare type DateRangePickerDayClassKey = keyof DateRangePickerDayClasses;
-export interface DateRangePickerDayProps<TDate> extends Omit<PickersDayProps<TDate>, 'classes'> {
-    /**
-     * Set to `true` if the `day` is in a highlighted date range.
-     */
-    isHighlighting: boolean;
-    /**
-     * Set to `true` if the `day` is the end of a highlighted date range.
-     */
-    isEndOfHighlighting: boolean;
-    /**
-     * Set to `true` if the `day` is the start of a highlighted date range.
-     */
-    isStartOfHighlighting: boolean;
-    /**
-     * Set to `true` if the `day` is in a preview date range.
-     */
-    isPreviewing: boolean;
-    /**
-     * Set to `true` if the `day` is the start of a highlighted date range.
-     */
-    isEndOfPreviewing: boolean;
-    /**
-     * Set to `true` if the `day` is the end of a highlighted date range.
-     */
-    isStartOfPreviewing: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<DateRangePickerDayClasses>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-}
-export declare function getDateRangePickerDayUtilityClass(slot: string): string;
-export declare const dateRangePickerDayClasses: DateRangePickerDayClasses;
-declare const _default: <TDate>(props: DateRangePickerDayProps<TDate> & React.RefAttributes<HTMLButtonElement>) => JSX.Element;
-/**
- *
- * Demos:
- *
- * - [Date Range Picker](https://mui.com/components/date-range-picker/)
- *
- * API:
- *
- * - [DateRangePickerDay API](https://mui.com/api/date-range-picker-day/)
- */
-export default _default;
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+import { PickersDayProps } from '../PickersDay/PickersDay';
+export interface DateRangePickerDayClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `isHighlighting=true` and `outsideCurrentMonth=false`. */
+    rangeIntervalDayHighlight: string;
+    /** Styles applied to the root element if `isStartOfHighlighting=true` or `day` is the start of the month. */
+    rangeIntervalDayHighlightStart: string;
+    /** Styles applied to the root element if `isEndOfHighlighting=true` or `day` is the end of the month. */
+    rangeIntervalDayHighlightEnd: string;
+    /** Styles applied to the preview element. */
+    rangeIntervalPreview: string;
+    /** Styles applied to the root element if `isPreviewing=true` and `outsideCurrentMonth=false`. */
+    rangeIntervalDayPreview: string;
+    /** Styles applied to the root element if `isStartOfPreviewing=true` or `day` is the start of the month. */
+    rangeIntervalDayPreviewStart: string;
+    /** Styles applied to the root element if `isEndOfPreviewing=true` or `day` is the end of the month. */
+    rangeIntervalDayPreviewEnd: string;
+    /** Styles applied to the day element. */
+    day: string;
+    /** Styles applied to the day element if `isHighlighting=false`. */
+    dayOutsideRangeInterval: string;
+    /** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
+    dayInsideRangeInterval: string;
+    /** Styles applied to the day element if `selected=false`. */
+    notSelectedDate: string;
+}
+export declare type DateRangePickerDayClassKey = keyof DateRangePickerDayClasses;
+export interface DateRangePickerDayProps<TDate> extends Omit<PickersDayProps<TDate>, 'classes'> {
+    /**
+     * Set to `true` if the `day` is in a highlighted date range.
+     */
+    isHighlighting: boolean;
+    /**
+     * Set to `true` if the `day` is the end of a highlighted date range.
+     */
+    isEndOfHighlighting: boolean;
+    /**
+     * Set to `true` if the `day` is the start of a highlighted date range.
+     */
+    isStartOfHighlighting: boolean;
+    /**
+     * Set to `true` if the `day` is in a preview date range.
+     */
+    isPreviewing: boolean;
+    /**
+     * Set to `true` if the `day` is the start of a highlighted date range.
+     */
+    isEndOfPreviewing: boolean;
+    /**
+     * Set to `true` if the `day` is the end of a highlighted date range.
+     */
+    isStartOfPreviewing: boolean;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<DateRangePickerDayClasses>;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+}
+export declare function getDateRangePickerDayUtilityClass(slot: string): string;
+export declare const dateRangePickerDayClasses: DateRangePickerDayClasses;
+declare const _default: <TDate>(props: DateRangePickerDayProps<TDate> & React.RefAttributes<HTMLButtonElement>) => JSX.Element;
+/**
+ *
+ * Demos:
+ *
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
+ *
+ * API:
+ *
+ * - [DateRangePickerDay API](https://mui.com/api/date-range-picker-day/)
+ */
+export default _default;

package/DateRangePickerDay/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DateRangePickerDay';
-export { default } from './DateRangePickerDay';
+export * from './DateRangePickerDay';
+export { default } from './DateRangePickerDay';

package/DateTimePicker/DateTimePicker.d.ts

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import { DesktopDateTimePickerProps } from '../DesktopDateTimePicker';
-import { MobileDateTimePickerProps } from '../MobileDateTimePicker';
-export interface DateTimePickerProps<TDate = unknown> extends DesktopDateTimePickerProps<TDate>, MobileDateTimePickerProps<TDate> {
-    /**
-     * CSS media query when `Mobile` mode will be changed to `Desktop`.
-     * @default '@media (pointer: fine)'
-     * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
-     */
-    desktopModeMediaQuery?: string;
-}
-declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Date Time Picker](https://mui.com/components/date-time-picker/)
- * - [Pickers](https://mui.com/components/pickers/)
- *
- * API:
- *
- * - [DateTimePicker API](https://mui.com/api/date-time-picker/)
- */
-declare const DateTimePicker: DateTimePickerComponent;
-export default DateTimePicker;
+import * as React from 'react';
+import { DesktopDateTimePickerProps } from '../DesktopDateTimePicker';
+import { MobileDateTimePickerProps } from '../MobileDateTimePicker';
+export interface DateTimePickerProps<TDate = unknown> extends DesktopDateTimePickerProps<TDate>, MobileDateTimePickerProps<TDate> {
+    /**
+     * CSS media query when `Mobile` mode will be changed to `Desktop`.
+     * @default '@media (pointer: fine)'
+     * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
+     */
+    desktopModeMediaQuery?: string;
+}
+declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Time Picker](https://mui.com/components/date-time-picker/)
+ * - [Pickers](https://mui.com/components/pickers/)
+ *
+ * API:
+ *
+ * - [DateTimePicker API](https://mui.com/api/date-time-picker/)
+ */
+declare const DateTimePicker: DateTimePickerComponent;
+export default DateTimePicker;

package/DateTimePicker/DateTimePicker.js

@@ -140,7 +140,11 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: PropTypes.object,
+  componentsProps: PropTypes.shape({
+    leftArrowButton: PropTypes.object,
+    rightArrowButton: PropTypes.object,
+    switchViewButton: PropTypes.object
+  }),
 
   /**
    * Date tab icon.

package/DateTimePicker/DateTimePickerTabs.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { DateTimePickerView } from './shared';
-export interface DateTimePickerTabsProps {
-    dateRangeIcon?: React.ReactNode;
-    onChange: (view: DateTimePickerView) => void;
-    timeIcon?: React.ReactNode;
-    view: DateTimePickerView;
-}
-/**
- * @ignore - internal component.
- */
-declare const DateTimePickerTabs: (props: DateTimePickerTabsProps) => JSX.Element;
-export default DateTimePickerTabs;
+import * as React from 'react';
+import { DateTimePickerView } from './shared';
+export interface DateTimePickerTabsProps {
+    dateRangeIcon?: React.ReactNode;
+    onChange: (view: DateTimePickerView) => void;
+    timeIcon?: React.ReactNode;
+    view: DateTimePickerView;
+}
+/**
+ * @ignore - internal component.
+ */
+declare const DateTimePickerTabs: (props: DateTimePickerTabsProps) => JSX.Element;
+export default DateTimePickerTabs;

package/DateTimePicker/DateTimePickerToolbar.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
-/**
- * @ignore - internal component.
- */
-declare const DateTimePickerToolbar: (props: ToolbarComponentProps) => JSX.Element;
-export default DateTimePickerToolbar;
+/// <reference types="react" />
+import { ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
+/**
+ * @ignore - internal component.
+ */
+declare const DateTimePickerToolbar: (props: ToolbarComponentProps) => JSX.Element;
+export default DateTimePickerToolbar;

package/DateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DateTimePicker';
-export { default } from './DateTimePicker';
+export * from './DateTimePicker';
+export { default } from './DateTimePicker';

package/DateTimePicker/shared.d.ts

@@ -1,67 +1,67 @@
-import * as React from 'react';
-import { ExportedClockPickerProps } from '../ClockPicker/ClockPicker';
-import { ExportedCalendarPickerProps } from '../CalendarPicker/CalendarPicker';
-import { DateTimeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
-import { ParseableDate } from '../internal/pickers/constants/prop-types';
-import { BasePickerProps, ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
-import { ExportedDateInputProps } from '../internal/pickers/PureDateInput';
-export declare type DateTimePickerView = 'year' | 'day' | 'month' | 'hours' | 'minutes' | 'seconds';
-export interface BaseDateTimePickerProps<TDate> extends ExportedClockPickerProps<TDate>, ExportedCalendarPickerProps<TDate>, BasePickerProps<ParseableDate<TDate>, TDate | null>, ValidationProps<DateTimeValidationError, ParseableDate<TDate>>, ExportedDateInputProps<ParseableDate<TDate>, TDate | null> {
-    /**
-     * The components used for each slot.
-     * Either a string to use a HTML element or a component.
-     * @default {}
-     */
-    components?: ExportedCalendarPickerProps<TDate>['components'] & ExportedDateInputProps<ParseableDate<TDate>, TDate | null>['components'];
-    /**
-     * To show tabs.
-     */
-    hideTabs?: boolean;
-    /**
-     * Date tab icon.
-     */
-    dateRangeIcon?: React.ReactNode;
-    /**
-     * Time tab icon.
-     */
-    timeIcon?: React.ReactNode;
-    /**
-     * Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
-     */
-    minDateTime?: TDate;
-    /**
-     * Minimal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
-     */
-    maxDateTime?: TDate;
-    /**
-     * Callback fired on view change.
-     */
-    onViewChange?: (view: DateTimePickerView) => void;
-    /**
-     * First view to show.
-     */
-    openTo?: DateTimePickerView;
-    /**
-     * Component that will replace default toolbar renderer.
-     * @default DateTimePickerToolbar
-     */
-    ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
-    /**
-     * Mobile picker title, displaying in the toolbar.
-     * @default 'Select date & time'
-     */
-    toolbarTitle?: React.ReactNode;
-    /**
-     * Date format, that is displaying in toolbar.
-     */
-    toolbarFormat?: string;
-    /**
-     * Array of views to show.
-     */
-    views?: readonly DateTimePickerView[];
-}
-declare type DefaultizedProps<Props> = Props & {
-    inputFormat: string;
-};
-export declare function useDateTimePickerDefaultizedProps<Props extends BaseDateTimePickerProps<unknown>>({ ampm, inputFormat, maxDate: maxDateProp, maxDateTime, maxTime, minDate: minDateProp, minDateTime, minTime, openTo, orientation, views, ...other }: Props, name: string): DefaultizedProps<Props> & Required<Pick<BaseDateTimePickerProps<unknown>, 'openTo' | 'views'>>;
-export {};
+import * as React from 'react';
+import { ExportedClockPickerProps } from '../ClockPicker/ClockPicker';
+import { ExportedCalendarPickerProps } from '../CalendarPicker/CalendarPicker';
+import { DateTimeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
+import { ParseableDate } from '../internal/pickers/constants/prop-types';
+import { BasePickerProps, ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
+import { ExportedDateInputProps } from '../internal/pickers/PureDateInput';
+export declare type DateTimePickerView = 'year' | 'day' | 'month' | 'hours' | 'minutes' | 'seconds';
+export interface BaseDateTimePickerProps<TDate> extends ExportedClockPickerProps<TDate>, ExportedCalendarPickerProps<TDate>, BasePickerProps<ParseableDate<TDate>, TDate | null>, ValidationProps<DateTimeValidationError, ParseableDate<TDate>>, ExportedDateInputProps<ParseableDate<TDate>, TDate | null> {
+    /**
+     * The components used for each slot.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    components?: ExportedCalendarPickerProps<TDate>['components'] & ExportedDateInputProps<ParseableDate<TDate>, TDate | null>['components'];
+    /**
+     * To show tabs.
+     */
+    hideTabs?: boolean;
+    /**
+     * Date tab icon.
+     */
+    dateRangeIcon?: React.ReactNode;
+    /**
+     * Time tab icon.
+     */
+    timeIcon?: React.ReactNode;
+    /**
+     * Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
+     */
+    minDateTime?: TDate;
+    /**
+     * Minimal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
+     */
+    maxDateTime?: TDate;
+    /**
+     * Callback fired on view change.
+     */
+    onViewChange?: (view: DateTimePickerView) => void;
+    /**
+     * First view to show.
+     */
+    openTo?: DateTimePickerView;
+    /**
+     * Component that will replace default toolbar renderer.
+     * @default DateTimePickerToolbar
+     */
+    ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
+    /**
+     * Mobile picker title, displaying in the toolbar.
+     * @default 'Select date & time'
+     */
+    toolbarTitle?: React.ReactNode;
+    /**
+     * Date format, that is displaying in toolbar.
+     */
+    toolbarFormat?: string;
+    /**
+     * Array of views to show.
+     */
+    views?: readonly DateTimePickerView[];
+}
+declare type DefaultizedProps<Props> = Props & {
+    inputFormat: string;
+};
+export declare function useDateTimePickerDefaultizedProps<Props extends BaseDateTimePickerProps<unknown>>({ ampm, inputFormat, maxDate: maxDateProp, maxDateTime, maxTime, minDate: minDateProp, minDateTime, minTime, openTo, orientation, views, ...other }: Props, name: string): DefaultizedProps<Props> & Required<Pick<BaseDateTimePickerProps<unknown>, 'openTo' | 'views'>>;
+export {};

package/DesktopDatePicker/DesktopDatePicker.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { BaseDatePickerProps } from '../DatePicker/shared';
-import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
-export interface DesktopDatePickerProps<TDate = unknown> extends BaseDatePickerProps<TDate>, DesktopWrapperProps {
-}
-declare type DesktopDatePickerComponent = (<TDate>(props: DesktopDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- *
- * API:
- *
- * - [DesktopDatePicker API](https://mui.com/api/desktop-date-picker/)
- */
-declare const DesktopDatePicker: DesktopDatePickerComponent;
-export default DesktopDatePicker;
+import * as React from 'react';
+import { BaseDatePickerProps } from '../DatePicker/shared';
+import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
+export interface DesktopDatePickerProps<TDate = unknown> extends BaseDatePickerProps<TDate>, DesktopWrapperProps {
+}
+declare type DesktopDatePickerComponent = (<TDate>(props: DesktopDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Picker](https://mui.com/components/date-picker/)
+ *
+ * API:
+ *
+ * - [DesktopDatePicker API](https://mui.com/api/desktop-date-picker/)
+ */
+declare const DesktopDatePicker: DesktopDatePickerComponent;
+export default DesktopDatePicker;

package/DesktopDatePicker/DesktopDatePicker.js

@@ -119,7 +119,11 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: PropTypes.object,
+  componentsProps: PropTypes.shape({
+    leftArrowButton: PropTypes.object,
+    rightArrowButton: PropTypes.object,
+    switchViewButton: PropTypes.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/DesktopDatePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DesktopDatePicker';
-export { default } from './DesktopDatePicker';
+export * from './DesktopDatePicker';
+export { default } from './DesktopDatePicker';

package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts

@@ -1,64 +1,64 @@
-import * as React from 'react';
-import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
-import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
-import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
-import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
-import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
-interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
-    /**
-     * The components used for each slot.
-     * Either a string to use a HTML element or a component.
-     * @default {}
-     */
-    components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
-    /**
-     * Text for end input label and toolbar placeholder.
-     * @default 'End'
-     */
-    endText?: React.ReactNode;
-    /**
-     * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
-     * @default '__/__/____'
-     */
-    mask?: ExportedDateRangePickerInputProps['mask'];
-    /**
-     * Min selectable date. @DateIOType
-     * @default defaultMinDate
-     */
-    minDate?: TDate;
-    /**
-     * Max selectable date. @DateIOType
-     * @default defaultMaxDate
-     */
-    maxDate?: TDate;
-    /**
-     * Callback fired when the value (the selected date range) changes @DateIOType.
-     */
-    onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
-    /**
-     * Text for start input label and toolbar placeholder.
-     * @default 'Start'
-     */
-    startText?: React.ReactNode;
-    /**
-     * The value of the date range picker.
-     */
-    value: RangeInput<TDate>;
-}
-export interface DesktopDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate>, DesktopWrapperProps {
-}
-declare type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes: unknown;
-};
-/**
- *
- * Demos:
- *
- * - [Date Range Picker](https://mui.com/components/date-range-picker/)
- *
- * API:
- *
- * - [DesktopDateRangePicker API](https://mui.com/api/desktop-date-range-picker/)
- */
-declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
-export default DesktopDateRangePicker;
+import * as React from 'react';
+import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
+import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
+import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
+import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
+import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
+interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
+    /**
+     * The components used for each slot.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
+    /**
+     * Text for end input label and toolbar placeholder.
+     * @default 'End'
+     */
+    endText?: React.ReactNode;
+    /**
+     * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
+     * @default '__/__/____'
+     */
+    mask?: ExportedDateRangePickerInputProps['mask'];
+    /**
+     * Min selectable date. @DateIOType
+     * @default defaultMinDate
+     */
+    minDate?: TDate;
+    /**
+     * Max selectable date. @DateIOType
+     * @default defaultMaxDate
+     */
+    maxDate?: TDate;
+    /**
+     * Callback fired when the value (the selected date range) changes @DateIOType.
+     */
+    onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
+    /**
+     * Text for start input label and toolbar placeholder.
+     * @default 'Start'
+     */
+    startText?: React.ReactNode;
+    /**
+     * The value of the date range picker.
+     */
+    value: RangeInput<TDate>;
+}
+export interface DesktopDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate>, DesktopWrapperProps {
+}
+declare type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes: unknown;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
+ *
+ * API:
+ *
+ * - [DesktopDateRangePicker API](https://mui.com/api/desktop-date-range-picker/)
+ */
+declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
+export default DesktopDateRangePicker;

package/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -160,7 +160,11 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: PropTypes.object,
+  componentsProps: PropTypes.shape({
+    leftArrowButton: PropTypes.object,
+    rightArrowButton: PropTypes.object,
+    switchViewButton: PropTypes.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/DesktopDateRangePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DesktopDateRangePicker';
-export { default } from './DesktopDateRangePicker';
+export * from './DesktopDateRangePicker';
+export { default } from './DesktopDateRangePicker';