@pisell/date-picker 1.0.143 → 1.0.144
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.d.ts +50 -50
- 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.d.ts +83 -83
- 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.d.ts +5 -6
- 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.d.ts +5 -6
- 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/index.d.ts +3 -3
- 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/DateRangePickerDay.d.ts +50 -50
- 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.d.ts +83 -83
- 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.d.ts +5 -6
- 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.d.ts +5 -6
- 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/index.d.ts +3 -3
- 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
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
|
-
import Typography from '@mui/material/Typography';
|
|
4
|
-
import Stack, { StackProps } from '@mui/material/Stack';
|
|
5
|
-
import TextField from '@mui/material/TextField';
|
|
6
|
-
import { FieldRef } from '@mui/x-date-pickers/models';
|
|
7
|
-
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
8
|
-
import { UseDateRangeFieldProps } from '../internals/models/dateRange';
|
|
9
|
-
import { RangePosition } from '../internals/models/range';
|
|
10
|
-
import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
|
|
11
|
-
import { RangeFieldSection } from '../internals/models/fields';
|
|
12
|
-
export declare type UseMultiInputDateRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputDateRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
13
|
-
export interface UseMultiInputDateRangeFieldProps<TDate> extends Omit<UseDateRangeFieldProps<TDate>, 'unstableFieldRef'> {
|
|
14
|
-
unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
15
|
-
unstableEndFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
16
|
-
}
|
|
17
|
-
export declare type UseMultiInputDateRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputDateRangeFieldProps<TDate>> & UseMultiInputDateRangeFieldProps<TDate>;
|
|
18
|
-
export interface MultiInputDateRangeFieldProps<TDate> extends UseMultiInputDateRangeFieldComponentProps<TDate, Omit<StackProps, 'position'>> {
|
|
19
|
-
autoFocus?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Overridable components.
|
|
22
|
-
* @default {}
|
|
23
|
-
* @deprecated Please use `slots`.
|
|
24
|
-
*/
|
|
25
|
-
components?: MultiInputDateRangeFieldSlotsComponent;
|
|
26
|
-
/**
|
|
27
|
-
* The props used for each component slot.
|
|
28
|
-
* @default {}
|
|
29
|
-
* @deprecated Please use `slotProps`.
|
|
30
|
-
*/
|
|
31
|
-
componentsProps?: MultiInputDateRangeFieldSlotsComponentsProps<TDate>;
|
|
32
|
-
/**
|
|
33
|
-
* Overridable component slots.
|
|
34
|
-
* @default {}
|
|
35
|
-
*/
|
|
36
|
-
slots?: UncapitalizeObjectKeys<MultiInputDateRangeFieldSlotsComponent>;
|
|
37
|
-
/**
|
|
38
|
-
* The props used for each component slot.
|
|
39
|
-
* @default {}
|
|
40
|
-
*/
|
|
41
|
-
slotProps?: MultiInputDateRangeFieldSlotsComponentsProps<TDate>;
|
|
42
|
-
}
|
|
43
|
-
export declare type MultiInputDateRangeFieldOwnerState<TDate> = MultiInputDateRangeFieldProps<TDate>;
|
|
44
|
-
export interface MultiInputDateRangeFieldSlotsComponent {
|
|
45
|
-
/**
|
|
46
|
-
* Element rendered at the root.
|
|
47
|
-
* @default MultiInputDateRangeFieldRoot
|
|
48
|
-
*/
|
|
49
|
-
Root?: React.ElementType;
|
|
50
|
-
/**
|
|
51
|
-
* Form control with an input to render a date.
|
|
52
|
-
* It is rendered twice: once for the start date and once for the end date.
|
|
53
|
-
* Receives the same props as `@mui/material/TextField`.
|
|
54
|
-
* @default TextField from '@mui/material'
|
|
55
|
-
*/
|
|
56
|
-
TextField?: React.ElementType;
|
|
57
|
-
/**
|
|
58
|
-
* Element rendered between the two inputs.
|
|
59
|
-
* @default MultiInputDateRangeFieldSeparator
|
|
60
|
-
*/
|
|
61
|
-
Separator?: React.ElementType;
|
|
62
|
-
}
|
|
63
|
-
export interface MultiInputDateRangeFieldSlotsComponentsProps<TDate> {
|
|
64
|
-
root?: SlotComponentProps<typeof Stack, {}, MultiInputDateRangeFieldOwnerState<TDate>>;
|
|
65
|
-
textField?: SlotComponentProps<typeof TextField, {}, MultiInputDateRangeFieldOwnerState<TDate> & {
|
|
66
|
-
position: RangePosition;
|
|
67
|
-
}>;
|
|
68
|
-
separator?: SlotComponentProps<typeof Typography, {}, MultiInputDateRangeFieldOwnerState<TDate>>;
|
|
69
|
-
}
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
|
+
import Typography from '@mui/material/Typography';
|
|
4
|
+
import Stack, { StackProps } from '@mui/material/Stack';
|
|
5
|
+
import TextField from '@mui/material/TextField';
|
|
6
|
+
import { FieldRef } from '@mui/x-date-pickers/models';
|
|
7
|
+
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
8
|
+
import { UseDateRangeFieldProps } from '../internals/models/dateRange';
|
|
9
|
+
import { RangePosition } from '../internals/models/range';
|
|
10
|
+
import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
|
|
11
|
+
import { RangeFieldSection } from '../internals/models/fields';
|
|
12
|
+
export declare type UseMultiInputDateRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputDateRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
13
|
+
export interface UseMultiInputDateRangeFieldProps<TDate> extends Omit<UseDateRangeFieldProps<TDate>, 'unstableFieldRef'> {
|
|
14
|
+
unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
15
|
+
unstableEndFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
16
|
+
}
|
|
17
|
+
export declare type UseMultiInputDateRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputDateRangeFieldProps<TDate>> & UseMultiInputDateRangeFieldProps<TDate>;
|
|
18
|
+
export interface MultiInputDateRangeFieldProps<TDate> extends UseMultiInputDateRangeFieldComponentProps<TDate, Omit<StackProps, 'position'>> {
|
|
19
|
+
autoFocus?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Overridable components.
|
|
22
|
+
* @default {}
|
|
23
|
+
* @deprecated Please use `slots`.
|
|
24
|
+
*/
|
|
25
|
+
components?: MultiInputDateRangeFieldSlotsComponent;
|
|
26
|
+
/**
|
|
27
|
+
* The props used for each component slot.
|
|
28
|
+
* @default {}
|
|
29
|
+
* @deprecated Please use `slotProps`.
|
|
30
|
+
*/
|
|
31
|
+
componentsProps?: MultiInputDateRangeFieldSlotsComponentsProps<TDate>;
|
|
32
|
+
/**
|
|
33
|
+
* Overridable component slots.
|
|
34
|
+
* @default {}
|
|
35
|
+
*/
|
|
36
|
+
slots?: UncapitalizeObjectKeys<MultiInputDateRangeFieldSlotsComponent>;
|
|
37
|
+
/**
|
|
38
|
+
* The props used for each component slot.
|
|
39
|
+
* @default {}
|
|
40
|
+
*/
|
|
41
|
+
slotProps?: MultiInputDateRangeFieldSlotsComponentsProps<TDate>;
|
|
42
|
+
}
|
|
43
|
+
export declare type MultiInputDateRangeFieldOwnerState<TDate> = MultiInputDateRangeFieldProps<TDate>;
|
|
44
|
+
export interface MultiInputDateRangeFieldSlotsComponent {
|
|
45
|
+
/**
|
|
46
|
+
* Element rendered at the root.
|
|
47
|
+
* @default MultiInputDateRangeFieldRoot
|
|
48
|
+
*/
|
|
49
|
+
Root?: React.ElementType;
|
|
50
|
+
/**
|
|
51
|
+
* Form control with an input to render a date.
|
|
52
|
+
* It is rendered twice: once for the start date and once for the end date.
|
|
53
|
+
* Receives the same props as `@mui/material/TextField`.
|
|
54
|
+
* @default TextField from '@mui/material'
|
|
55
|
+
*/
|
|
56
|
+
TextField?: React.ElementType;
|
|
57
|
+
/**
|
|
58
|
+
* Element rendered between the two inputs.
|
|
59
|
+
* @default MultiInputDateRangeFieldSeparator
|
|
60
|
+
*/
|
|
61
|
+
Separator?: React.ElementType;
|
|
62
|
+
}
|
|
63
|
+
export interface MultiInputDateRangeFieldSlotsComponentsProps<TDate> {
|
|
64
|
+
root?: SlotComponentProps<typeof Stack, {}, MultiInputDateRangeFieldOwnerState<TDate>>;
|
|
65
|
+
textField?: SlotComponentProps<typeof TextField, {}, MultiInputDateRangeFieldOwnerState<TDate> & {
|
|
66
|
+
position: RangePosition;
|
|
67
|
+
}>;
|
|
68
|
+
separator?: SlotComponentProps<typeof Typography, {}, MultiInputDateRangeFieldOwnerState<TDate>>;
|
|
69
|
+
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { MultiInputDateRangeField } from './MultiInputDateRangeField';
|
|
2
|
-
export { useMultiInputDateRangeField as unstable_useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';
|
|
3
|
-
export type { UseMultiInputDateRangeFieldProps, UseMultiInputDateRangeFieldComponentProps, MultiInputDateRangeFieldProps, } from './MultiInputDateRangeField.types';
|
|
1
|
+
export { MultiInputDateRangeField } from './MultiInputDateRangeField';
|
|
2
|
+
export { useMultiInputDateRangeField as unstable_useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';
|
|
3
|
+
export type { UseMultiInputDateRangeFieldProps, UseMultiInputDateRangeFieldComponentProps, MultiInputDateRangeFieldProps, } from './MultiInputDateRangeField.types';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { MultiInputDateTimeRangeFieldProps } from './MultiInputDateTimeRangeField.types';
|
|
3
|
-
declare type MultiInputDateTimeRangeFieldComponent = (<TDate>(props: MultiInputDateTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
|
|
4
|
-
propTypes?: any;
|
|
5
|
-
};
|
|
6
|
-
declare const MultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldComponent;
|
|
7
|
-
export { MultiInputDateTimeRangeField };
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { MultiInputDateTimeRangeFieldProps } from './MultiInputDateTimeRangeField.types';
|
|
3
|
+
declare type MultiInputDateTimeRangeFieldComponent = (<TDate>(props: MultiInputDateTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
|
|
4
|
+
propTypes?: any;
|
|
5
|
+
};
|
|
6
|
+
declare const MultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldComponent;
|
|
7
|
+
export { MultiInputDateTimeRangeField };
|
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FieldRef } from '@mui/x-date-pickers/models';
|
|
3
|
-
import { SlotComponentProps } from '@mui/base/utils';
|
|
4
|
-
import Typography from '@mui/material/Typography';
|
|
5
|
-
import Stack, { StackProps } from '@mui/material/Stack';
|
|
6
|
-
import TextField from '@mui/material/TextField';
|
|
7
|
-
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
8
|
-
import { UseDateTimeRangeFieldDefaultizedProps, UseDateTimeRangeFieldProps } from '../internals/models/dateTimeRange';
|
|
9
|
-
import { RangePosition } from '../internals/models/range';
|
|
10
|
-
import { RangeFieldSection } from '../internals/models/fields';
|
|
11
|
-
import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
|
|
12
|
-
export declare type UseMultiInputDateTimeRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputDateTimeRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
13
|
-
export interface UseMultiInputDateTimeRangeFieldProps<TDate> extends Omit<UseDateTimeRangeFieldProps<TDate>, 'unstableFieldRef'> {
|
|
14
|
-
unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
15
|
-
unstableEndFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
16
|
-
}
|
|
17
|
-
export declare type UseMultiInputDateTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputDateTimeRangeFieldProps<TDate>> & UseMultiInputDateTimeRangeFieldProps<TDate>;
|
|
18
|
-
export interface MultiInputDateTimeRangeFieldProps<TDate> extends UseMultiInputDateTimeRangeFieldComponentProps<TDate, Omit<StackProps, 'position'>> {
|
|
19
|
-
autoFocus?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Overridable components.
|
|
22
|
-
* @default {}
|
|
23
|
-
* @deprecated Please use `slots`.
|
|
24
|
-
*/
|
|
25
|
-
components?: MultiInputDateTimeRangeFieldSlotsComponent;
|
|
26
|
-
/**
|
|
27
|
-
* The props used for each component slot.
|
|
28
|
-
* @default {}
|
|
29
|
-
* @deprecated Please use `slotProps`.
|
|
30
|
-
*/
|
|
31
|
-
componentsProps?: MultiInputDateTimeRangeFieldSlotsComponentsProps<TDate>;
|
|
32
|
-
/**
|
|
33
|
-
* Overridable component slots.
|
|
34
|
-
* @default {}
|
|
35
|
-
*/
|
|
36
|
-
slots?: UncapitalizeObjectKeys<MultiInputDateTimeRangeFieldSlotsComponent>;
|
|
37
|
-
/**
|
|
38
|
-
* The props used for each component slot.
|
|
39
|
-
* @default {}
|
|
40
|
-
*/
|
|
41
|
-
slotProps?: MultiInputDateTimeRangeFieldSlotsComponentsProps<TDate>;
|
|
42
|
-
}
|
|
43
|
-
export declare type MultiInputDateTimeRangeFieldOwnerState<TDate> = MultiInputDateTimeRangeFieldProps<TDate>;
|
|
44
|
-
export interface MultiInputDateTimeRangeFieldSlotsComponent {
|
|
45
|
-
/**
|
|
46
|
-
* Element rendered at the root.
|
|
47
|
-
* @default MultiInputDateTimeRangeFieldRoot
|
|
48
|
-
*/
|
|
49
|
-
Root?: React.ElementType;
|
|
50
|
-
/**
|
|
51
|
-
* Form control with an input to render a date and time.
|
|
52
|
-
* It is rendered twice: once for the start date time and once for the end date time.
|
|
53
|
-
* Receives the same props as `@mui/material/TextField`.
|
|
54
|
-
* @default TextField from '@mui/material'
|
|
55
|
-
*/
|
|
56
|
-
TextField?: React.ElementType;
|
|
57
|
-
/**
|
|
58
|
-
* Element rendered between the two inputs.
|
|
59
|
-
* @default MultiInputDateTimeRangeFieldSeparator
|
|
60
|
-
*/
|
|
61
|
-
Separator?: React.ElementType;
|
|
62
|
-
}
|
|
63
|
-
export interface MultiInputDateTimeRangeFieldSlotsComponentsProps<TDate> {
|
|
64
|
-
root?: SlotComponentProps<typeof Stack, {}, MultiInputDateTimeRangeFieldOwnerState<TDate>>;
|
|
65
|
-
textField?: SlotComponentProps<typeof TextField, {}, MultiInputDateTimeRangeFieldOwnerState<TDate> & {
|
|
66
|
-
position: RangePosition;
|
|
67
|
-
}>;
|
|
68
|
-
separator?: SlotComponentProps<typeof Typography, {}, MultiInputDateTimeRangeFieldOwnerState<TDate>>;
|
|
69
|
-
}
|
|
70
|
-
export declare type UseMultiInputDateTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseDateTimeRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { FieldRef } from '@mui/x-date-pickers/models';
|
|
3
|
+
import { SlotComponentProps } from '@mui/base/utils';
|
|
4
|
+
import Typography from '@mui/material/Typography';
|
|
5
|
+
import Stack, { StackProps } from '@mui/material/Stack';
|
|
6
|
+
import TextField from '@mui/material/TextField';
|
|
7
|
+
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
8
|
+
import { UseDateTimeRangeFieldDefaultizedProps, UseDateTimeRangeFieldProps } from '../internals/models/dateTimeRange';
|
|
9
|
+
import { RangePosition } from '../internals/models/range';
|
|
10
|
+
import { RangeFieldSection } from '../internals/models/fields';
|
|
11
|
+
import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
|
|
12
|
+
export declare type UseMultiInputDateTimeRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputDateTimeRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
13
|
+
export interface UseMultiInputDateTimeRangeFieldProps<TDate> extends Omit<UseDateTimeRangeFieldProps<TDate>, 'unstableFieldRef'> {
|
|
14
|
+
unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
15
|
+
unstableEndFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
16
|
+
}
|
|
17
|
+
export declare type UseMultiInputDateTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputDateTimeRangeFieldProps<TDate>> & UseMultiInputDateTimeRangeFieldProps<TDate>;
|
|
18
|
+
export interface MultiInputDateTimeRangeFieldProps<TDate> extends UseMultiInputDateTimeRangeFieldComponentProps<TDate, Omit<StackProps, 'position'>> {
|
|
19
|
+
autoFocus?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Overridable components.
|
|
22
|
+
* @default {}
|
|
23
|
+
* @deprecated Please use `slots`.
|
|
24
|
+
*/
|
|
25
|
+
components?: MultiInputDateTimeRangeFieldSlotsComponent;
|
|
26
|
+
/**
|
|
27
|
+
* The props used for each component slot.
|
|
28
|
+
* @default {}
|
|
29
|
+
* @deprecated Please use `slotProps`.
|
|
30
|
+
*/
|
|
31
|
+
componentsProps?: MultiInputDateTimeRangeFieldSlotsComponentsProps<TDate>;
|
|
32
|
+
/**
|
|
33
|
+
* Overridable component slots.
|
|
34
|
+
* @default {}
|
|
35
|
+
*/
|
|
36
|
+
slots?: UncapitalizeObjectKeys<MultiInputDateTimeRangeFieldSlotsComponent>;
|
|
37
|
+
/**
|
|
38
|
+
* The props used for each component slot.
|
|
39
|
+
* @default {}
|
|
40
|
+
*/
|
|
41
|
+
slotProps?: MultiInputDateTimeRangeFieldSlotsComponentsProps<TDate>;
|
|
42
|
+
}
|
|
43
|
+
export declare type MultiInputDateTimeRangeFieldOwnerState<TDate> = MultiInputDateTimeRangeFieldProps<TDate>;
|
|
44
|
+
export interface MultiInputDateTimeRangeFieldSlotsComponent {
|
|
45
|
+
/**
|
|
46
|
+
* Element rendered at the root.
|
|
47
|
+
* @default MultiInputDateTimeRangeFieldRoot
|
|
48
|
+
*/
|
|
49
|
+
Root?: React.ElementType;
|
|
50
|
+
/**
|
|
51
|
+
* Form control with an input to render a date and time.
|
|
52
|
+
* It is rendered twice: once for the start date time and once for the end date time.
|
|
53
|
+
* Receives the same props as `@mui/material/TextField`.
|
|
54
|
+
* @default TextField from '@mui/material'
|
|
55
|
+
*/
|
|
56
|
+
TextField?: React.ElementType;
|
|
57
|
+
/**
|
|
58
|
+
* Element rendered between the two inputs.
|
|
59
|
+
* @default MultiInputDateTimeRangeFieldSeparator
|
|
60
|
+
*/
|
|
61
|
+
Separator?: React.ElementType;
|
|
62
|
+
}
|
|
63
|
+
export interface MultiInputDateTimeRangeFieldSlotsComponentsProps<TDate> {
|
|
64
|
+
root?: SlotComponentProps<typeof Stack, {}, MultiInputDateTimeRangeFieldOwnerState<TDate>>;
|
|
65
|
+
textField?: SlotComponentProps<typeof TextField, {}, MultiInputDateTimeRangeFieldOwnerState<TDate> & {
|
|
66
|
+
position: RangePosition;
|
|
67
|
+
}>;
|
|
68
|
+
separator?: SlotComponentProps<typeof Typography, {}, MultiInputDateTimeRangeFieldOwnerState<TDate>>;
|
|
69
|
+
}
|
|
70
|
+
export declare type UseMultiInputDateTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseDateTimeRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { MultiInputDateTimeRangeField } from './MultiInputDateTimeRangeField';
|
|
2
|
-
export { useMultiInputDateTimeRangeField as unstable_useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
|
|
3
|
-
export type { UseMultiInputDateTimeRangeFieldProps, UseMultiInputDateTimeRangeFieldComponentProps, MultiInputDateTimeRangeFieldProps, } from './MultiInputDateTimeRangeField.types';
|
|
1
|
+
export { MultiInputDateTimeRangeField } from './MultiInputDateTimeRangeField';
|
|
2
|
+
export { useMultiInputDateTimeRangeField as unstable_useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
|
|
3
|
+
export type { UseMultiInputDateTimeRangeFieldProps, UseMultiInputDateTimeRangeFieldComponentProps, MultiInputDateTimeRangeFieldProps, } from './MultiInputDateTimeRangeField.types';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { MultiInputTimeRangeFieldProps } from './MultiInputTimeRangeField.types';
|
|
3
|
-
declare type MultiInputTimeRangeFieldComponent = (<TDate>(props: MultiInputTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
|
|
4
|
-
propTypes?: any;
|
|
5
|
-
};
|
|
6
|
-
declare const MultiInputTimeRangeField: MultiInputTimeRangeFieldComponent;
|
|
7
|
-
export { MultiInputTimeRangeField };
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { MultiInputTimeRangeFieldProps } from './MultiInputTimeRangeField.types';
|
|
3
|
+
declare type MultiInputTimeRangeFieldComponent = (<TDate>(props: MultiInputTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
|
|
4
|
+
propTypes?: any;
|
|
5
|
+
};
|
|
6
|
+
declare const MultiInputTimeRangeField: MultiInputTimeRangeFieldComponent;
|
|
7
|
+
export { MultiInputTimeRangeField };
|
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
|
-
import Typography from '@mui/material/Typography';
|
|
4
|
-
import Stack, { StackProps } from '@mui/material/Stack';
|
|
5
|
-
import TextField from '@mui/material/TextField';
|
|
6
|
-
import { FieldRef } from '@mui/x-date-pickers/models';
|
|
7
|
-
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
8
|
-
import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../internals/models/timeRange';
|
|
9
|
-
import { RangePosition } from '../internals/models/range';
|
|
10
|
-
import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
|
|
11
|
-
import { RangeFieldSection } from '../internals/models/fields';
|
|
12
|
-
export declare type UseMultiInputTimeRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputTimeRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
13
|
-
export interface UseMultiInputTimeRangeFieldProps<TDate> extends Omit<UseTimeRangeFieldProps<TDate>, 'unstableFieldRef'> {
|
|
14
|
-
unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
15
|
-
unstableEndFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
16
|
-
}
|
|
17
|
-
export declare type UseMultiInputTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputTimeRangeFieldProps<TDate>> & UseMultiInputTimeRangeFieldProps<TDate>;
|
|
18
|
-
export interface MultiInputTimeRangeFieldProps<TDate> extends UseMultiInputTimeRangeFieldComponentProps<TDate, Omit<StackProps, 'position'>> {
|
|
19
|
-
autoFocus?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Overridable components.
|
|
22
|
-
* @default {}
|
|
23
|
-
* @deprecated Please use `slots`.
|
|
24
|
-
*/
|
|
25
|
-
components?: MultiInputTimeRangeFieldSlotsComponent;
|
|
26
|
-
/**
|
|
27
|
-
* The props used for each component slot.
|
|
28
|
-
* @default {}
|
|
29
|
-
* @deprecated Please use `slotProps`.
|
|
30
|
-
*/
|
|
31
|
-
componentsProps?: MultiInputTimeRangeFieldSlotsComponentsProps<TDate>;
|
|
32
|
-
/**
|
|
33
|
-
* Overridable slots.
|
|
34
|
-
* @default {}
|
|
35
|
-
*/
|
|
36
|
-
slots?: UncapitalizeObjectKeys<MultiInputTimeRangeFieldSlotsComponent>;
|
|
37
|
-
/**
|
|
38
|
-
* The props used for each component slot.
|
|
39
|
-
* @default {}
|
|
40
|
-
*/
|
|
41
|
-
slotProps?: MultiInputTimeRangeFieldSlotsComponentsProps<TDate>;
|
|
42
|
-
}
|
|
43
|
-
export declare type MultiInputTimeRangeFieldOwnerState<TDate> = MultiInputTimeRangeFieldProps<TDate>;
|
|
44
|
-
export interface MultiInputTimeRangeFieldSlotsComponent {
|
|
45
|
-
/**
|
|
46
|
-
* Element rendered at the root.
|
|
47
|
-
* @default MultiInputTimeRangeFieldRoot
|
|
48
|
-
*/
|
|
49
|
-
Root?: React.ElementType;
|
|
50
|
-
/**
|
|
51
|
-
* Form control with an input to render a time.
|
|
52
|
-
* It is rendered twice: once for the start time and once for the end time.
|
|
53
|
-
* Receives the same props as `@mui/material/TextField`.
|
|
54
|
-
* @default TextField from '@mui/material'
|
|
55
|
-
*/
|
|
56
|
-
TextField?: React.ElementType;
|
|
57
|
-
/**
|
|
58
|
-
* Element rendered between the two inputs.
|
|
59
|
-
* @default MultiInputTimeRangeFieldSeparator
|
|
60
|
-
*/
|
|
61
|
-
Separator?: React.ElementType;
|
|
62
|
-
}
|
|
63
|
-
export interface MultiInputTimeRangeFieldSlotsComponentsProps<TDate> {
|
|
64
|
-
root?: SlotComponentProps<typeof Stack, {}, MultiInputTimeRangeFieldOwnerState<TDate>>;
|
|
65
|
-
textField?: SlotComponentProps<typeof TextField, {}, MultiInputTimeRangeFieldOwnerState<TDate> & {
|
|
66
|
-
position: RangePosition;
|
|
67
|
-
}>;
|
|
68
|
-
separator?: SlotComponentProps<typeof Typography, {}, MultiInputTimeRangeFieldOwnerState<TDate>>;
|
|
69
|
-
}
|
|
70
|
-
export declare type UseMultiInputTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseTimeRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
|
+
import Typography from '@mui/material/Typography';
|
|
4
|
+
import Stack, { StackProps } from '@mui/material/Stack';
|
|
5
|
+
import TextField from '@mui/material/TextField';
|
|
6
|
+
import { FieldRef } from '@mui/x-date-pickers/models';
|
|
7
|
+
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
8
|
+
import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../internals/models/timeRange';
|
|
9
|
+
import { RangePosition } from '../internals/models/range';
|
|
10
|
+
import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
|
|
11
|
+
import { RangeFieldSection } from '../internals/models/fields';
|
|
12
|
+
export declare type UseMultiInputTimeRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputTimeRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
13
|
+
export interface UseMultiInputTimeRangeFieldProps<TDate> extends Omit<UseTimeRangeFieldProps<TDate>, 'unstableFieldRef'> {
|
|
14
|
+
unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
15
|
+
unstableEndFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
16
|
+
}
|
|
17
|
+
export declare type UseMultiInputTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputTimeRangeFieldProps<TDate>> & UseMultiInputTimeRangeFieldProps<TDate>;
|
|
18
|
+
export interface MultiInputTimeRangeFieldProps<TDate> extends UseMultiInputTimeRangeFieldComponentProps<TDate, Omit<StackProps, 'position'>> {
|
|
19
|
+
autoFocus?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Overridable components.
|
|
22
|
+
* @default {}
|
|
23
|
+
* @deprecated Please use `slots`.
|
|
24
|
+
*/
|
|
25
|
+
components?: MultiInputTimeRangeFieldSlotsComponent;
|
|
26
|
+
/**
|
|
27
|
+
* The props used for each component slot.
|
|
28
|
+
* @default {}
|
|
29
|
+
* @deprecated Please use `slotProps`.
|
|
30
|
+
*/
|
|
31
|
+
componentsProps?: MultiInputTimeRangeFieldSlotsComponentsProps<TDate>;
|
|
32
|
+
/**
|
|
33
|
+
* Overridable slots.
|
|
34
|
+
* @default {}
|
|
35
|
+
*/
|
|
36
|
+
slots?: UncapitalizeObjectKeys<MultiInputTimeRangeFieldSlotsComponent>;
|
|
37
|
+
/**
|
|
38
|
+
* The props used for each component slot.
|
|
39
|
+
* @default {}
|
|
40
|
+
*/
|
|
41
|
+
slotProps?: MultiInputTimeRangeFieldSlotsComponentsProps<TDate>;
|
|
42
|
+
}
|
|
43
|
+
export declare type MultiInputTimeRangeFieldOwnerState<TDate> = MultiInputTimeRangeFieldProps<TDate>;
|
|
44
|
+
export interface MultiInputTimeRangeFieldSlotsComponent {
|
|
45
|
+
/**
|
|
46
|
+
* Element rendered at the root.
|
|
47
|
+
* @default MultiInputTimeRangeFieldRoot
|
|
48
|
+
*/
|
|
49
|
+
Root?: React.ElementType;
|
|
50
|
+
/**
|
|
51
|
+
* Form control with an input to render a time.
|
|
52
|
+
* It is rendered twice: once for the start time and once for the end time.
|
|
53
|
+
* Receives the same props as `@mui/material/TextField`.
|
|
54
|
+
* @default TextField from '@mui/material'
|
|
55
|
+
*/
|
|
56
|
+
TextField?: React.ElementType;
|
|
57
|
+
/**
|
|
58
|
+
* Element rendered between the two inputs.
|
|
59
|
+
* @default MultiInputTimeRangeFieldSeparator
|
|
60
|
+
*/
|
|
61
|
+
Separator?: React.ElementType;
|
|
62
|
+
}
|
|
63
|
+
export interface MultiInputTimeRangeFieldSlotsComponentsProps<TDate> {
|
|
64
|
+
root?: SlotComponentProps<typeof Stack, {}, MultiInputTimeRangeFieldOwnerState<TDate>>;
|
|
65
|
+
textField?: SlotComponentProps<typeof TextField, {}, MultiInputTimeRangeFieldOwnerState<TDate> & {
|
|
66
|
+
position: RangePosition;
|
|
67
|
+
}>;
|
|
68
|
+
separator?: SlotComponentProps<typeof Typography, {}, MultiInputTimeRangeFieldOwnerState<TDate>>;
|
|
69
|
+
}
|
|
70
|
+
export declare type UseMultiInputTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseTimeRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { MultiInputTimeRangeField } from './MultiInputTimeRangeField';
|
|
2
|
-
export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';
|
|
3
|
-
export type { UseMultiInputTimeRangeFieldProps, UseMultiInputTimeRangeFieldComponentProps, MultiInputTimeRangeFieldProps, } from './MultiInputTimeRangeField.types';
|
|
1
|
+
export { MultiInputTimeRangeField } from './MultiInputTimeRangeField';
|
|
2
|
+
export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';
|
|
3
|
+
export type { UseMultiInputTimeRangeFieldProps, UseMultiInputTimeRangeFieldComponentProps, MultiInputTimeRangeFieldProps, } from './MultiInputTimeRangeField.types';
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
export default ActionBar;
|
|
1
|
+
import { ButtonProps } from "antd";
|
|
2
|
+
import { Dayjs } from "dayjs";
|
|
3
|
+
import "./index.less";
|
|
4
|
+
interface ActionBarProps {
|
|
5
|
+
ownerState: any;
|
|
6
|
+
onCancel: () => void;
|
|
7
|
+
onChange: (val: any[], type?: "time") => void;
|
|
8
|
+
onOk: () => void;
|
|
9
|
+
value: any[];
|
|
10
|
+
showTime?: boolean | {
|
|
11
|
+
defaultValue: Dayjs;
|
|
12
|
+
[key: string]: any;
|
|
13
|
+
}[];
|
|
14
|
+
okButtonProps?: ButtonProps;
|
|
15
|
+
cancelButtonProps?: ButtonProps;
|
|
16
|
+
}
|
|
17
|
+
declare const ActionBar: (props: ActionBarProps) => JSX.Element;
|
|
18
|
+
export default ActionBar;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
.date-picker-action-bar {
|
|
2
|
-
display: flex;
|
|
3
|
-
.date-picker-action-bar-left {
|
|
4
|
-
width: 192px;
|
|
5
|
-
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
6
|
-
}
|
|
7
|
-
.date-picker-action-bar-right {
|
|
8
|
-
flex: 1;
|
|
9
|
-
display: flex;
|
|
10
|
-
justify-content: space-between;
|
|
11
|
-
padding: 16px;
|
|
12
|
-
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.date-picker-action-bar-time-picker-popup {
|
|
17
|
-
z-index: 1400;
|
|
1
|
+
.date-picker-action-bar {
|
|
2
|
+
display: flex;
|
|
3
|
+
.date-picker-action-bar-left {
|
|
4
|
+
width: 192px;
|
|
5
|
+
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
6
|
+
}
|
|
7
|
+
.date-picker-action-bar-right {
|
|
8
|
+
flex: 1;
|
|
9
|
+
display: flex;
|
|
10
|
+
justify-content: space-between;
|
|
11
|
+
padding: 16px;
|
|
12
|
+
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.date-picker-action-bar-time-picker-popup {
|
|
17
|
+
z-index: 1400;
|
|
18
18
|
}
|