@pisell/date-picker 1.0.143 → 1.0.145
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/README.md +2 -2
- package/es/ActionBar/index.d.ts +19 -20
- package/es/ActionBar/index.less +70 -70
- package/es/AdapterDateFns/index.d.ts +1 -1
- package/es/AdapterDateFnsJalali/index.d.ts +1 -1
- package/es/AdapterDayjs/index.d.ts +1 -1
- package/es/AdapterLuxon/index.d.ts +1 -1
- package/es/AdapterMoment/index.d.ts +1 -1
- package/es/AdapterMomentHijri/index.d.ts +1 -1
- package/es/AdapterMomentJalaali/index.d.ts +1 -1
- package/es/CustomCalendarHeader/index.d.ts +2 -3
- package/es/DatePickerLocales/index.d.ts +1 -1
- package/es/DateRangeCalendar/DateRangeCalendar.d.ts +7 -7
- package/es/DateRangeCalendar/DateRangeCalendar.js +122 -122
- package/es/DateRangeCalendar/DateRangeCalendar.types.d.ts +123 -123
- package/es/DateRangeCalendar/dateRangeCalendarClasses.d.ts +11 -11
- package/es/DateRangeCalendar/index.d.ts +4 -4
- package/es/DateRangeCalendar/useDragRange.d.ts +33 -33
- package/es/DateRangePicker/DateRangePicker.d.ts +7 -7
- package/es/DateRangePicker/DateRangePicker.js +184 -184
- package/es/DateRangePicker/DateRangePicker.types.d.ts +37 -37
- package/es/DateRangePicker/DateRangePickerToolbar.d.ts +12 -12
- package/es/DateRangePicker/DateRangePickerToolbar.js +10 -10
- package/es/DateRangePicker/dateRangePickerToolbarClasses.d.ts +9 -9
- package/es/DateRangePicker/index.d.ts +6 -6
- package/es/DateRangePicker/shared.d.ts +51 -51
- package/es/DateRangePickerDay/DateRangePickerDay.js +96 -96
- package/es/DateRangePickerDay/dateRangePickerDayClasses.d.ts +41 -41
- package/es/DateRangePickerDay/index.d.ts +4 -4
- package/es/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +7 -7
- package/es/DesktopDateRangePicker/DesktopDateRangePicker.js +180 -180
- package/es/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +36 -36
- package/es/DesktopDateRangePicker/index.d.ts +2 -2
- package/es/Dialog/index.d.ts +2 -3
- package/es/Drawer/index.d.ts +11 -11
- package/es/Drawer/index.less +39 -39
- package/es/MobileDateRangePicker/MobileDateRangePicker.d.ts +7 -7
- package/es/MobileDateRangePicker/MobileDateRangePicker.js +180 -180
- package/es/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +36 -36
- package/es/MobileDateRangePicker/index.d.ts +2 -2
- package/es/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +7 -7
- package/es/MultiInputDateRangeField/MultiInputDateRangeField.js +113 -113
- package/es/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +69 -69
- package/es/MultiInputDateRangeField/index.d.ts +3 -3
- package/es/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +7 -7
- package/es/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +144 -144
- package/es/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +70 -70
- package/es/MultiInputDateTimeRangeField/index.d.ts +3 -3
- package/es/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +7 -7
- package/es/MultiInputTimeRangeField/MultiInputTimeRangeField.js +130 -130
- package/es/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +70 -70
- package/es/MultiInputTimeRangeField/index.d.ts +3 -3
- package/es/OldActionBar/index.d.ts +18 -19
- package/es/OldActionBar/index.less +17 -17
- package/es/OldPisellDateRangePicker/index.d.ts +79 -79
- package/es/OldPisellDateRangePicker/index.less +102 -102
- package/es/PisellDateRangePicker/LocaleContext.d.ts +7 -7
- package/es/PisellDateRangePicker/index.less +183 -183
- package/es/PisellDateRangePicker/useCssVariables.d.ts +8 -8
- package/es/Shortcuts/index.d.ts +15 -16
- package/es/Shortcuts/index.less +17 -17
- package/es/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +8 -8
- package/es/SingleInputDateRangeField/SingleInputDateRangeField.js +152 -152
- package/es/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +49 -49
- package/es/SingleInputDateRangeField/index.d.ts +3 -3
- package/es/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +3 -3
- package/es/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +8 -8
- package/es/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +183 -183
- package/es/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +50 -50
- package/es/SingleInputDateTimeRangeField/index.d.ts +3 -3
- package/es/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +3 -3
- package/es/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +8 -8
- package/es/SingleInputTimeRangeField/SingleInputTimeRangeField.js +169 -169
- package/es/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +50 -50
- package/es/SingleInputTimeRangeField/index.d.ts +3 -3
- package/es/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +3 -3
- package/es/StaticDateRangePicker/StaticDateRangePicker.d.ts +7 -7
- package/es/StaticDateRangePicker/StaticDateRangePicker.js +148 -148
- package/es/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +31 -31
- package/es/StaticDateRangePicker/index.d.ts +2 -2
- package/es/Toolbar/index.d.ts +3 -4
- package/es/Toolbar/index.less +34 -34
- package/es/browserSelect/index.d.ts +15 -15
- package/es/browserSelect/index.js +7 -7
- package/es/browserSelect/index.less +17 -17
- package/es/constants.d.ts +58 -58
- package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +12 -13
- package/es/dateRangeViewRenderers/dateRangeViewRenderers.js +3 -3
- package/es/dateRangeViewRenderers/index.d.ts +2 -2
- package/es/hooks/useDocumentVisibility.d.ts +2 -2
- package/es/hooks/useNextDay.d.ts +2 -2
- package/es/hooks/useUpdateEffect.d.ts +2 -2
- package/es/icon/ChevronLeft.d.ts +5 -6
- package/es/icon/ChevronLeftDouble.d.ts +5 -6
- package/es/icon/ChevronRight.d.ts +5 -6
- package/es/icon/ChevronRightDouble.d.ts +5 -6
- package/es/icon/CloseCircle.d.ts +5 -6
- package/es/index.d.ts +26 -26
- package/es/internals/hooks/useDesktopRangePicker/index.d.ts +2 -2
- package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +34 -34
- package/es/internals/hooks/useEnrichedRangePickerFieldProps.d.ts +54 -54
- package/es/internals/hooks/useMobileRangePicker/index.d.ts +2 -2
- package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +30 -30
- package/es/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.d.ts +3 -3
- package/es/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.d.ts +4 -4
- package/es/internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types.d.ts +17 -17
- package/es/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.d.ts +4 -4
- package/es/internals/hooks/useRangePosition.d.ts +28 -28
- package/es/internals/hooks/useStaticRangePicker/index.d.ts +2 -2
- package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +9 -10
- package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +3 -3
- package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +33 -33
- package/es/internals/models/dateRange.d.ts +30 -30
- package/es/internals/models/dateTimeRange.d.ts +13 -13
- package/es/internals/models/fields.d.ts +43 -43
- package/es/internals/models/index.d.ts +6 -6
- package/es/internals/models/range.d.ts +3 -3
- package/es/internals/models/rangePickerProps.d.ts +17 -17
- package/es/internals/models/timeRange.d.ts +13 -13
- package/es/internals/utils/date-fields-utils.d.ts +25 -25
- package/es/internals/utils/date-range-manager.d.ts +21 -21
- package/es/internals/utils/date-utils.d.ts +6 -6
- package/es/internals/utils/releaseInfo.d.ts +1 -1
- package/es/internals/utils/validation/validateDateRange.d.ts +7 -7
- package/es/internals/utils/validation/validateDateTimeRange.d.ts +8 -8
- package/es/internals/utils/validation/validateTimeRange.d.ts +7 -7
- package/es/internals/utils/valueManagers.d.ts +7 -7
- package/es/locales/en-US.d.ts +26 -26
- package/es/locales/index.d.ts +2 -2
- package/es/locales/ja.d.ts +26 -26
- package/es/locales/pt.d.ts +26 -26
- package/es/locales/zh-CN.d.ts +26 -26
- package/es/locales/zh-TW.d.ts +26 -26
- package/es/models/index.d.ts +1 -1
- package/es/models/validation.d.ts +9 -9
- package/es/themeAugmentation/components.d.ts +66 -66
- package/es/themeAugmentation/overrides.d.ts +33 -33
- package/es/themeAugmentation/props.d.ts +42 -42
- package/es/typings.d.ts +4 -4
- package/es/utils/index.d.ts +42 -42
- package/es/utils/index.js +19 -19
- package/lib/ActionBar/index.d.ts +19 -20
- package/lib/ActionBar/index.less +70 -70
- package/lib/AdapterDateFns/index.d.ts +1 -1
- package/lib/AdapterDateFnsJalali/index.d.ts +1 -1
- package/lib/AdapterDayjs/index.d.ts +1 -1
- package/lib/AdapterLuxon/index.d.ts +1 -1
- package/lib/AdapterMoment/index.d.ts +1 -1
- package/lib/AdapterMomentHijri/index.d.ts +1 -1
- package/lib/AdapterMomentJalaali/index.d.ts +1 -1
- package/lib/CustomCalendarHeader/index.d.ts +2 -3
- package/lib/DatePickerLocales/index.d.ts +1 -1
- package/lib/DateRangeCalendar/DateRangeCalendar.d.ts +7 -7
- package/lib/DateRangeCalendar/DateRangeCalendar.types.d.ts +123 -123
- package/lib/DateRangeCalendar/dateRangeCalendarClasses.d.ts +11 -11
- package/lib/DateRangeCalendar/index.d.ts +4 -4
- package/lib/DateRangeCalendar/useDragRange.d.ts +33 -33
- package/lib/DateRangePicker/DateRangePicker.d.ts +7 -7
- package/lib/DateRangePicker/DateRangePicker.types.d.ts +37 -37
- package/lib/DateRangePicker/DateRangePickerToolbar.d.ts +12 -12
- package/lib/DateRangePicker/dateRangePickerToolbarClasses.d.ts +9 -9
- package/lib/DateRangePicker/index.d.ts +6 -6
- package/lib/DateRangePicker/shared.d.ts +51 -51
- package/lib/DateRangePickerDay/dateRangePickerDayClasses.d.ts +41 -41
- package/lib/DateRangePickerDay/index.d.ts +4 -4
- package/lib/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +7 -7
- package/lib/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +36 -36
- package/lib/DesktopDateRangePicker/index.d.ts +2 -2
- package/lib/Dialog/index.d.ts +2 -3
- package/lib/Drawer/index.d.ts +11 -11
- package/lib/Drawer/index.less +39 -39
- package/lib/MobileDateRangePicker/MobileDateRangePicker.d.ts +7 -7
- package/lib/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +36 -36
- package/lib/MobileDateRangePicker/index.d.ts +2 -2
- package/lib/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +7 -7
- package/lib/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +69 -69
- package/lib/MultiInputDateRangeField/index.d.ts +3 -3
- package/lib/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +7 -7
- package/lib/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +70 -70
- package/lib/MultiInputDateTimeRangeField/index.d.ts +3 -3
- package/lib/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +7 -7
- package/lib/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +70 -70
- package/lib/MultiInputTimeRangeField/index.d.ts +3 -3
- package/lib/OldActionBar/index.d.ts +18 -19
- package/lib/OldActionBar/index.less +17 -17
- package/lib/OldPisellDateRangePicker/index.d.ts +79 -79
- package/lib/OldPisellDateRangePicker/index.less +102 -102
- package/lib/PisellDateRangePicker/LocaleContext.d.ts +7 -7
- package/lib/PisellDateRangePicker/index.less +183 -183
- package/lib/PisellDateRangePicker/useCssVariables.d.ts +8 -8
- package/lib/Shortcuts/index.d.ts +15 -16
- package/lib/Shortcuts/index.less +17 -17
- package/lib/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +8 -8
- package/lib/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +49 -49
- package/lib/SingleInputDateRangeField/index.d.ts +3 -3
- package/lib/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +3 -3
- package/lib/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +8 -8
- package/lib/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +50 -50
- package/lib/SingleInputDateTimeRangeField/index.d.ts +3 -3
- package/lib/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +3 -3
- package/lib/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +8 -8
- package/lib/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +50 -50
- package/lib/SingleInputTimeRangeField/index.d.ts +3 -3
- package/lib/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +3 -3
- package/lib/StaticDateRangePicker/StaticDateRangePicker.d.ts +7 -7
- package/lib/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +31 -31
- package/lib/StaticDateRangePicker/index.d.ts +2 -2
- package/lib/Toolbar/index.d.ts +3 -4
- package/lib/Toolbar/index.less +34 -34
- package/lib/browserSelect/index.d.ts +15 -15
- package/lib/browserSelect/index.less +17 -17
- package/lib/constants.d.ts +58 -58
- package/lib/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +12 -13
- package/lib/dateRangeViewRenderers/index.d.ts +2 -2
- package/lib/hooks/useDocumentVisibility.d.ts +2 -2
- package/lib/hooks/useNextDay.d.ts +2 -2
- package/lib/hooks/useUpdateEffect.d.ts +2 -2
- package/lib/icon/ChevronLeft.d.ts +5 -6
- package/lib/icon/ChevronLeftDouble.d.ts +5 -6
- package/lib/icon/ChevronRight.d.ts +5 -6
- package/lib/icon/ChevronRightDouble.d.ts +5 -6
- package/lib/icon/CloseCircle.d.ts +5 -6
- package/lib/index.d.ts +26 -26
- package/lib/internals/hooks/useDesktopRangePicker/index.d.ts +2 -2
- package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +34 -34
- package/lib/internals/hooks/useEnrichedRangePickerFieldProps.d.ts +54 -54
- package/lib/internals/hooks/useMobileRangePicker/index.d.ts +2 -2
- package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +30 -30
- package/lib/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.d.ts +3 -3
- package/lib/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.d.ts +4 -4
- package/lib/internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types.d.ts +17 -17
- package/lib/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.d.ts +4 -4
- package/lib/internals/hooks/useRangePosition.d.ts +28 -28
- package/lib/internals/hooks/useStaticRangePicker/index.d.ts +2 -2
- package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +9 -10
- package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +33 -33
- package/lib/internals/models/dateRange.d.ts +30 -30
- package/lib/internals/models/dateTimeRange.d.ts +13 -13
- package/lib/internals/models/fields.d.ts +43 -43
- package/lib/internals/models/index.d.ts +6 -6
- package/lib/internals/models/range.d.ts +3 -3
- package/lib/internals/models/rangePickerProps.d.ts +17 -17
- package/lib/internals/models/timeRange.d.ts +13 -13
- package/lib/internals/utils/date-fields-utils.d.ts +25 -25
- package/lib/internals/utils/date-range-manager.d.ts +21 -21
- package/lib/internals/utils/date-utils.d.ts +6 -6
- package/lib/internals/utils/releaseInfo.d.ts +1 -1
- package/lib/internals/utils/validation/validateDateRange.d.ts +7 -7
- package/lib/internals/utils/validation/validateDateTimeRange.d.ts +8 -8
- package/lib/internals/utils/validation/validateTimeRange.d.ts +7 -7
- package/lib/internals/utils/valueManagers.d.ts +7 -7
- package/lib/locales/en-US.d.ts +26 -26
- package/lib/locales/index.d.ts +2 -2
- package/lib/locales/ja.d.ts +26 -26
- package/lib/locales/pt.d.ts +26 -26
- package/lib/locales/zh-CN.d.ts +26 -26
- package/lib/locales/zh-TW.d.ts +26 -26
- package/lib/models/index.d.ts +1 -1
- package/lib/models/validation.d.ts +9 -9
- package/lib/themeAugmentation/components.d.ts +66 -66
- package/lib/themeAugmentation/overrides.d.ts +33 -33
- package/lib/themeAugmentation/props.d.ts +42 -42
- package/lib/typings.d.ts +4 -4
- package/lib/utils/index.d.ts +42 -42
- package/package.json +2 -2
- package/es/DateRangePickerDay/DateRangePickerDay.d.ts +0 -50
- package/es/PisellDateRangePicker/index.d.ts +0 -83
- package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +0 -6
- package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +0 -6
- package/es/themeAugmentation/index.d.ts +0 -3
- package/lib/DateRangePickerDay/DateRangePickerDay.d.ts +0 -50
- package/lib/PisellDateRangePicker/index.d.ts +0 -83
- package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +0 -6
- package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +0 -6
- package/lib/themeAugmentation/index.d.ts +0 -3
|
@@ -1,123 +1,123 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SxProps } from '@mui/system';
|
|
3
|
-
import { SlotComponentProps } from '@mui/base';
|
|
4
|
-
import { Theme } from '@mui/material/styles';
|
|
5
|
-
import { TimezoneProps } from '@mui/x-date-pickers/models';
|
|
6
|
-
import { BaseDateValidationProps, DefaultizedProps, ExportedDayCalendarProps, DayCalendarSlotsComponent, DayCalendarSlotsComponentsProps, PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps, PickerSelectionState, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps, DayCalendarProps, ExportedUseViewsOptions, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
7
|
-
import { DateRange, DayRangeValidationProps } from '../internals/models';
|
|
8
|
-
import { DateRangeCalendarClasses } from './dateRangeCalendarClasses';
|
|
9
|
-
import { DateRangePickerDay, DateRangePickerDayProps } from '../DateRangePickerDay';
|
|
10
|
-
import { UseRangePositionProps } from '../internals/hooks/useRangePosition';
|
|
11
|
-
export declare type DateRangePosition = 'start' | 'end';
|
|
12
|
-
export interface DateRangeCalendarSlotsComponent<TDate> extends PickersArrowSwitcherSlotsComponent, Omit<DayCalendarSlotsComponent<TDate>, 'Day'>, PickersCalendarHeaderSlotsComponent {
|
|
13
|
-
/**
|
|
14
|
-
* Custom component for day in range pickers.
|
|
15
|
-
* Check the [DateRangePickersDay](https://mui.com/x/api/date-pickers/date-range-picker-day/) component.
|
|
16
|
-
* @default DateRangePickersDay
|
|
17
|
-
*/
|
|
18
|
-
Day?: React.ElementType<DateRangePickerDayProps<TDate>>;
|
|
19
|
-
}
|
|
20
|
-
export interface DateRangeCalendarSlotsComponentsProps<TDate> extends PickersArrowSwitcherSlotsComponentsProps, Omit<DayCalendarSlotsComponentsProps<TDate>, 'day'>, PickersCalendarHeaderSlotsComponentsProps<TDate> {
|
|
21
|
-
day?: SlotComponentProps<typeof DateRangePickerDay, {}, DayCalendarProps<TDate> & {
|
|
22
|
-
day: TDate;
|
|
23
|
-
selected: boolean;
|
|
24
|
-
}>;
|
|
25
|
-
}
|
|
26
|
-
export interface ExportedDateRangeCalendarProps<TDate> extends ExportedDayCalendarProps, BaseDateValidationProps<TDate>, DayRangeValidationProps<TDate>, TimezoneProps, Pick<ExportedUseViewsOptions<'day'>, 'autoFocus'> {
|
|
27
|
-
/**
|
|
28
|
-
* If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
|
|
29
|
-
* @default false
|
|
30
|
-
*/
|
|
31
|
-
disableAutoMonthSwitching?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Default calendar month displayed when `value={[null, null]}`.
|
|
34
|
-
*/
|
|
35
|
-
defaultCalendarMonth?: TDate;
|
|
36
|
-
/**
|
|
37
|
-
* If `true`, the picker and text field are disabled.
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
disabled?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Make picker read only.
|
|
43
|
-
* @default false
|
|
44
|
-
*/
|
|
45
|
-
readOnly?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Disable heavy animations.
|
|
48
|
-
* @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
|
|
49
|
-
*/
|
|
50
|
-
reduceAnimations?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Callback fired on month change.
|
|
53
|
-
* @template TDate
|
|
54
|
-
* @param {TDate} month The new month.
|
|
55
|
-
*/
|
|
56
|
-
onMonthChange?: (month: TDate) => void;
|
|
57
|
-
/**
|
|
58
|
-
* The number of calendars to render.
|
|
59
|
-
* @default 2
|
|
60
|
-
*/
|
|
61
|
-
calendars?: 1 | 2 | 3;
|
|
62
|
-
/**
|
|
63
|
-
* Position the current month is rendered in.
|
|
64
|
-
* @default 1
|
|
65
|
-
*/
|
|
66
|
-
currentMonthCalendarPosition?: 1 | 2 | 3;
|
|
67
|
-
/**
|
|
68
|
-
* If `true`, editing dates by dragging is disabled.
|
|
69
|
-
* @default false
|
|
70
|
-
*/
|
|
71
|
-
disableDragEditing?: boolean;
|
|
72
|
-
}
|
|
73
|
-
export interface DateRangeCalendarProps<TDate> extends ExportedDateRangeCalendarProps<TDate>, UseRangePositionProps {
|
|
74
|
-
/**
|
|
75
|
-
* The selected value.
|
|
76
|
-
* Used when the component is controlled.
|
|
77
|
-
*/
|
|
78
|
-
value?: DateRange<TDate>;
|
|
79
|
-
/**
|
|
80
|
-
* The default selected value.
|
|
81
|
-
* Used when the component is not controlled.
|
|
82
|
-
*/
|
|
83
|
-
defaultValue?: DateRange<TDate>;
|
|
84
|
-
/**
|
|
85
|
-
* Callback fired when the value changes.
|
|
86
|
-
* @template TDate
|
|
87
|
-
* @param {DateRange<TDate>} value The new value.
|
|
88
|
-
* @param {PickerSelectionState | undefined} selectionState Indicates if the date range selection is complete.
|
|
89
|
-
*/
|
|
90
|
-
onChange?: (value: DateRange<TDate>, selectionState?: PickerSelectionState) => void;
|
|
91
|
-
className?: string;
|
|
92
|
-
classes?: Partial<DateRangeCalendarClasses>;
|
|
93
|
-
/**
|
|
94
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
95
|
-
*/
|
|
96
|
-
sx?: SxProps<Theme>;
|
|
97
|
-
/**
|
|
98
|
-
* Overridable components.
|
|
99
|
-
* @default {}
|
|
100
|
-
* @deprecated Please use `slots`.
|
|
101
|
-
*/
|
|
102
|
-
components?: DateRangeCalendarSlotsComponent<TDate>;
|
|
103
|
-
/**
|
|
104
|
-
* The props used for each component slot.
|
|
105
|
-
* @default {}
|
|
106
|
-
* @deprecated Please use `slotProps`.
|
|
107
|
-
*/
|
|
108
|
-
componentsProps?: DateRangeCalendarSlotsComponentsProps<TDate>;
|
|
109
|
-
/**
|
|
110
|
-
* Overridable component slots.
|
|
111
|
-
* @default {}
|
|
112
|
-
*/
|
|
113
|
-
slots?: UncapitalizeObjectKeys<DateRangeCalendarSlotsComponent<TDate>>;
|
|
114
|
-
/**
|
|
115
|
-
* The props used for each component slot.
|
|
116
|
-
* @default {}
|
|
117
|
-
*/
|
|
118
|
-
slotProps?: DateRangeCalendarSlotsComponentsProps<TDate>;
|
|
119
|
-
}
|
|
120
|
-
export interface DateRangeCalendarOwnerState<TDate> extends DateRangeCalendarProps<TDate> {
|
|
121
|
-
isDragging: boolean;
|
|
122
|
-
}
|
|
123
|
-
export declare type DateRangeCalendarDefaultizedProps<TDate> = DefaultizedProps<DateRangeCalendarProps<TDate>, 'reduceAnimations' | 'calendars' | 'disableDragEditing' | keyof BaseDateValidationProps<TDate>>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SxProps } from '@mui/system';
|
|
3
|
+
import { SlotComponentProps } from '@mui/base';
|
|
4
|
+
import { Theme } from '@mui/material/styles';
|
|
5
|
+
import { TimezoneProps } from '@mui/x-date-pickers/models';
|
|
6
|
+
import { BaseDateValidationProps, DefaultizedProps, ExportedDayCalendarProps, DayCalendarSlotsComponent, DayCalendarSlotsComponentsProps, PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps, PickerSelectionState, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps, DayCalendarProps, ExportedUseViewsOptions, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
7
|
+
import { DateRange, DayRangeValidationProps } from '../internals/models';
|
|
8
|
+
import { DateRangeCalendarClasses } from './dateRangeCalendarClasses';
|
|
9
|
+
import { DateRangePickerDay, DateRangePickerDayProps } from '../DateRangePickerDay';
|
|
10
|
+
import { UseRangePositionProps } from '../internals/hooks/useRangePosition';
|
|
11
|
+
export declare type DateRangePosition = 'start' | 'end';
|
|
12
|
+
export interface DateRangeCalendarSlotsComponent<TDate> extends PickersArrowSwitcherSlotsComponent, Omit<DayCalendarSlotsComponent<TDate>, 'Day'>, PickersCalendarHeaderSlotsComponent {
|
|
13
|
+
/**
|
|
14
|
+
* Custom component for day in range pickers.
|
|
15
|
+
* Check the [DateRangePickersDay](https://mui.com/x/api/date-pickers/date-range-picker-day/) component.
|
|
16
|
+
* @default DateRangePickersDay
|
|
17
|
+
*/
|
|
18
|
+
Day?: React.ElementType<DateRangePickerDayProps<TDate>>;
|
|
19
|
+
}
|
|
20
|
+
export interface DateRangeCalendarSlotsComponentsProps<TDate> extends PickersArrowSwitcherSlotsComponentsProps, Omit<DayCalendarSlotsComponentsProps<TDate>, 'day'>, PickersCalendarHeaderSlotsComponentsProps<TDate> {
|
|
21
|
+
day?: SlotComponentProps<typeof DateRangePickerDay, {}, DayCalendarProps<TDate> & {
|
|
22
|
+
day: TDate;
|
|
23
|
+
selected: boolean;
|
|
24
|
+
}>;
|
|
25
|
+
}
|
|
26
|
+
export interface ExportedDateRangeCalendarProps<TDate> extends ExportedDayCalendarProps, BaseDateValidationProps<TDate>, DayRangeValidationProps<TDate>, TimezoneProps, Pick<ExportedUseViewsOptions<'day'>, 'autoFocus'> {
|
|
27
|
+
/**
|
|
28
|
+
* If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
disableAutoMonthSwitching?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Default calendar month displayed when `value={[null, null]}`.
|
|
34
|
+
*/
|
|
35
|
+
defaultCalendarMonth?: TDate;
|
|
36
|
+
/**
|
|
37
|
+
* If `true`, the picker and text field are disabled.
|
|
38
|
+
* @default false
|
|
39
|
+
*/
|
|
40
|
+
disabled?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Make picker read only.
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
45
|
+
readOnly?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Disable heavy animations.
|
|
48
|
+
* @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
|
|
49
|
+
*/
|
|
50
|
+
reduceAnimations?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Callback fired on month change.
|
|
53
|
+
* @template TDate
|
|
54
|
+
* @param {TDate} month The new month.
|
|
55
|
+
*/
|
|
56
|
+
onMonthChange?: (month: TDate) => void;
|
|
57
|
+
/**
|
|
58
|
+
* The number of calendars to render.
|
|
59
|
+
* @default 2
|
|
60
|
+
*/
|
|
61
|
+
calendars?: 1 | 2 | 3;
|
|
62
|
+
/**
|
|
63
|
+
* Position the current month is rendered in.
|
|
64
|
+
* @default 1
|
|
65
|
+
*/
|
|
66
|
+
currentMonthCalendarPosition?: 1 | 2 | 3;
|
|
67
|
+
/**
|
|
68
|
+
* If `true`, editing dates by dragging is disabled.
|
|
69
|
+
* @default false
|
|
70
|
+
*/
|
|
71
|
+
disableDragEditing?: boolean;
|
|
72
|
+
}
|
|
73
|
+
export interface DateRangeCalendarProps<TDate> extends ExportedDateRangeCalendarProps<TDate>, UseRangePositionProps {
|
|
74
|
+
/**
|
|
75
|
+
* The selected value.
|
|
76
|
+
* Used when the component is controlled.
|
|
77
|
+
*/
|
|
78
|
+
value?: DateRange<TDate>;
|
|
79
|
+
/**
|
|
80
|
+
* The default selected value.
|
|
81
|
+
* Used when the component is not controlled.
|
|
82
|
+
*/
|
|
83
|
+
defaultValue?: DateRange<TDate>;
|
|
84
|
+
/**
|
|
85
|
+
* Callback fired when the value changes.
|
|
86
|
+
* @template TDate
|
|
87
|
+
* @param {DateRange<TDate>} value The new value.
|
|
88
|
+
* @param {PickerSelectionState | undefined} selectionState Indicates if the date range selection is complete.
|
|
89
|
+
*/
|
|
90
|
+
onChange?: (value: DateRange<TDate>, selectionState?: PickerSelectionState) => void;
|
|
91
|
+
className?: string;
|
|
92
|
+
classes?: Partial<DateRangeCalendarClasses>;
|
|
93
|
+
/**
|
|
94
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
95
|
+
*/
|
|
96
|
+
sx?: SxProps<Theme>;
|
|
97
|
+
/**
|
|
98
|
+
* Overridable components.
|
|
99
|
+
* @default {}
|
|
100
|
+
* @deprecated Please use `slots`.
|
|
101
|
+
*/
|
|
102
|
+
components?: DateRangeCalendarSlotsComponent<TDate>;
|
|
103
|
+
/**
|
|
104
|
+
* The props used for each component slot.
|
|
105
|
+
* @default {}
|
|
106
|
+
* @deprecated Please use `slotProps`.
|
|
107
|
+
*/
|
|
108
|
+
componentsProps?: DateRangeCalendarSlotsComponentsProps<TDate>;
|
|
109
|
+
/**
|
|
110
|
+
* Overridable component slots.
|
|
111
|
+
* @default {}
|
|
112
|
+
*/
|
|
113
|
+
slots?: UncapitalizeObjectKeys<DateRangeCalendarSlotsComponent<TDate>>;
|
|
114
|
+
/**
|
|
115
|
+
* The props used for each component slot.
|
|
116
|
+
* @default {}
|
|
117
|
+
*/
|
|
118
|
+
slotProps?: DateRangeCalendarSlotsComponentsProps<TDate>;
|
|
119
|
+
}
|
|
120
|
+
export interface DateRangeCalendarOwnerState<TDate> extends DateRangeCalendarProps<TDate> {
|
|
121
|
+
isDragging: boolean;
|
|
122
|
+
}
|
|
123
|
+
export declare type DateRangeCalendarDefaultizedProps<TDate> = DefaultizedProps<DateRangeCalendarProps<TDate>, 'reduceAnimations' | 'calendars' | 'disableDragEditing' | keyof BaseDateValidationProps<TDate>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export interface DateRangeCalendarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the container of a month. */
|
|
5
|
-
monthContainer: string;
|
|
6
|
-
/** Styles applied to the day calendar container when dragging */
|
|
7
|
-
dayDragging: string;
|
|
8
|
-
}
|
|
9
|
-
export declare type DateRangeCalendarClassKey = keyof DateRangeCalendarClasses;
|
|
10
|
-
export declare const getDateRangeCalendarUtilityClass: (slot: string) => string;
|
|
11
|
-
export declare const dateRangeCalendarClasses: DateRangeCalendarClasses;
|
|
1
|
+
export interface DateRangeCalendarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the container of a month. */
|
|
5
|
+
monthContainer: string;
|
|
6
|
+
/** Styles applied to the day calendar container when dragging */
|
|
7
|
+
dayDragging: string;
|
|
8
|
+
}
|
|
9
|
+
export declare type DateRangeCalendarClassKey = keyof DateRangeCalendarClasses;
|
|
10
|
+
export declare const getDateRangeCalendarUtilityClass: (slot: string) => string;
|
|
11
|
+
export declare const dateRangeCalendarClasses: DateRangeCalendarClasses;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { DateRangeCalendar } from './DateRangeCalendar';
|
|
2
|
-
export type { DateRangeCalendarProps, DateRangeCalendarSlotsComponent, DateRangeCalendarSlotsComponentsProps, ExportedDateRangeCalendarProps, } from './DateRangeCalendar.types';
|
|
3
|
-
export { getDateRangeCalendarUtilityClass, dateRangeCalendarClasses, } from './dateRangeCalendarClasses';
|
|
4
|
-
export type { DateRangeCalendarClassKey, DateRangeCalendarClasses, } from './dateRangeCalendarClasses';
|
|
1
|
+
export { DateRangeCalendar } from './DateRangeCalendar';
|
|
2
|
+
export type { DateRangeCalendarProps, DateRangeCalendarSlotsComponent, DateRangeCalendarSlotsComponentsProps, ExportedDateRangeCalendarProps, } from './DateRangeCalendar.types';
|
|
3
|
+
export { getDateRangeCalendarUtilityClass, dateRangeCalendarClasses, } from './dateRangeCalendarClasses';
|
|
4
|
+
export type { DateRangeCalendarClassKey, DateRangeCalendarClasses, } from './dateRangeCalendarClasses';
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { MuiPickersAdapter, PickersTimezone } from '@mui/x-date-pickers/models';
|
|
3
|
-
import { DateRangePosition } from './DateRangeCalendar.types';
|
|
4
|
-
import { DateRange } from '../internals/models';
|
|
5
|
-
interface UseDragRangeParams<TDate> {
|
|
6
|
-
disableDragEditing?: boolean;
|
|
7
|
-
utils: MuiPickersAdapter<TDate>;
|
|
8
|
-
setRangeDragDay: (value: TDate | null) => void;
|
|
9
|
-
setIsDragging: (value: boolean) => void;
|
|
10
|
-
isDragging: boolean;
|
|
11
|
-
onDatePositionChange: (position: DateRangePosition) => void;
|
|
12
|
-
onDrop: (newDate: TDate) => void;
|
|
13
|
-
dateRange: DateRange<TDate>;
|
|
14
|
-
timezone: PickersTimezone;
|
|
15
|
-
}
|
|
16
|
-
interface UseDragRangeEvents {
|
|
17
|
-
onDragStart?: React.DragEventHandler<HTMLButtonElement>;
|
|
18
|
-
onDragEnter?: React.DragEventHandler<HTMLButtonElement>;
|
|
19
|
-
onDragLeave?: React.DragEventHandler<HTMLButtonElement>;
|
|
20
|
-
onDragOver?: React.DragEventHandler<HTMLButtonElement>;
|
|
21
|
-
onDragEnd?: React.DragEventHandler<HTMLButtonElement>;
|
|
22
|
-
onDrop?: React.DragEventHandler<HTMLButtonElement>;
|
|
23
|
-
onTouchStart?: React.TouchEventHandler<HTMLButtonElement>;
|
|
24
|
-
onTouchMove?: React.TouchEventHandler<HTMLButtonElement>;
|
|
25
|
-
onTouchEnd?: React.TouchEventHandler<HTMLButtonElement>;
|
|
26
|
-
}
|
|
27
|
-
interface UseDragRangeResponse<TDate> extends UseDragRangeEvents {
|
|
28
|
-
isDragging: boolean;
|
|
29
|
-
rangeDragDay: TDate | null;
|
|
30
|
-
draggingDatePosition: DateRangePosition | null;
|
|
31
|
-
}
|
|
32
|
-
export declare const useDragRange: <TDate>({ disableDragEditing, utils, onDatePositionChange, onDrop, dateRange, timezone, }: Omit<UseDragRangeParams<TDate>, "isDragging" | "setRangeDragDay" | "setIsDragging">) => UseDragRangeResponse<TDate>;
|
|
33
|
-
export {};
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { MuiPickersAdapter, PickersTimezone } from '@mui/x-date-pickers/models';
|
|
3
|
+
import { DateRangePosition } from './DateRangeCalendar.types';
|
|
4
|
+
import { DateRange } from '../internals/models';
|
|
5
|
+
interface UseDragRangeParams<TDate> {
|
|
6
|
+
disableDragEditing?: boolean;
|
|
7
|
+
utils: MuiPickersAdapter<TDate>;
|
|
8
|
+
setRangeDragDay: (value: TDate | null) => void;
|
|
9
|
+
setIsDragging: (value: boolean) => void;
|
|
10
|
+
isDragging: boolean;
|
|
11
|
+
onDatePositionChange: (position: DateRangePosition) => void;
|
|
12
|
+
onDrop: (newDate: TDate) => void;
|
|
13
|
+
dateRange: DateRange<TDate>;
|
|
14
|
+
timezone: PickersTimezone;
|
|
15
|
+
}
|
|
16
|
+
interface UseDragRangeEvents {
|
|
17
|
+
onDragStart?: React.DragEventHandler<HTMLButtonElement>;
|
|
18
|
+
onDragEnter?: React.DragEventHandler<HTMLButtonElement>;
|
|
19
|
+
onDragLeave?: React.DragEventHandler<HTMLButtonElement>;
|
|
20
|
+
onDragOver?: React.DragEventHandler<HTMLButtonElement>;
|
|
21
|
+
onDragEnd?: React.DragEventHandler<HTMLButtonElement>;
|
|
22
|
+
onDrop?: React.DragEventHandler<HTMLButtonElement>;
|
|
23
|
+
onTouchStart?: React.TouchEventHandler<HTMLButtonElement>;
|
|
24
|
+
onTouchMove?: React.TouchEventHandler<HTMLButtonElement>;
|
|
25
|
+
onTouchEnd?: React.TouchEventHandler<HTMLButtonElement>;
|
|
26
|
+
}
|
|
27
|
+
interface UseDragRangeResponse<TDate> extends UseDragRangeEvents {
|
|
28
|
+
isDragging: boolean;
|
|
29
|
+
rangeDragDay: TDate | null;
|
|
30
|
+
draggingDatePosition: DateRangePosition | null;
|
|
31
|
+
}
|
|
32
|
+
export declare const useDragRange: <TDate>({ disableDragEditing, utils, onDatePositionChange, onDrop, dateRange, timezone, }: Omit<UseDragRangeParams<TDate>, "isDragging" | "setRangeDragDay" | "setIsDragging">) => UseDragRangeResponse<TDate>;
|
|
33
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DateRangePickerProps } from './DateRangePicker.types';
|
|
3
|
-
declare type DatePickerComponent = (<TDate>(props: DateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
4
|
-
propTypes?: any;
|
|
5
|
-
};
|
|
6
|
-
declare const DateRangePicker: DatePickerComponent;
|
|
7
|
-
export { DateRangePicker };
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DateRangePickerProps } from './DateRangePicker.types';
|
|
3
|
+
declare type DatePickerComponent = (<TDate>(props: DateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
4
|
+
propTypes?: any;
|
|
5
|
+
};
|
|
6
|
+
declare const DateRangePicker: DatePickerComponent;
|
|
7
|
+
export { DateRangePicker };
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
2
|
-
import { DesktopDateRangePickerProps, DesktopDateRangePickerSlotsComponent, DesktopDateRangePickerSlotsComponentsProps } from '../DesktopDateRangePicker';
|
|
3
|
-
import { MobileDateRangePickerProps, MobileDateRangePickerSlotsComponent, MobileDateRangePickerSlotsComponentsProps } from '../MobileDateRangePicker';
|
|
4
|
-
export interface DateRangePickerSlotsComponents<TDate> extends DesktopDateRangePickerSlotsComponent<TDate>, MobileDateRangePickerSlotsComponent<TDate> {
|
|
5
|
-
}
|
|
6
|
-
export interface DateRangePickerSlotsComponentsProps<TDate> extends DesktopDateRangePickerSlotsComponentsProps<TDate>, MobileDateRangePickerSlotsComponentsProps<TDate> {
|
|
7
|
-
}
|
|
8
|
-
export interface DateRangePickerProps<TDate> extends DesktopDateRangePickerProps<TDate>, MobileDateRangePickerProps<TDate> {
|
|
9
|
-
/**
|
|
10
|
-
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
11
|
-
* @default '@media (pointer: fine)'
|
|
12
|
-
* @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
|
|
13
|
-
*/
|
|
14
|
-
desktopModeMediaQuery?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Overridable components.
|
|
17
|
-
* @default {}
|
|
18
|
-
* @deprecated Please use `slots`.
|
|
19
|
-
*/
|
|
20
|
-
components?: DateRangePickerSlotsComponents<TDate>;
|
|
21
|
-
/**
|
|
22
|
-
* The props used for each component slot.
|
|
23
|
-
* @default {}
|
|
24
|
-
* @deprecated Please use `slotProps`.
|
|
25
|
-
*/
|
|
26
|
-
componentsProps?: DateRangePickerSlotsComponentsProps<TDate>;
|
|
27
|
-
/**
|
|
28
|
-
* Overridable component slots.
|
|
29
|
-
* @default {}
|
|
30
|
-
*/
|
|
31
|
-
slots?: UncapitalizeObjectKeys<DateRangePickerSlotsComponents<TDate>>;
|
|
32
|
-
/**
|
|
33
|
-
* The props used for each component slot.
|
|
34
|
-
* @default {}
|
|
35
|
-
*/
|
|
36
|
-
slotProps?: DateRangePickerSlotsComponentsProps<TDate>;
|
|
37
|
-
}
|
|
1
|
+
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
2
|
+
import { DesktopDateRangePickerProps, DesktopDateRangePickerSlotsComponent, DesktopDateRangePickerSlotsComponentsProps } from '../DesktopDateRangePicker';
|
|
3
|
+
import { MobileDateRangePickerProps, MobileDateRangePickerSlotsComponent, MobileDateRangePickerSlotsComponentsProps } from '../MobileDateRangePicker';
|
|
4
|
+
export interface DateRangePickerSlotsComponents<TDate> extends DesktopDateRangePickerSlotsComponent<TDate>, MobileDateRangePickerSlotsComponent<TDate> {
|
|
5
|
+
}
|
|
6
|
+
export interface DateRangePickerSlotsComponentsProps<TDate> extends DesktopDateRangePickerSlotsComponentsProps<TDate>, MobileDateRangePickerSlotsComponentsProps<TDate> {
|
|
7
|
+
}
|
|
8
|
+
export interface DateRangePickerProps<TDate> extends DesktopDateRangePickerProps<TDate>, MobileDateRangePickerProps<TDate> {
|
|
9
|
+
/**
|
|
10
|
+
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
11
|
+
* @default '@media (pointer: fine)'
|
|
12
|
+
* @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
|
|
13
|
+
*/
|
|
14
|
+
desktopModeMediaQuery?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Overridable components.
|
|
17
|
+
* @default {}
|
|
18
|
+
* @deprecated Please use `slots`.
|
|
19
|
+
*/
|
|
20
|
+
components?: DateRangePickerSlotsComponents<TDate>;
|
|
21
|
+
/**
|
|
22
|
+
* The props used for each component slot.
|
|
23
|
+
* @default {}
|
|
24
|
+
* @deprecated Please use `slotProps`.
|
|
25
|
+
*/
|
|
26
|
+
componentsProps?: DateRangePickerSlotsComponentsProps<TDate>;
|
|
27
|
+
/**
|
|
28
|
+
* Overridable component slots.
|
|
29
|
+
* @default {}
|
|
30
|
+
*/
|
|
31
|
+
slots?: UncapitalizeObjectKeys<DateRangePickerSlotsComponents<TDate>>;
|
|
32
|
+
/**
|
|
33
|
+
* The props used for each component slot.
|
|
34
|
+
* @default {}
|
|
35
|
+
*/
|
|
36
|
+
slotProps?: DateRangePickerSlotsComponentsProps<TDate>;
|
|
37
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
|
|
3
|
-
import { DateRange } from '../internals/models';
|
|
4
|
-
import { UseRangePositionResponse } from '../internals/hooks/useRangePosition';
|
|
5
|
-
import { DateRangePickerToolbarClasses } from './dateRangePickerToolbarClasses';
|
|
6
|
-
export interface DateRangePickerToolbarProps<TDate> extends Omit<BaseToolbarProps<DateRange<TDate>, 'day'>, 'views' | 'view' | 'onViewChange' | 'onChange' | 'isLandscape'>, Pick<UseRangePositionResponse, 'rangePosition' | 'onRangePositionChange'> {
|
|
7
|
-
classes?: Partial<DateRangePickerToolbarClasses>;
|
|
8
|
-
}
|
|
9
|
-
export interface ExportedDateRangePickerToolbarProps extends ExportedBaseToolbarProps {
|
|
10
|
-
}
|
|
11
|
-
declare const DateRangePickerToolbar: React.ForwardRefExoticComponent<DateRangePickerToolbarProps<unknown> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
export { DateRangePickerToolbar };
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
|
|
3
|
+
import { DateRange } from '../internals/models';
|
|
4
|
+
import { UseRangePositionResponse } from '../internals/hooks/useRangePosition';
|
|
5
|
+
import { DateRangePickerToolbarClasses } from './dateRangePickerToolbarClasses';
|
|
6
|
+
export interface DateRangePickerToolbarProps<TDate> extends Omit<BaseToolbarProps<DateRange<TDate>, 'day'>, 'views' | 'view' | 'onViewChange' | 'onChange' | 'isLandscape'>, Pick<UseRangePositionResponse, 'rangePosition' | 'onRangePositionChange'> {
|
|
7
|
+
classes?: Partial<DateRangePickerToolbarClasses>;
|
|
8
|
+
}
|
|
9
|
+
export interface ExportedDateRangePickerToolbarProps extends ExportedBaseToolbarProps {
|
|
10
|
+
}
|
|
11
|
+
declare const DateRangePickerToolbar: React.ForwardRefExoticComponent<DateRangePickerToolbarProps<unknown> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export { DateRangePickerToolbar };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export interface DateRangePickerToolbarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the container element. */
|
|
5
|
-
container: string;
|
|
6
|
-
}
|
|
7
|
-
export declare type DateRangePickerToolbarClassKey = keyof DateRangePickerToolbarClasses;
|
|
8
|
-
export declare function getDateRangePickerToolbarUtilityClass(slot: string): string;
|
|
9
|
-
export declare const dateRangePickerToolbarClasses: DateRangePickerToolbarClasses;
|
|
1
|
+
export interface DateRangePickerToolbarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the container element. */
|
|
5
|
+
container: string;
|
|
6
|
+
}
|
|
7
|
+
export declare type DateRangePickerToolbarClassKey = keyof DateRangePickerToolbarClasses;
|
|
8
|
+
export declare function getDateRangePickerToolbarUtilityClass(slot: string): string;
|
|
9
|
+
export declare const dateRangePickerToolbarClasses: DateRangePickerToolbarClasses;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { DateRangePicker } from './DateRangePicker';
|
|
2
|
-
export type { DateRangePickerProps, DateRangePickerSlotsComponents, DateRangePickerSlotsComponentsProps, } from './DateRangePicker.types';
|
|
3
|
-
export { DateRangePickerToolbar } from './DateRangePickerToolbar';
|
|
4
|
-
export type { DateRangePickerToolbarProps } from './DateRangePickerToolbar';
|
|
5
|
-
export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses, } from './dateRangePickerToolbarClasses';
|
|
6
|
-
export type { DateRangePickerToolbarClasses, DateRangePickerToolbarClassKey, } from './dateRangePickerToolbarClasses';
|
|
1
|
+
export { DateRangePicker } from './DateRangePicker';
|
|
2
|
+
export type { DateRangePickerProps, DateRangePickerSlotsComponents, DateRangePickerSlotsComponentsProps, } from './DateRangePicker.types';
|
|
3
|
+
export { DateRangePickerToolbar } from './DateRangePickerToolbar';
|
|
4
|
+
export type { DateRangePickerToolbarProps } from './DateRangePickerToolbar';
|
|
5
|
+
export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses, } from './dateRangePickerToolbarClasses';
|
|
6
|
+
export type { DateRangePickerToolbarClasses, DateRangePickerToolbarClassKey, } from './dateRangePickerToolbarClasses';
|
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { LocalizedComponent } from '@mui/x-date-pickers/locales';
|
|
3
|
-
import { DefaultizedProps, BaseDateValidationProps, BasePickerInputProps, PickerViewRendererLookup, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
4
|
-
import { DateRangeValidationError } from '../models';
|
|
5
|
-
import { DateRange } from '../internals/models';
|
|
6
|
-
import { DateRangeCalendarSlotsComponent, DateRangeCalendarSlotsComponentsProps, ExportedDateRangeCalendarProps } from '../DateRangeCalendar';
|
|
7
|
-
import { DateRangePickerToolbarProps, ExportedDateRangePickerToolbarProps } from './DateRangePickerToolbar';
|
|
8
|
-
import { DateRangeViewRendererProps } from '../dateRangeViewRenderers';
|
|
9
|
-
export interface BaseDateRangePickerSlotsComponent<TDate> extends DateRangeCalendarSlotsComponent<TDate> {
|
|
10
|
-
/**
|
|
11
|
-
* Custom component for the toolbar rendered above the views.
|
|
12
|
-
* @default DateTimePickerToolbar
|
|
13
|
-
*/
|
|
14
|
-
Toolbar?: React.JSXElementConstructor<DateRangePickerToolbarProps<TDate>>;
|
|
15
|
-
}
|
|
16
|
-
export interface BaseDateRangePickerSlotsComponentsProps<TDate> extends DateRangeCalendarSlotsComponentsProps<TDate> {
|
|
17
|
-
toolbar?: ExportedDateRangePickerToolbarProps;
|
|
18
|
-
}
|
|
19
|
-
export interface BaseDateRangePickerProps<TDate> extends Omit<BasePickerInputProps<DateRange<TDate>, TDate, 'day', DateRangeValidationError>, 'view' | 'views' | 'openTo' | 'onViewChange' | 'orientation'>, ExportedDateRangeCalendarProps<TDate>, BaseDateValidationProps<TDate> {
|
|
20
|
-
/**
|
|
21
|
-
* Overridable components.
|
|
22
|
-
* @default {}
|
|
23
|
-
* @deprecated Please use `slots`.
|
|
24
|
-
*/
|
|
25
|
-
components?: BaseDateRangePickerSlotsComponent<TDate>;
|
|
26
|
-
/**
|
|
27
|
-
* The props used for each component slot.
|
|
28
|
-
* @default {}
|
|
29
|
-
* @deprecated Please use `slotProps`.
|
|
30
|
-
*/
|
|
31
|
-
componentsProps?: BaseDateRangePickerSlotsComponentsProps<TDate>;
|
|
32
|
-
/**
|
|
33
|
-
* Overridable component slots.
|
|
34
|
-
* @default {}
|
|
35
|
-
*/
|
|
36
|
-
slots?: UncapitalizeObjectKeys<BaseDateRangePickerSlotsComponent<TDate>>;
|
|
37
|
-
/**
|
|
38
|
-
* The props used for each component slot.
|
|
39
|
-
* @default {}
|
|
40
|
-
*/
|
|
41
|
-
slotProps?: BaseDateRangePickerSlotsComponentsProps<TDate>;
|
|
42
|
-
/**
|
|
43
|
-
* Define custom view renderers for each section.
|
|
44
|
-
* If `null`, the section will only have field editing.
|
|
45
|
-
* If `undefined`, internally defined view will be the used.
|
|
46
|
-
*/
|
|
47
|
-
viewRenderers?: Partial<PickerViewRendererLookup<DateRange<TDate>, 'day', DateRangeViewRendererProps<TDate, 'day'>, {}>>;
|
|
48
|
-
}
|
|
49
|
-
declare type UseDateRangePickerDefaultizedProps<TDate, Props extends BaseDateRangePickerProps<TDate>> = LocalizedComponent<TDate, DefaultizedProps<Props, keyof BaseDateValidationProps<TDate>>>;
|
|
50
|
-
export declare function useDateRangePickerDefaultizedProps<TDate, Props extends BaseDateRangePickerProps<TDate>>(props: Props, name: string): UseDateRangePickerDefaultizedProps<TDate, Omit<Props, 'components' | 'componentsProps'>>;
|
|
51
|
-
export {};
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { LocalizedComponent } from '@mui/x-date-pickers/locales';
|
|
3
|
+
import { DefaultizedProps, BaseDateValidationProps, BasePickerInputProps, PickerViewRendererLookup, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
4
|
+
import { DateRangeValidationError } from '../models';
|
|
5
|
+
import { DateRange } from '../internals/models';
|
|
6
|
+
import { DateRangeCalendarSlotsComponent, DateRangeCalendarSlotsComponentsProps, ExportedDateRangeCalendarProps } from '../DateRangeCalendar';
|
|
7
|
+
import { DateRangePickerToolbarProps, ExportedDateRangePickerToolbarProps } from './DateRangePickerToolbar';
|
|
8
|
+
import { DateRangeViewRendererProps } from '../dateRangeViewRenderers';
|
|
9
|
+
export interface BaseDateRangePickerSlotsComponent<TDate> extends DateRangeCalendarSlotsComponent<TDate> {
|
|
10
|
+
/**
|
|
11
|
+
* Custom component for the toolbar rendered above the views.
|
|
12
|
+
* @default DateTimePickerToolbar
|
|
13
|
+
*/
|
|
14
|
+
Toolbar?: React.JSXElementConstructor<DateRangePickerToolbarProps<TDate>>;
|
|
15
|
+
}
|
|
16
|
+
export interface BaseDateRangePickerSlotsComponentsProps<TDate> extends DateRangeCalendarSlotsComponentsProps<TDate> {
|
|
17
|
+
toolbar?: ExportedDateRangePickerToolbarProps;
|
|
18
|
+
}
|
|
19
|
+
export interface BaseDateRangePickerProps<TDate> extends Omit<BasePickerInputProps<DateRange<TDate>, TDate, 'day', DateRangeValidationError>, 'view' | 'views' | 'openTo' | 'onViewChange' | 'orientation'>, ExportedDateRangeCalendarProps<TDate>, BaseDateValidationProps<TDate> {
|
|
20
|
+
/**
|
|
21
|
+
* Overridable components.
|
|
22
|
+
* @default {}
|
|
23
|
+
* @deprecated Please use `slots`.
|
|
24
|
+
*/
|
|
25
|
+
components?: BaseDateRangePickerSlotsComponent<TDate>;
|
|
26
|
+
/**
|
|
27
|
+
* The props used for each component slot.
|
|
28
|
+
* @default {}
|
|
29
|
+
* @deprecated Please use `slotProps`.
|
|
30
|
+
*/
|
|
31
|
+
componentsProps?: BaseDateRangePickerSlotsComponentsProps<TDate>;
|
|
32
|
+
/**
|
|
33
|
+
* Overridable component slots.
|
|
34
|
+
* @default {}
|
|
35
|
+
*/
|
|
36
|
+
slots?: UncapitalizeObjectKeys<BaseDateRangePickerSlotsComponent<TDate>>;
|
|
37
|
+
/**
|
|
38
|
+
* The props used for each component slot.
|
|
39
|
+
* @default {}
|
|
40
|
+
*/
|
|
41
|
+
slotProps?: BaseDateRangePickerSlotsComponentsProps<TDate>;
|
|
42
|
+
/**
|
|
43
|
+
* Define custom view renderers for each section.
|
|
44
|
+
* If `null`, the section will only have field editing.
|
|
45
|
+
* If `undefined`, internally defined view will be the used.
|
|
46
|
+
*/
|
|
47
|
+
viewRenderers?: Partial<PickerViewRendererLookup<DateRange<TDate>, 'day', DateRangeViewRendererProps<TDate, 'day'>, {}>>;
|
|
48
|
+
}
|
|
49
|
+
declare type UseDateRangePickerDefaultizedProps<TDate, Props extends BaseDateRangePickerProps<TDate>> = LocalizedComponent<TDate, DefaultizedProps<Props, keyof BaseDateValidationProps<TDate>>>;
|
|
50
|
+
export declare function useDateRangePickerDefaultizedProps<TDate, Props extends BaseDateRangePickerProps<TDate>>(props: Props, name: string): UseDateRangePickerDefaultizedProps<TDate, Omit<Props, 'components' | 'componentsProps'>>;
|
|
51
|
+
export {};
|