@mui/lab 5.0.0-alpha.74 → 5.0.0-alpha.75

package/ClockPicker/index.d.ts

@@ -1,5 +1,5 @@
-export { default } from './ClockPickerStandalone';
-export { clockPickerClasses } from './ClockPicker';
-export type { ClockPickerClasses, ClockPickerClassKey } from './ClockPicker';
-export declare type ClockPickerProps<TDate> = import('./ClockPickerStandalone').ClockPickerStandaloneProps<TDate>;
-export declare type ClockPickerView = NonNullable<ClockPickerProps<unknown>['view']>;
+export { default } from './ClockPickerStandalone';
+export { clockPickerClasses } from './ClockPicker';
+export type { ClockPickerClasses, ClockPickerClassKey } from './ClockPicker';
+export declare type ClockPickerProps<TDate> = import('./ClockPickerStandalone').ClockPickerStandaloneProps<TDate>;
+export declare type ClockPickerView = NonNullable<ClockPickerProps<unknown>['view']>;

package/ClockPicker/shared.d.ts

@@ -1,5 +1,5 @@
-export declare const CLOCK_WIDTH = 220;
-export declare const CLOCK_HOUR_WIDTH = 36;
-export declare type ClockView = 'hours' | 'minutes' | 'seconds';
-export declare const getMinutes: (offsetX: number, offsetY: number, step?: number) => number;
-export declare const getHours: (offsetX: number, offsetY: number, ampm: boolean) => number;
+export declare const CLOCK_WIDTH = 220;
+export declare const CLOCK_HOUR_WIDTH = 36;
+export declare type ClockView = 'hours' | 'minutes' | 'seconds';
+export declare const getMinutes: (offsetX: number, offsetY: number, step?: number) => number;
+export declare const getHours: (offsetX: number, offsetY: number, ampm: boolean) => number;

