@mui/lab 5.0.0-alpha.72 → 5.0.0-alpha.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AdapterDateFns/index.d.ts +1 -1
- package/AdapterDayjs/index.d.ts +1 -1
- package/AdapterLuxon/index.d.ts +1 -1
- package/AdapterMoment/index.d.ts +1 -1
- package/CHANGELOG.md +206 -0
- package/CalendarPicker/CalendarPicker.d.ts +106 -106
- package/CalendarPicker/PickersCalendar.d.ts +47 -47
- package/CalendarPicker/PickersCalendarHeader.d.ts +43 -43
- package/CalendarPicker/PickersFadeTransitionGroup.d.ts +12 -12
- package/CalendarPicker/PickersSlideTransition.d.ts +16 -16
- package/CalendarPicker/index.d.ts +5 -5
- package/CalendarPicker/shared.d.ts +1 -1
- package/CalendarPicker/useCalendarState.d.ts +32 -32
- package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +41 -41
- package/CalendarPickerSkeleton/index.d.ts +3 -3
- package/ClockPicker/Clock.d.ts +28 -28
- package/ClockPicker/ClockNumber.d.ts +19 -19
- package/ClockPicker/ClockNumbers.d.ts +24 -24
- package/ClockPicker/ClockPicker.d.ts +121 -121
- package/ClockPicker/ClockPickerStandalone.d.ts +28 -28
- package/ClockPicker/ClockPointer.d.ts +23 -23
- package/ClockPicker/index.d.ts +5 -5
- package/ClockPicker/shared.d.ts +5 -5
- package/DatePicker/DatePicker.d.ts +27 -27
- package/DatePicker/DatePickerToolbar.d.ts +23 -23
- package/DatePicker/index.d.ts +2 -2
- package/DatePicker/shared.d.ts +45 -45
- package/DateRangePicker/DateRangePicker.d.ts +65 -65
- package/DateRangePicker/DateRangePickerInput.d.ts +35 -35
- package/DateRangePicker/DateRangePickerToolbar.d.ts +15 -15
- package/DateRangePicker/DateRangePickerView.d.ts +44 -44
- package/DateRangePicker/DateRangePickerViewDesktop.d.ts +29 -29
- package/DateRangePicker/DateRangePickerViewMobile.d.ts +17 -17
- package/DateRangePicker/RangeTypes.d.ts +8 -8
- package/DateRangePicker/date-range-manager.d.ts +14 -14
- package/DateRangePicker/index.d.ts +3 -3
- package/DateRangePickerDay/DateRangePickerDay.d.ts +79 -79
- package/DateRangePickerDay/index.d.ts +2 -2
- package/DateTimePicker/DateTimePicker.d.ts +27 -27
- package/DateTimePicker/DateTimePickerTabs.d.ts +13 -13
- package/DateTimePicker/DateTimePickerToolbar.d.ts +7 -7
- package/DateTimePicker/index.d.ts +2 -2
- package/DateTimePicker/shared.d.ts +67 -67
- package/DesktopDatePicker/DesktopDatePicker.d.ts +20 -20
- package/DesktopDatePicker/index.d.ts +2 -2
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +64 -64
- package/DesktopDateRangePicker/index.d.ts +2 -2
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +20 -20
- package/DesktopDateTimePicker/index.d.ts +2 -2
- package/DesktopTimePicker/DesktopTimePicker.d.ts +20 -20
- package/DesktopTimePicker/index.d.ts +2 -2
- package/LoadingButton/loadingButtonClasses.d.ts +22 -22
- package/LocalizationProvider/LocalizationProvider.d.ts +35 -35
- package/LocalizationProvider/index.d.ts +2 -2
- package/Masonry/masonryClasses.d.ts +8 -8
- package/MobileDatePicker/MobileDatePicker.d.ts +20 -20
- package/MobileDatePicker/index.d.ts +2 -2
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +64 -64
- package/MobileDateRangePicker/index.d.ts +2 -2
- package/MobileDateTimePicker/MobileDateTimePicker.d.ts +20 -20
- package/MobileDateTimePicker/index.d.ts +2 -2
- package/MobileTimePicker/MobileTimePicker.d.ts +20 -20
- package/MobileTimePicker/index.d.ts +2 -2
- package/MonthPicker/MonthPicker.d.ts +53 -53
- package/MonthPicker/PickersMonth.d.ts +15 -15
- package/MonthPicker/index.d.ts +3 -3
- package/PickersDay/PickersDay.d.ts +93 -93
- package/PickersDay/index.d.ts +4 -4
- package/StaticDatePicker/StaticDatePicker.d.ts +25 -25
- package/StaticDatePicker/index.d.ts +2 -2
- package/StaticDateRangePicker/StaticDateRangePicker.d.ts +67 -67
- package/StaticDateRangePicker/index.d.ts +2 -2
- package/StaticDateTimePicker/StaticDateTimePicker.d.ts +25 -25
- package/StaticDateTimePicker/index.d.ts +2 -2
- package/StaticTimePicker/StaticTimePicker.d.ts +25 -25
- package/StaticTimePicker/index.d.ts +2 -2
- package/TabPanel/tabPanelClasses.d.ts +8 -8
- package/TimePicker/TimePicker.d.ts +27 -27
- package/TimePicker/TimePickerToolbar.d.ts +23 -23
- package/TimePicker/index.d.ts +2 -2
- package/TimePicker/shared.d.ts +36 -36
- package/Timeline/Timeline.d.ts +59 -59
- package/Timeline/TimelineContext.d.ts +6 -6
- package/Timeline/index.d.ts +5 -5
- package/Timeline/timelineClasses.d.ts +3 -3
- package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
- package/TimelineContent/timelineContentClasses.d.ts +14 -14
- package/TimelineDot/timelineDotClasses.d.ts +24 -24
- package/TimelineItem/timelineItemClasses.d.ts +16 -16
- package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
- package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
- package/TreeItem/treeItemClasses.d.ts +24 -24
- package/TreeView/treeViewClasses.d.ts +8 -8
- package/YearPicker/PickersYear.d.ts +27 -28
- package/YearPicker/YearPicker.d.ts +44 -44
- package/YearPicker/index.d.ts +5 -5
- package/YearPicker/yearPickerClasses.d.ts +3 -3
- package/index.js +1 -1
- package/internal/pickers/KeyboardDateInput.d.ts +4 -4
- package/internal/pickers/Picker/Picker.d.ts +33 -33
- package/internal/pickers/Picker/PickerView.d.ts +3 -3
- package/internal/pickers/PickersArrowSwitcher.d.ts +41 -41
- package/internal/pickers/PickersModalDialog.d.ts +47 -47
- package/internal/pickers/PickersPopper.d.ts +44 -44
- package/internal/pickers/PickersToolbar.d.ts +14 -14
- package/internal/pickers/PickersToolbarButton.d.ts +13 -13
- package/internal/pickers/PickersToolbarText.d.ts +8 -8
- package/internal/pickers/PureDateInput.d.ts +80 -80
- package/internal/pickers/constants/dimensions.d.ts +4 -4
- package/internal/pickers/constants/prop-types.d.ts +1 -1
- package/internal/pickers/date-time-utils.d.ts +8 -8
- package/internal/pickers/date-utils.d.ts +52 -52
- package/internal/pickers/hooks/date-helpers-hooks.d.ts +16 -16
- package/internal/pickers/hooks/useIsLandscape.d.ts +4 -4
- package/internal/pickers/hooks/useMaskedInput.d.ts +7 -7
- package/internal/pickers/hooks/useOpenState.d.ts +10 -10
- package/internal/pickers/hooks/usePickerState.d.ts +38 -38
- package/internal/pickers/hooks/useUtils.d.ts +7 -7
- package/internal/pickers/hooks/useValidation.d.ts +23 -23
- package/internal/pickers/hooks/useViews.d.ts +19 -19
- package/internal/pickers/text-field-helper.d.ts +11 -11
- package/internal/pickers/time-utils.d.ts +33 -33
- package/internal/pickers/typings/BasePicker.d.ts +95 -95
- package/internal/pickers/typings/Views.d.ts +1 -1
- package/internal/pickers/typings/helpers.d.ts +9 -9
- package/internal/pickers/utils.d.ts +7 -7
- package/internal/pickers/wrappers/DesktopTooltipWrapper.d.ts +4 -4
- package/internal/pickers/wrappers/DesktopWrapper.d.ts +16 -16
- package/internal/pickers/wrappers/MobileWrapper.d.ts +14 -14
- package/internal/pickers/wrappers/PickerStaticWrapper.d.ts +21 -21
- package/internal/pickers/wrappers/ResponsiveWrapper.d.ts +23 -23
- package/internal/pickers/wrappers/WrapperProps.d.ts +13 -13
- package/internal/pickers/wrappers/WrapperVariantContext.d.ts +11 -11
- package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
- package/internal/svg-icons/ArrowLeft.d.ts +7 -7
- package/internal/svg-icons/ArrowRight.d.ts +7 -7
- package/internal/svg-icons/Calendar.d.ts +7 -7
- package/internal/svg-icons/Clock.d.ts +7 -7
- package/internal/svg-icons/DateRange.d.ts +7 -7
- package/internal/svg-icons/Pen.d.ts +7 -7
- package/internal/svg-icons/Time.d.ts +7 -7
- package/legacy/index.js +1 -1
- package/modern/index.js +1 -1
- package/node/index.js +1 -1
- package/package.json +4 -4
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { BasePickerProps } from '../internal/pickers/typings/BasePicker';
|
|
4
|
-
import { WrapperVariant } from '../internal/pickers/wrappers/WrapperVariantContext';
|
|
5
|
-
import { DateRangeInputProps } from './DateRangePickerInput';
|
|
6
|
-
import { DateRange, CurrentlySelectingRangeEndProps, RangeInput } from './RangeTypes';
|
|
7
|
-
import { ExportedCalendarPickerProps } from '../CalendarPicker/CalendarPicker';
|
|
8
|
-
import { ExportedDesktopDateRangeCalendarProps } from './DateRangePickerViewDesktop';
|
|
9
|
-
import { PickerSelectionState } from '../internal/pickers/hooks/usePickerState';
|
|
10
|
-
declare type BaseCalendarPropsToReuse<TDate> = Omit<ExportedCalendarPickerProps<TDate>, 'onYearChange' | 'renderDay'>;
|
|
11
|
-
export interface ExportedDateRangePickerViewProps<TDate> extends BaseCalendarPropsToReuse<TDate>, ExportedDesktopDateRangeCalendarProps<TDate>, Omit<BasePickerProps<RangeInput<TDate>, DateRange<TDate>>, 'value' | 'onChange'> {
|
|
12
|
-
/**
|
|
13
|
-
* If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
|
|
14
|
-
* @default false
|
|
15
|
-
*/
|
|
16
|
-
disableAutoMonthSwitching?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Mobile picker title, displaying in the toolbar.
|
|
19
|
-
* @default 'Select date range'
|
|
20
|
-
*/
|
|
21
|
-
toolbarTitle?: React.ReactNode;
|
|
22
|
-
}
|
|
23
|
-
interface DateRangePickerViewProps<TDate> extends CurrentlySelectingRangeEndProps, ExportedDateRangePickerViewProps<TDate> {
|
|
24
|
-
calendars: 1 | 2 | 3;
|
|
25
|
-
open: boolean;
|
|
26
|
-
startText: React.ReactNode;
|
|
27
|
-
endText: React.ReactNode;
|
|
28
|
-
isMobileKeyboardViewOpen: boolean;
|
|
29
|
-
toggleMobileKeyboardView: () => void;
|
|
30
|
-
DateInputProps: DateRangeInputProps;
|
|
31
|
-
date: DateRange<TDate>;
|
|
32
|
-
onDateChange: (date: DateRange<TDate>, currentWrapperVariant: WrapperVariant, isFinish?: PickerSelectionState) => void;
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* @ignore - internal component.
|
|
36
|
-
*/
|
|
37
|
-
export declare function DateRangePickerView<TDate>(props: DateRangePickerViewProps<TDate>): JSX.Element;
|
|
38
|
-
export declare namespace DateRangePickerView {
|
|
39
|
-
var propTypes: {
|
|
40
|
-
calendars: PropTypes.Requireable<number>;
|
|
41
|
-
disableAutoMonthSwitching: PropTypes.Requireable<boolean>;
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
export {};
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { BasePickerProps } from '../internal/pickers/typings/BasePicker';
|
|
4
|
+
import { WrapperVariant } from '../internal/pickers/wrappers/WrapperVariantContext';
|
|
5
|
+
import { DateRangeInputProps } from './DateRangePickerInput';
|
|
6
|
+
import { DateRange, CurrentlySelectingRangeEndProps, RangeInput } from './RangeTypes';
|
|
7
|
+
import { ExportedCalendarPickerProps } from '../CalendarPicker/CalendarPicker';
|
|
8
|
+
import { ExportedDesktopDateRangeCalendarProps } from './DateRangePickerViewDesktop';
|
|
9
|
+
import { PickerSelectionState } from '../internal/pickers/hooks/usePickerState';
|
|
10
|
+
declare type BaseCalendarPropsToReuse<TDate> = Omit<ExportedCalendarPickerProps<TDate>, 'onYearChange' | 'renderDay'>;
|
|
11
|
+
export interface ExportedDateRangePickerViewProps<TDate> extends BaseCalendarPropsToReuse<TDate>, ExportedDesktopDateRangeCalendarProps<TDate>, Omit<BasePickerProps<RangeInput<TDate>, DateRange<TDate>>, 'value' | 'onChange'> {
|
|
12
|
+
/**
|
|
13
|
+
* If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
16
|
+
disableAutoMonthSwitching?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Mobile picker title, displaying in the toolbar.
|
|
19
|
+
* @default 'Select date range'
|
|
20
|
+
*/
|
|
21
|
+
toolbarTitle?: React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
interface DateRangePickerViewProps<TDate> extends CurrentlySelectingRangeEndProps, ExportedDateRangePickerViewProps<TDate> {
|
|
24
|
+
calendars: 1 | 2 | 3;
|
|
25
|
+
open: boolean;
|
|
26
|
+
startText: React.ReactNode;
|
|
27
|
+
endText: React.ReactNode;
|
|
28
|
+
isMobileKeyboardViewOpen: boolean;
|
|
29
|
+
toggleMobileKeyboardView: () => void;
|
|
30
|
+
DateInputProps: DateRangeInputProps;
|
|
31
|
+
date: DateRange<TDate>;
|
|
32
|
+
onDateChange: (date: DateRange<TDate>, currentWrapperVariant: WrapperVariant, isFinish?: PickerSelectionState) => void;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @ignore - internal component.
|
|
36
|
+
*/
|
|
37
|
+
export declare function DateRangePickerView<TDate>(props: DateRangePickerViewProps<TDate>): JSX.Element;
|
|
38
|
+
export declare namespace DateRangePickerView {
|
|
39
|
+
var propTypes: {
|
|
40
|
+
calendars: PropTypes.Requireable<number>;
|
|
41
|
+
disableAutoMonthSwitching: PropTypes.Requireable<boolean>;
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
export {};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DateRange } from './RangeTypes';
|
|
3
|
-
import { PickersCalendarProps } from '../CalendarPicker/PickersCalendar';
|
|
4
|
-
import { DateRangePickerDayProps } from '../DateRangePickerDay';
|
|
5
|
-
import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
|
|
6
|
-
import { DateValidationProps } from '../internal/pickers/date-utils';
|
|
7
|
-
export interface ExportedDesktopDateRangeCalendarProps<TDate> {
|
|
8
|
-
/**
|
|
9
|
-
* The number of calendars that render on **desktop**.
|
|
10
|
-
* @default 2
|
|
11
|
-
*/
|
|
12
|
-
calendars?: 1 | 2 | 3;
|
|
13
|
-
/**
|
|
14
|
-
* Custom renderer for `<DateRangePicker />` days. @DateIOType
|
|
15
|
-
* @example (date, dateRangePickerDayProps) => <DateRangePickerDay {...dateRangePickerDayProps} />
|
|
16
|
-
*/
|
|
17
|
-
renderDay?: (date: TDate, dateRangePickerDayProps: DateRangePickerDayProps<TDate>) => JSX.Element;
|
|
18
|
-
}
|
|
19
|
-
interface DesktopDateRangeCalendarProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<PickersCalendarProps<TDate>, 'renderDay' | 'onFocusedDayChange'>, DateValidationProps<TDate>, ExportedArrowSwitcherProps {
|
|
20
|
-
calendars: 1 | 2 | 3;
|
|
21
|
-
date: DateRange<TDate | null>;
|
|
22
|
-
changeMonth: (date: TDate) => void;
|
|
23
|
-
currentlySelectingRangeEnd: 'start' | 'end';
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* @ignore - internal component.
|
|
27
|
-
*/
|
|
28
|
-
declare function DateRangePickerViewDesktop<TDate>(props: DesktopDateRangeCalendarProps<TDate>): JSX.Element;
|
|
29
|
-
export default DateRangePickerViewDesktop;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DateRange } from './RangeTypes';
|
|
3
|
+
import { PickersCalendarProps } from '../CalendarPicker/PickersCalendar';
|
|
4
|
+
import { DateRangePickerDayProps } from '../DateRangePickerDay';
|
|
5
|
+
import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
|
|
6
|
+
import { DateValidationProps } from '../internal/pickers/date-utils';
|
|
7
|
+
export interface ExportedDesktopDateRangeCalendarProps<TDate> {
|
|
8
|
+
/**
|
|
9
|
+
* The number of calendars that render on **desktop**.
|
|
10
|
+
* @default 2
|
|
11
|
+
*/
|
|
12
|
+
calendars?: 1 | 2 | 3;
|
|
13
|
+
/**
|
|
14
|
+
* Custom renderer for `<DateRangePicker />` days. @DateIOType
|
|
15
|
+
* @example (date, dateRangePickerDayProps) => <DateRangePickerDay {...dateRangePickerDayProps} />
|
|
16
|
+
*/
|
|
17
|
+
renderDay?: (date: TDate, dateRangePickerDayProps: DateRangePickerDayProps<TDate>) => JSX.Element;
|
|
18
|
+
}
|
|
19
|
+
interface DesktopDateRangeCalendarProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<PickersCalendarProps<TDate>, 'renderDay' | 'onFocusedDayChange'>, DateValidationProps<TDate>, ExportedArrowSwitcherProps {
|
|
20
|
+
calendars: 1 | 2 | 3;
|
|
21
|
+
date: DateRange<TDate | null>;
|
|
22
|
+
changeMonth: (date: TDate) => void;
|
|
23
|
+
currentlySelectingRangeEnd: 'start' | 'end';
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* @ignore - internal component.
|
|
27
|
+
*/
|
|
28
|
+
declare function DateRangePickerViewDesktop<TDate>(props: DesktopDateRangeCalendarProps<TDate>): JSX.Element;
|
|
29
|
+
export default DateRangePickerViewDesktop;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ExportedCalendarHeaderProps } from '../CalendarPicker/PickersCalendarHeader';
|
|
3
|
-
import { DateRange } from './RangeTypes';
|
|
4
|
-
import { PickersCalendarProps } from '../CalendarPicker/PickersCalendar';
|
|
5
|
-
import { ExportedDesktopDateRangeCalendarProps } from './DateRangePickerViewDesktop';
|
|
6
|
-
import { DateValidationProps } from '../internal/pickers/date-utils';
|
|
7
|
-
export interface ExportedMobileDateRangeCalendarProps<TDate> extends Pick<ExportedDesktopDateRangeCalendarProps<TDate>, 'renderDay'> {
|
|
8
|
-
}
|
|
9
|
-
interface DesktopDateRangeCalendarProps<TDate> extends ExportedMobileDateRangeCalendarProps<TDate>, Omit<PickersCalendarProps<TDate>, 'date' | 'renderDay' | 'onFocusedDayChange'>, DateValidationProps<TDate>, ExportedCalendarHeaderProps<TDate> {
|
|
10
|
-
date: DateRange<TDate>;
|
|
11
|
-
changeMonth: (date: TDate) => void;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @ignore - internal component.
|
|
15
|
-
*/
|
|
16
|
-
export declare function DateRangePickerViewMobile<TDate>(props: DesktopDateRangeCalendarProps<TDate>): JSX.Element;
|
|
17
|
-
export {};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ExportedCalendarHeaderProps } from '../CalendarPicker/PickersCalendarHeader';
|
|
3
|
+
import { DateRange } from './RangeTypes';
|
|
4
|
+
import { PickersCalendarProps } from '../CalendarPicker/PickersCalendar';
|
|
5
|
+
import { ExportedDesktopDateRangeCalendarProps } from './DateRangePickerViewDesktop';
|
|
6
|
+
import { DateValidationProps } from '../internal/pickers/date-utils';
|
|
7
|
+
export interface ExportedMobileDateRangeCalendarProps<TDate> extends Pick<ExportedDesktopDateRangeCalendarProps<TDate>, 'renderDay'> {
|
|
8
|
+
}
|
|
9
|
+
interface DesktopDateRangeCalendarProps<TDate> extends ExportedMobileDateRangeCalendarProps<TDate>, Omit<PickersCalendarProps<TDate>, 'date' | 'renderDay' | 'onFocusedDayChange'>, DateValidationProps<TDate>, ExportedCalendarHeaderProps<TDate> {
|
|
10
|
+
date: DateRange<TDate>;
|
|
11
|
+
changeMonth: (date: TDate) => void;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* @ignore - internal component.
|
|
15
|
+
*/
|
|
16
|
+
export declare function DateRangePickerViewMobile<TDate>(props: DesktopDateRangeCalendarProps<TDate>): JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ParseableDate } from '../internal/pickers/constants/prop-types';
|
|
2
|
-
export declare type RangeInput<TDate> = [ParseableDate<TDate>, ParseableDate<TDate>];
|
|
3
|
-
export declare type DateRange<TDate> = [TDate | null, TDate | null];
|
|
4
|
-
export declare type NonEmptyDateRange<TDate> = [TDate, TDate];
|
|
5
|
-
export interface CurrentlySelectingRangeEndProps {
|
|
6
|
-
currentlySelectingRangeEnd: 'start' | 'end';
|
|
7
|
-
setCurrentlySelectingRangeEnd: (newSelectingEnd: 'start' | 'end') => void;
|
|
8
|
-
}
|
|
1
|
+
import { ParseableDate } from '../internal/pickers/constants/prop-types';
|
|
2
|
+
export declare type RangeInput<TDate> = [ParseableDate<TDate>, ParseableDate<TDate>];
|
|
3
|
+
export declare type DateRange<TDate> = [TDate | null, TDate | null];
|
|
4
|
+
export declare type NonEmptyDateRange<TDate> = [TDate, TDate];
|
|
5
|
+
export interface CurrentlySelectingRangeEndProps {
|
|
6
|
+
currentlySelectingRangeEnd: 'start' | 'end';
|
|
7
|
+
setCurrentlySelectingRangeEnd: (newSelectingEnd: 'start' | 'end') => void;
|
|
8
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { DateRange } from './RangeTypes';
|
|
2
|
-
import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
|
|
3
|
-
interface CalculateRangeChangeOptions<TDate> {
|
|
4
|
-
utils: MuiPickersAdapter<TDate>;
|
|
5
|
-
range: DateRange<TDate>;
|
|
6
|
-
newDate: TDate;
|
|
7
|
-
currentlySelectingRangeEnd: 'start' | 'end';
|
|
8
|
-
}
|
|
9
|
-
export declare function calculateRangeChange<TDate>({ utils, range, newDate: selectedDate, currentlySelectingRangeEnd, }: CalculateRangeChangeOptions<TDate>): {
|
|
10
|
-
nextSelection: 'start' | 'end';
|
|
11
|
-
newRange: DateRange<TDate>;
|
|
12
|
-
};
|
|
13
|
-
export declare function calculateRangePreview<TDate>(options: CalculateRangeChangeOptions<TDate>): DateRange<TDate>;
|
|
14
|
-
export {};
|
|
1
|
+
import { DateRange } from './RangeTypes';
|
|
2
|
+
import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
|
|
3
|
+
interface CalculateRangeChangeOptions<TDate> {
|
|
4
|
+
utils: MuiPickersAdapter<TDate>;
|
|
5
|
+
range: DateRange<TDate>;
|
|
6
|
+
newDate: TDate;
|
|
7
|
+
currentlySelectingRangeEnd: 'start' | 'end';
|
|
8
|
+
}
|
|
9
|
+
export declare function calculateRangeChange<TDate>({ utils, range, newDate: selectedDate, currentlySelectingRangeEnd, }: CalculateRangeChangeOptions<TDate>): {
|
|
10
|
+
nextSelection: 'start' | 'end';
|
|
11
|
+
newRange: DateRange<TDate>;
|
|
12
|
+
};
|
|
13
|
+
export declare function calculateRangePreview<TDate>(options: CalculateRangeChangeOptions<TDate>): DateRange<TDate>;
|
|
14
|
+
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './DateRangePicker';
|
|
2
|
-
export { default } from './DateRangePicker';
|
|
3
|
-
export declare type DateRange<TDate> = import('./RangeTypes').DateRange<TDate>;
|
|
1
|
+
export * from './DateRangePicker';
|
|
2
|
+
export { default } from './DateRangePicker';
|
|
3
|
+
export declare type DateRange<TDate> = import('./RangeTypes').DateRange<TDate>;
|
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SxProps } from '@mui/system';
|
|
3
|
-
import { Theme } from '@mui/material/styles';
|
|
4
|
-
import { PickersDayProps } from '../PickersDay/PickersDay';
|
|
5
|
-
export interface DateRangePickerDayClasses {
|
|
6
|
-
/** Styles applied to the root element. */
|
|
7
|
-
root: string;
|
|
8
|
-
/** Styles applied to the root element if `isHighlighting=true` and `outsideCurrentMonth=false`. */
|
|
9
|
-
rangeIntervalDayHighlight: string;
|
|
10
|
-
/** Styles applied to the root element if `isStartOfHighlighting=true` or `day` is the start of the month. */
|
|
11
|
-
rangeIntervalDayHighlightStart: string;
|
|
12
|
-
/** Styles applied to the root element if `isEndOfHighlighting=true` or `day` is the end of the month. */
|
|
13
|
-
rangeIntervalDayHighlightEnd: string;
|
|
14
|
-
/** Styles applied to the preview element. */
|
|
15
|
-
rangeIntervalPreview: string;
|
|
16
|
-
/** Styles applied to the root element if `isPreviewing=true` and `outsideCurrentMonth=false`. */
|
|
17
|
-
rangeIntervalDayPreview: string;
|
|
18
|
-
/** Styles applied to the root element if `isStartOfPreviewing=true` or `day` is the start of the month. */
|
|
19
|
-
rangeIntervalDayPreviewStart: string;
|
|
20
|
-
/** Styles applied to the root element if `isEndOfPreviewing=true` or `day` is the end of the month. */
|
|
21
|
-
rangeIntervalDayPreviewEnd: string;
|
|
22
|
-
/** Styles applied to the day element. */
|
|
23
|
-
day: string;
|
|
24
|
-
/** Styles applied to the day element if `isHighlighting=false`. */
|
|
25
|
-
dayOutsideRangeInterval: string;
|
|
26
|
-
/** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
|
|
27
|
-
dayInsideRangeInterval: string;
|
|
28
|
-
/** Styles applied to the day element if `selected=false`. */
|
|
29
|
-
notSelectedDate: string;
|
|
30
|
-
}
|
|
31
|
-
export declare type DateRangePickerDayClassKey = keyof DateRangePickerDayClasses;
|
|
32
|
-
export interface DateRangePickerDayProps<TDate> extends Omit<PickersDayProps<TDate>, 'classes'> {
|
|
33
|
-
/**
|
|
34
|
-
* Set to `true` if the `day` is in a highlighted date range.
|
|
35
|
-
*/
|
|
36
|
-
isHighlighting: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Set to `true` if the `day` is the end of a highlighted date range.
|
|
39
|
-
*/
|
|
40
|
-
isEndOfHighlighting: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Set to `true` if the `day` is the start of a highlighted date range.
|
|
43
|
-
*/
|
|
44
|
-
isStartOfHighlighting: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Set to `true` if the `day` is in a preview date range.
|
|
47
|
-
*/
|
|
48
|
-
isPreviewing: boolean;
|
|
49
|
-
/**
|
|
50
|
-
* Set to `true` if the `day` is the start of a highlighted date range.
|
|
51
|
-
*/
|
|
52
|
-
isEndOfPreviewing: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* Set to `true` if the `day` is the end of a highlighted date range.
|
|
55
|
-
*/
|
|
56
|
-
isStartOfPreviewing: boolean;
|
|
57
|
-
/**
|
|
58
|
-
* Override or extend the styles applied to the component.
|
|
59
|
-
*/
|
|
60
|
-
classes?: Partial<DateRangePickerDayClasses>;
|
|
61
|
-
/**
|
|
62
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
63
|
-
*/
|
|
64
|
-
sx?: SxProps<Theme>;
|
|
65
|
-
}
|
|
66
|
-
export declare function getDateRangePickerDayUtilityClass(slot: string): string;
|
|
67
|
-
export declare const dateRangePickerDayClasses: DateRangePickerDayClasses;
|
|
68
|
-
declare const _default: <TDate>(props: DateRangePickerDayProps<TDate> & React.RefAttributes<HTMLButtonElement>) => JSX.Element;
|
|
69
|
-
/**
|
|
70
|
-
*
|
|
71
|
-
* Demos:
|
|
72
|
-
*
|
|
73
|
-
* - [Date Range Picker](https://mui.com/components/date-range-picker/)
|
|
74
|
-
*
|
|
75
|
-
* API:
|
|
76
|
-
*
|
|
77
|
-
* - [DateRangePickerDay API](https://mui.com/api/date-range-picker-day/)
|
|
78
|
-
*/
|
|
79
|
-
export default _default;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SxProps } from '@mui/system';
|
|
3
|
+
import { Theme } from '@mui/material/styles';
|
|
4
|
+
import { PickersDayProps } from '../PickersDay/PickersDay';
|
|
5
|
+
export interface DateRangePickerDayClasses {
|
|
6
|
+
/** Styles applied to the root element. */
|
|
7
|
+
root: string;
|
|
8
|
+
/** Styles applied to the root element if `isHighlighting=true` and `outsideCurrentMonth=false`. */
|
|
9
|
+
rangeIntervalDayHighlight: string;
|
|
10
|
+
/** Styles applied to the root element if `isStartOfHighlighting=true` or `day` is the start of the month. */
|
|
11
|
+
rangeIntervalDayHighlightStart: string;
|
|
12
|
+
/** Styles applied to the root element if `isEndOfHighlighting=true` or `day` is the end of the month. */
|
|
13
|
+
rangeIntervalDayHighlightEnd: string;
|
|
14
|
+
/** Styles applied to the preview element. */
|
|
15
|
+
rangeIntervalPreview: string;
|
|
16
|
+
/** Styles applied to the root element if `isPreviewing=true` and `outsideCurrentMonth=false`. */
|
|
17
|
+
rangeIntervalDayPreview: string;
|
|
18
|
+
/** Styles applied to the root element if `isStartOfPreviewing=true` or `day` is the start of the month. */
|
|
19
|
+
rangeIntervalDayPreviewStart: string;
|
|
20
|
+
/** Styles applied to the root element if `isEndOfPreviewing=true` or `day` is the end of the month. */
|
|
21
|
+
rangeIntervalDayPreviewEnd: string;
|
|
22
|
+
/** Styles applied to the day element. */
|
|
23
|
+
day: string;
|
|
24
|
+
/** Styles applied to the day element if `isHighlighting=false`. */
|
|
25
|
+
dayOutsideRangeInterval: string;
|
|
26
|
+
/** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
|
|
27
|
+
dayInsideRangeInterval: string;
|
|
28
|
+
/** Styles applied to the day element if `selected=false`. */
|
|
29
|
+
notSelectedDate: string;
|
|
30
|
+
}
|
|
31
|
+
export declare type DateRangePickerDayClassKey = keyof DateRangePickerDayClasses;
|
|
32
|
+
export interface DateRangePickerDayProps<TDate> extends Omit<PickersDayProps<TDate>, 'classes'> {
|
|
33
|
+
/**
|
|
34
|
+
* Set to `true` if the `day` is in a highlighted date range.
|
|
35
|
+
*/
|
|
36
|
+
isHighlighting: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Set to `true` if the `day` is the end of a highlighted date range.
|
|
39
|
+
*/
|
|
40
|
+
isEndOfHighlighting: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Set to `true` if the `day` is the start of a highlighted date range.
|
|
43
|
+
*/
|
|
44
|
+
isStartOfHighlighting: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Set to `true` if the `day` is in a preview date range.
|
|
47
|
+
*/
|
|
48
|
+
isPreviewing: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* Set to `true` if the `day` is the start of a highlighted date range.
|
|
51
|
+
*/
|
|
52
|
+
isEndOfPreviewing: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Set to `true` if the `day` is the end of a highlighted date range.
|
|
55
|
+
*/
|
|
56
|
+
isStartOfPreviewing: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Override or extend the styles applied to the component.
|
|
59
|
+
*/
|
|
60
|
+
classes?: Partial<DateRangePickerDayClasses>;
|
|
61
|
+
/**
|
|
62
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
63
|
+
*/
|
|
64
|
+
sx?: SxProps<Theme>;
|
|
65
|
+
}
|
|
66
|
+
export declare function getDateRangePickerDayUtilityClass(slot: string): string;
|
|
67
|
+
export declare const dateRangePickerDayClasses: DateRangePickerDayClasses;
|
|
68
|
+
declare const _default: <TDate>(props: DateRangePickerDayProps<TDate> & React.RefAttributes<HTMLButtonElement>) => JSX.Element;
|
|
69
|
+
/**
|
|
70
|
+
*
|
|
71
|
+
* Demos:
|
|
72
|
+
*
|
|
73
|
+
* - [Date Range Picker](https://mui.com/components/date-range-picker/)
|
|
74
|
+
*
|
|
75
|
+
* API:
|
|
76
|
+
*
|
|
77
|
+
* - [DateRangePickerDay API](https://mui.com/api/date-range-picker-day/)
|
|
78
|
+
*/
|
|
79
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './DateRangePickerDay';
|
|
2
|
-
export { default } from './DateRangePickerDay';
|
|
1
|
+
export * from './DateRangePickerDay';
|
|
2
|
+
export { default } from './DateRangePickerDay';
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DesktopDateTimePickerProps } from '../DesktopDateTimePicker';
|
|
3
|
-
import { MobileDateTimePickerProps } from '../MobileDateTimePicker';
|
|
4
|
-
export interface DateTimePickerProps<TDate = unknown> extends DesktopDateTimePickerProps<TDate>, MobileDateTimePickerProps<TDate> {
|
|
5
|
-
/**
|
|
6
|
-
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
7
|
-
* @default '@media (pointer: fine)'
|
|
8
|
-
* @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
|
|
9
|
-
*/
|
|
10
|
-
desktopModeMediaQuery?: string;
|
|
11
|
-
}
|
|
12
|
-
declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
13
|
-
propTypes?: any;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
*
|
|
17
|
-
* Demos:
|
|
18
|
-
*
|
|
19
|
-
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
20
|
-
* - [Pickers](https://mui.com/components/pickers/)
|
|
21
|
-
*
|
|
22
|
-
* API:
|
|
23
|
-
*
|
|
24
|
-
* - [DateTimePicker API](https://mui.com/api/date-time-picker/)
|
|
25
|
-
*/
|
|
26
|
-
declare const DateTimePicker: DateTimePickerComponent;
|
|
27
|
-
export default DateTimePicker;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DesktopDateTimePickerProps } from '../DesktopDateTimePicker';
|
|
3
|
+
import { MobileDateTimePickerProps } from '../MobileDateTimePicker';
|
|
4
|
+
export interface DateTimePickerProps<TDate = unknown> extends DesktopDateTimePickerProps<TDate>, MobileDateTimePickerProps<TDate> {
|
|
5
|
+
/**
|
|
6
|
+
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
7
|
+
* @default '@media (pointer: fine)'
|
|
8
|
+
* @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
|
|
9
|
+
*/
|
|
10
|
+
desktopModeMediaQuery?: string;
|
|
11
|
+
}
|
|
12
|
+
declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
13
|
+
propTypes?: any;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
*
|
|
17
|
+
* Demos:
|
|
18
|
+
*
|
|
19
|
+
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
20
|
+
* - [Pickers](https://mui.com/components/pickers/)
|
|
21
|
+
*
|
|
22
|
+
* API:
|
|
23
|
+
*
|
|
24
|
+
* - [DateTimePicker API](https://mui.com/api/date-time-picker/)
|
|
25
|
+
*/
|
|
26
|
+
declare const DateTimePicker: DateTimePickerComponent;
|
|
27
|
+
export default DateTimePicker;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DateTimePickerView } from './shared';
|
|
3
|
-
export interface DateTimePickerTabsProps {
|
|
4
|
-
dateRangeIcon?: React.ReactNode;
|
|
5
|
-
onChange: (view: DateTimePickerView) => void;
|
|
6
|
-
timeIcon?: React.ReactNode;
|
|
7
|
-
view: DateTimePickerView;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* @ignore - internal component.
|
|
11
|
-
*/
|
|
12
|
-
declare const DateTimePickerTabs: (props: DateTimePickerTabsProps) => JSX.Element;
|
|
13
|
-
export default DateTimePickerTabs;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DateTimePickerView } from './shared';
|
|
3
|
+
export interface DateTimePickerTabsProps {
|
|
4
|
+
dateRangeIcon?: React.ReactNode;
|
|
5
|
+
onChange: (view: DateTimePickerView) => void;
|
|
6
|
+
timeIcon?: React.ReactNode;
|
|
7
|
+
view: DateTimePickerView;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* @ignore - internal component.
|
|
11
|
+
*/
|
|
12
|
+
declare const DateTimePickerTabs: (props: DateTimePickerTabsProps) => JSX.Element;
|
|
13
|
+
export default DateTimePickerTabs;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
|
|
3
|
-
/**
|
|
4
|
-
* @ignore - internal component.
|
|
5
|
-
*/
|
|
6
|
-
declare const DateTimePickerToolbar: (props: ToolbarComponentProps) => JSX.Element;
|
|
7
|
-
export default DateTimePickerToolbar;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
|
|
3
|
+
/**
|
|
4
|
+
* @ignore - internal component.
|
|
5
|
+
*/
|
|
6
|
+
declare const DateTimePickerToolbar: (props: ToolbarComponentProps) => JSX.Element;
|
|
7
|
+
export default DateTimePickerToolbar;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './DateTimePicker';
|
|
2
|
-
export { default } from './DateTimePicker';
|
|
1
|
+
export * from './DateTimePicker';
|
|
2
|
+
export { default } from './DateTimePicker';
|