package/DatePicker/DatePicker.d.ts

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import { DesktopDatePickerProps } from '../DesktopDatePicker';
-import { MobileDatePickerProps } from '../MobileDatePicker';
-export interface DatePickerProps<TDate = unknown> extends DesktopDatePickerProps<TDate>, MobileDatePickerProps<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 DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- * - [Pickers](https://mui.com/components/pickers/)
- *
- * API:
- *
- * - [DatePicker API](https://mui.com/api/date-picker/)
- */
-declare const DatePicker: DatePickerComponent;
-export default DatePicker;
+import * as React from 'react';
+import { DesktopDatePickerProps } from '../DesktopDatePicker';
+import { MobileDatePickerProps } from '../MobileDatePicker';
+export interface DatePickerProps<TDate = unknown> extends DesktopDatePickerProps<TDate>, MobileDatePickerProps<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 DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Picker](https://mui.com/components/date-picker/)
+ * - [Pickers](https://mui.com/components/pickers/)
+ *
+ * API:
+ *
+ * - [DatePicker API](https://mui.com/api/date-picker/)
+ */
+declare const DatePicker: DatePickerComponent;
+export default DatePicker;

package/DatePicker/DatePickerToolbar.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-/**
- * @ignore - internal component.
- */
-declare const DatePickerToolbar: React.ForwardRefExoticComponent<import("../CalendarPicker/CalendarPicker").ExportedCalendarPickerProps<unknown> & import("../ClockPicker/ClockPicker").ExportedClockPickerProps<unknown> & {
-    ampmInClock?: boolean | undefined;
-    date: unknown;
-    dateRangeIcon?: React.ReactNode;
-    getMobileKeyboardInputViewButtonText?: (() => string) | undefined;
-    hideTabs?: boolean | undefined;
-    isLandscape: boolean;
-    isMobileKeyboardViewOpen: boolean;
-    onChange: import("../internal/pickers/hooks/useViews").PickerOnChangeFn<unknown>;
-    openView: import("../internal/pickers/typings/Views").AllAvailableViews;
-    setOpenView: (view: import("../internal/pickers/typings/Views").AllAvailableViews) => void;
-    timeIcon?: React.ReactNode;
-    toggleMobileKeyboardView: () => void;
-    toolbarFormat?: string | undefined;
-    toolbarPlaceholder?: React.ReactNode;
-    toolbarTitle?: React.ReactNode;
-    views: readonly import("../internal/pickers/typings/Views").AllAvailableViews[];
-} & React.RefAttributes<HTMLDivElement>>;
-export default DatePickerToolbar;
+import * as React from 'react';
+/**
+ * @ignore - internal component.
+ */
+declare const DatePickerToolbar: React.ForwardRefExoticComponent<import("../CalendarPicker/CalendarPicker").ExportedCalendarPickerProps<unknown> & import("../ClockPicker/ClockPicker").ExportedClockPickerProps<unknown> & {
+    ampmInClock?: boolean | undefined;
+    date: unknown;
+    dateRangeIcon?: React.ReactNode;
+    getMobileKeyboardInputViewButtonText?: (() => string) | undefined;
+    hideTabs?: boolean | undefined;
+    isLandscape: boolean;
+    isMobileKeyboardViewOpen: boolean;
+    onChange: import("../internal/pickers/hooks/useViews").PickerOnChangeFn<unknown>;
+    openView: import("../internal/pickers/typings/Views").AllAvailableViews;
+    setOpenView: (view: import("../internal/pickers/typings/Views").AllAvailableViews) => void;
+    timeIcon?: React.ReactNode;
+    toggleMobileKeyboardView: () => void;
+    toolbarFormat?: string | undefined;
+    toolbarPlaceholder?: React.ReactNode;
+    toolbarTitle?: React.ReactNode;
+    views: readonly import("../internal/pickers/typings/Views").AllAvailableViews[];
+} & React.RefAttributes<HTMLDivElement>>;
+export default DatePickerToolbar;

package/DatePicker/index.d.ts

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

package/DatePicker/shared.d.ts

@@ -1,45 +1,45 @@
-/// <reference types="react" />
-import { ParseableDate } from '../internal/pickers/constants/prop-types';
-import { OverrideParseableDateProps } from '../internal/pickers/hooks/date-helpers-hooks';
-import { CalendarPickerView } from '../CalendarPicker';
-import { ExportedCalendarPickerProps } from '../CalendarPicker/CalendarPicker';
-import { DateValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
-import { ExportedDateInputProps } from '../internal/pickers/PureDateInput';
-import { BasePickerProps, ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
-export declare type DatePickerView = 'year' | 'day' | 'month';
-export interface BaseDatePickerProps<TDate> extends ExportedCalendarPickerProps<TDate>, BasePickerProps<ParseableDate<TDate>, TDate | null>, ValidationProps<DateValidationError, 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?: OverrideParseableDateProps<TDate, ExportedCalendarPickerProps<TDate>, 'minDate' | 'maxDate'>['components'] & ExportedDateInputProps<ParseableDate<TDate>, TDate | null>['components'];
-    /**
-     * Callback fired on view change.
-     */
-    onViewChange?: (view: DatePickerView) => void;
-    /**
-     * First view to show.
-     */
-    openTo?: DatePickerView;
-    /**
-     * Component that will replace default toolbar renderer.
-     * @default DatePickerToolbar
-     */
-    ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
-    /**
-     * Mobile picker title, displaying in the toolbar.
-     * @default 'Select date'
-     */
-    toolbarTitle?: React.ReactNode;
-    /**
-     * Array of views to show.
-     */
-    views?: readonly DatePickerView[];
-}
-export declare const isYearOnlyView: (views: readonly CalendarPickerView[]) => views is readonly "year"[];
-export declare const isYearAndMonthViews: (views: readonly CalendarPickerView[]) => views is readonly ("month" | "year")[];
-export declare type DefaultizedProps<Props> = Props & {
-    inputFormat: string;
-};
-export declare function useDatePickerDefaultizedProps<Props extends BaseDatePickerProps<unknown>>({ openTo, views, minDate: minDateProp, maxDate: maxDateProp, ...other }: Props, name: string): DefaultizedProps<Props> & Required<Pick<BaseDatePickerProps<unknown>, 'openTo' | 'views'>>;
+/// <reference types="react" />
+import { ParseableDate } from '../internal/pickers/constants/prop-types';
+import { OverrideParseableDateProps } from '../internal/pickers/hooks/date-helpers-hooks';
+import { CalendarPickerView } from '../CalendarPicker';
+import { ExportedCalendarPickerProps } from '../CalendarPicker/CalendarPicker';
+import { DateValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
+import { ExportedDateInputProps } from '../internal/pickers/PureDateInput';
+import { BasePickerProps, ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
+export declare type DatePickerView = 'year' | 'day' | 'month';
+export interface BaseDatePickerProps<TDate> extends ExportedCalendarPickerProps<TDate>, BasePickerProps<ParseableDate<TDate>, TDate | null>, ValidationProps<DateValidationError, 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?: OverrideParseableDateProps<TDate, ExportedCalendarPickerProps<TDate>, 'minDate' | 'maxDate'>['components'] & ExportedDateInputProps<ParseableDate<TDate>, TDate | null>['components'];
+    /**
+     * Callback fired on view change.
+     */
+    onViewChange?: (view: DatePickerView) => void;
+    /**
+     * First view to show.
+     */
+    openTo?: DatePickerView;
+    /**
+     * Component that will replace default toolbar renderer.
+     * @default DatePickerToolbar
+     */
+    ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
+    /**
+     * Mobile picker title, displaying in the toolbar.
+     * @default 'Select date'
+     */
+    toolbarTitle?: React.ReactNode;
+    /**
+     * Array of views to show.
+     */
+    views?: readonly DatePickerView[];
+}
+export declare const isYearOnlyView: (views: readonly CalendarPickerView[]) => views is readonly "year"[];
+export declare const isYearAndMonthViews: (views: readonly CalendarPickerView[]) => views is readonly ("month" | "year")[];
+export declare type DefaultizedProps<Props> = Props & {
+    inputFormat: string;
+};
+export declare function useDatePickerDefaultizedProps<Props extends BaseDatePickerProps<unknown>>({ openTo, views, minDate: minDateProp, maxDate: maxDateProp, ...other }: Props, name: string): DefaultizedProps<Props> & Required<Pick<BaseDatePickerProps<unknown>, 'openTo' | 'views'>>;

package/DateRangePicker/DateRangePicker.d.ts

@@ -1,65 +1,65 @@
-import * as React from 'react';
-import { ResponsiveWrapperProps } from '../internal/pickers/wrappers/ResponsiveWrapper';
-import { RangeInput, DateRange } from './RangeTypes';
-import { ValidationProps } from '../internal/pickers/hooks/useValidation';
-import { ExportedDateRangePickerViewProps } from './DateRangePickerView';
-import { ExportedDateRangePickerInputProps } from './DateRangePickerInput';
-import { DateRangeValidationError } from '../internal/pickers/date-utils';
-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 DateRangePickerProps<TDate> extends BaseDateRangePickerProps<TDate>, ResponsiveWrapperProps {
-}
-declare type DateRangePickerComponent = (<TDate>(props: DateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes: unknown;
-};
-/**
- *
- * Demos:
- *
- * - [Date Range Picker](https://mui.com/components/date-range-picker/)
- *
- * API:
- *
- * - [DateRangePicker API](https://mui.com/api/date-range-picker/)
- */
-declare const DateRangePicker: DateRangePickerComponent;
-export default DateRangePicker;
+import * as React from 'react';
+import { ResponsiveWrapperProps } from '../internal/pickers/wrappers/ResponsiveWrapper';
+import { RangeInput, DateRange } from './RangeTypes';
+import { ValidationProps } from '../internal/pickers/hooks/useValidation';
+import { ExportedDateRangePickerViewProps } from './DateRangePickerView';
+import { ExportedDateRangePickerInputProps } from './DateRangePickerInput';
+import { DateRangeValidationError } from '../internal/pickers/date-utils';
+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 DateRangePickerProps<TDate> extends BaseDateRangePickerProps<TDate>, ResponsiveWrapperProps {
+}
+declare type DateRangePickerComponent = (<TDate>(props: DateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes: unknown;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
+ *
+ * API:
+ *
+ * - [DateRangePicker API](https://mui.com/api/date-range-picker/)
+ */
+declare const DateRangePicker: DateRangePickerComponent;
+export default DateRangePicker;

package/DateRangePicker/DateRangePickerInput.d.ts

@@ -1,35 +1,35 @@
-import * as React from 'react';
-import { RangeInput, DateRange, CurrentlySelectingRangeEndProps } from './RangeTypes';
-import { DateRangeValidationError } from '../internal/pickers/date-utils';
-import { DateInputProps, ExportedDateInputProps, MuiTextFieldProps } from '../internal/pickers/PureDateInput';
-export interface ExportedDateRangePickerInputProps extends Omit<ExportedDateInputProps<RangeInput<any>, DateRange<any>>, 'renderInput'> {
-    /**
-     * The `renderInput` prop allows you to customize the rendered input.
-     * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api),
-     * that you need to forward to the range start/end inputs respectively.
-     * Pay specific attention to the `ref` and `inputProps` keys.
-     * @example
-     * ```jsx
-     * <DateRangePicker
-     *  renderInput={(startProps, endProps) => (
-     *   <React.Fragment>
-     *     <TextField {...startProps} />
-     *     <Box sx={{ mx: 2 }}> to </Box>
-     *     <TextField {...endProps} />
-     *   </React.Fragment>;
-     *  )}
-     * />
-     * ````
-     */
-    renderInput: (startProps: MuiTextFieldProps, endProps: MuiTextFieldProps) => React.ReactElement;
-}
-export interface DateRangeInputProps extends ExportedDateRangePickerInputProps, CurrentlySelectingRangeEndProps, Omit<DateInputProps<RangeInput<any>, DateRange<any>>, 'validationError' | 'renderInput'> {
-    startText: React.ReactNode;
-    endText: React.ReactNode;
-    validationError: DateRangeValidationError;
-}
-/**
- * @ignore - internal component.
- */
-declare const DateRangePickerInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLDivElement>>;
-export default DateRangePickerInput;
+import * as React from 'react';
+import { RangeInput, DateRange, CurrentlySelectingRangeEndProps } from './RangeTypes';
+import { DateRangeValidationError } from '../internal/pickers/date-utils';
+import { DateInputProps, ExportedDateInputProps, MuiTextFieldProps } from '../internal/pickers/PureDateInput';
+export interface ExportedDateRangePickerInputProps extends Omit<ExportedDateInputProps<RangeInput<any>, DateRange<any>>, 'renderInput'> {
+    /**
+     * The `renderInput` prop allows you to customize the rendered input.
+     * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api),
+     * that you need to forward to the range start/end inputs respectively.
+     * Pay specific attention to the `ref` and `inputProps` keys.
+     * @example
+     * ```jsx
+     * <DateRangePicker
+     *  renderInput={(startProps, endProps) => (
+     *   <React.Fragment>
+     *     <TextField {...startProps} />
+     *     <Box sx={{ mx: 2 }}> to </Box>
+     *     <TextField {...endProps} />
+     *   </React.Fragment>;
+     *  )}
+     * />
+     * ````
+     */
+    renderInput: (startProps: MuiTextFieldProps, endProps: MuiTextFieldProps) => React.ReactElement;
+}
+export interface DateRangeInputProps extends ExportedDateRangePickerInputProps, CurrentlySelectingRangeEndProps, Omit<DateInputProps<RangeInput<any>, DateRange<any>>, 'validationError' | 'renderInput'> {
+    startText: React.ReactNode;
+    endText: React.ReactNode;
+    validationError: DateRangeValidationError;
+}
+/**
+ * @ignore - internal component.
+ */
+declare const DateRangePickerInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLDivElement>>;
+export default DateRangePickerInput;

package/DateRangePicker/DateRangePickerToolbar.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
-import { DateRange, CurrentlySelectingRangeEndProps } from './RangeTypes';
-interface DateRangePickerToolbarProps extends CurrentlySelectingRangeEndProps, Pick<ToolbarComponentProps, 'isMobileKeyboardViewOpen' | 'toggleMobileKeyboardView' | 'toolbarTitle' | 'toolbarFormat'> {
-    date: DateRange<unknown>;
-    startText: React.ReactNode;
-    endText: React.ReactNode;
-    currentlySelectingRangeEnd: 'start' | 'end';
-    setCurrentlySelectingRangeEnd: (newSelectingEnd: 'start' | 'end') => void;
-}
-/**
- * @ignore - internal component.
- */
-declare const DateRangePickerToolbar: ({ currentlySelectingRangeEnd, date: [start, end], endText, isMobileKeyboardViewOpen, setCurrentlySelectingRangeEnd, startText, toggleMobileKeyboardView, toolbarFormat, toolbarTitle, }: DateRangePickerToolbarProps) => JSX.Element;
-export default DateRangePickerToolbar;
+import * as React from 'react';
+import { ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
+import { DateRange, CurrentlySelectingRangeEndProps } from './RangeTypes';
+interface DateRangePickerToolbarProps extends CurrentlySelectingRangeEndProps, Pick<ToolbarComponentProps, 'isMobileKeyboardViewOpen' | 'toggleMobileKeyboardView' | 'toolbarTitle' | 'toolbarFormat'> {
+    date: DateRange<unknown>;
+    startText: React.ReactNode;
+    endText: React.ReactNode;
+    currentlySelectingRangeEnd: 'start' | 'end';
+    setCurrentlySelectingRangeEnd: (newSelectingEnd: 'start' | 'end') => void;
+}
+/**
+ * @ignore - internal component.
+ */
+declare const DateRangePickerToolbar: ({ currentlySelectingRangeEnd, date: [start, end], endText, isMobileKeyboardViewOpen, setCurrentlySelectingRangeEnd, startText, toggleMobileKeyboardView, toolbarFormat, toolbarTitle, }: DateRangePickerToolbarProps) => JSX.Element;
+export default DateRangePickerToolbar;

package/DateRangePicker/DateRangePickerView.d.ts

@@ -1,44 +1,44 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { BasePickerProps } from '../internal/pickers/typings/BasePicker';
-import { WrapperVariant } from '../internal/pickers/wrappers/WrapperVariantContext';
-import { DateRangeInputProps } from './DateRangePickerInput';
-import { DateRange, CurrentlySelectingRangeEndProps, RangeInput } from './RangeTypes';
-import { ExportedCalendarPickerProps } from '../CalendarPicker/CalendarPicker';
-import { ExportedDesktopDateRangeCalendarProps } from './DateRangePickerViewDesktop';
-import { PickerSelectionState } from '../internal/pickers/hooks/usePickerState';
-declare type BaseCalendarPropsToReuse<TDate> = Omit<ExportedCalendarPickerProps<TDate>, 'onYearChange' | 'renderDay'>;
-export interface ExportedDateRangePickerViewProps<TDate> extends BaseCalendarPropsToReuse<TDate>, ExportedDesktopDateRangeCalendarProps<TDate>, Omit<BasePickerProps<RangeInput<TDate>, DateRange<TDate>>, 'value' | 'onChange'> {
-    /**
-     * If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
-     * @default false
-     */
-    disableAutoMonthSwitching?: boolean;
-    /**
-     * Mobile picker title, displaying in the toolbar.
-     * @default 'Select date range'
-     */
-    toolbarTitle?: React.ReactNode;
-}
-interface DateRangePickerViewProps<TDate> extends CurrentlySelectingRangeEndProps, ExportedDateRangePickerViewProps<TDate> {
-    calendars: 1 | 2 | 3;
-    open: boolean;
-    startText: React.ReactNode;
-    endText: React.ReactNode;
-    isMobileKeyboardViewOpen: boolean;
-    toggleMobileKeyboardView: () => void;
-    DateInputProps: DateRangeInputProps;
-    date: DateRange<TDate>;
-    onDateChange: (date: DateRange<TDate>, currentWrapperVariant: WrapperVariant, isFinish?: PickerSelectionState) => void;
-}
-/**
- * @ignore - internal component.
- */
-export declare function DateRangePickerView<TDate>(props: DateRangePickerViewProps<TDate>): JSX.Element;
-export declare namespace DateRangePickerView {
-    var propTypes: {
-        calendars: PropTypes.Requireable<number>;
-        disableAutoMonthSwitching: PropTypes.Requireable<boolean>;
-    };
-}
-export {};
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { BasePickerProps } from '../internal/pickers/typings/BasePicker';
+import { WrapperVariant } from '../internal/pickers/wrappers/WrapperVariantContext';
+import { DateRangeInputProps } from './DateRangePickerInput';
+import { DateRange, CurrentlySelectingRangeEndProps, RangeInput } from './RangeTypes';
+import { ExportedCalendarPickerProps } from '../CalendarPicker/CalendarPicker';
+import { ExportedDesktopDateRangeCalendarProps } from './DateRangePickerViewDesktop';
+import { PickerSelectionState } from '../internal/pickers/hooks/usePickerState';
+declare type BaseCalendarPropsToReuse<TDate> = Omit<ExportedCalendarPickerProps<TDate>, 'onYearChange' | 'renderDay'>;
+export interface ExportedDateRangePickerViewProps<TDate> extends BaseCalendarPropsToReuse<TDate>, ExportedDesktopDateRangeCalendarProps<TDate>, Omit<BasePickerProps<RangeInput<TDate>, DateRange<TDate>>, 'value' | 'onChange'> {
+    /**
+     * If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
+     * @default false
+     */
+    disableAutoMonthSwitching?: boolean;
+    /**
+     * Mobile picker title, displaying in the toolbar.
+     * @default 'Select date range'
+     */
+    toolbarTitle?: React.ReactNode;
+}
+interface DateRangePickerViewProps<TDate> extends CurrentlySelectingRangeEndProps, ExportedDateRangePickerViewProps<TDate> {
+    calendars: 1 | 2 | 3;
+    open: boolean;
+    startText: React.ReactNode;
+    endText: React.ReactNode;
+    isMobileKeyboardViewOpen: boolean;
+    toggleMobileKeyboardView: () => void;
+    DateInputProps: DateRangeInputProps;
+    date: DateRange<TDate>;
+    onDateChange: (date: DateRange<TDate>, currentWrapperVariant: WrapperVariant, isFinish?: PickerSelectionState) => void;
+}
+/**
+ * @ignore - internal component.
+ */
+export declare function DateRangePickerView<TDate>(props: DateRangePickerViewProps<TDate>): JSX.Element;
+export declare namespace DateRangePickerView {
+    var propTypes: {
+        calendars: PropTypes.Requireable<number>;
+        disableAutoMonthSwitching: PropTypes.Requireable<boolean>;
+    };
+}
+export {};

package/DateRangePicker/DateRangePickerViewDesktop.d.ts

@@ -1,29 +1,29 @@
-/// <reference types="react" />
-import { DateRange } from './RangeTypes';
-import { PickersCalendarProps } from '../CalendarPicker/PickersCalendar';
-import { DateRangePickerDayProps } from '../DateRangePickerDay';
-import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
-import { DateValidationProps } from '../internal/pickers/date-utils';
-export interface ExportedDesktopDateRangeCalendarProps<TDate> {
-    /**
-     * The number of calendars that render on **desktop**.
-     * @default 2
-     */
-    calendars?: 1 | 2 | 3;
-    /**
-     * Custom renderer for `<DateRangePicker />` days. @DateIOType
-     * @example (date, dateRangePickerDayProps) => <DateRangePickerDay {...dateRangePickerDayProps} />
-     */
-    renderDay?: (date: TDate, dateRangePickerDayProps: DateRangePickerDayProps<TDate>) => JSX.Element;
-}
-interface DesktopDateRangeCalendarProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<PickersCalendarProps<TDate>, 'renderDay' | 'onFocusedDayChange'>, DateValidationProps<TDate>, ExportedArrowSwitcherProps {
-    calendars: 1 | 2 | 3;
-    date: DateRange<TDate | null>;
-    changeMonth: (date: TDate) => void;
-    currentlySelectingRangeEnd: 'start' | 'end';
-}
-/**
- * @ignore - internal component.
- */
-declare function DateRangePickerViewDesktop<TDate>(props: DesktopDateRangeCalendarProps<TDate>): JSX.Element;
-export default DateRangePickerViewDesktop;
+/// <reference types="react" />
+import { DateRange } from './RangeTypes';
+import { PickersCalendarProps } from '../CalendarPicker/PickersCalendar';
+import { DateRangePickerDayProps } from '../DateRangePickerDay';
+import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
+import { DateValidationProps } from '../internal/pickers/date-utils';
+export interface ExportedDesktopDateRangeCalendarProps<TDate> {
+    /**
+     * The number of calendars that render on **desktop**.
+     * @default 2
+     */
+    calendars?: 1 | 2 | 3;
+    /**
+     * Custom renderer for `<DateRangePicker />` days. @DateIOType
+     * @example (date, dateRangePickerDayProps) => <DateRangePickerDay {...dateRangePickerDayProps} />
+     */
+    renderDay?: (date: TDate, dateRangePickerDayProps: DateRangePickerDayProps<TDate>) => JSX.Element;
+}
+interface DesktopDateRangeCalendarProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<PickersCalendarProps<TDate>, 'renderDay' | 'onFocusedDayChange'>, DateValidationProps<TDate>, ExportedArrowSwitcherProps {
+    calendars: 1 | 2 | 3;
+    date: DateRange<TDate | null>;
+    changeMonth: (date: TDate) => void;
+    currentlySelectingRangeEnd: 'start' | 'end';
+}
+/**
+ * @ignore - internal component.
+ */
+declare function DateRangePickerViewDesktop<TDate>(props: DesktopDateRangeCalendarProps<TDate>): JSX.Element;
+export default DateRangePickerViewDesktop;