@mui/x-date-pickers-pro 7.0.0-beta.1 → 7.0.0-beta.2
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/CHANGELOG.md +159 -1
- package/DateRangeCalendar/DateRangeCalendar.d.ts +2 -1
- package/DateRangeCalendar/DateRangeCalendar.js +6 -6
- package/DateRangeCalendar/DateRangeCalendar.types.d.ts +7 -7
- package/DateRangeCalendar/useDragRange.d.ts +4 -4
- package/DateRangePicker/DateRangePicker.d.ts +2 -1
- package/DateRangePicker/DateRangePicker.js +5 -5
- package/DateRangePicker/DateRangePicker.types.d.ts +4 -3
- package/DateRangePicker/DateRangePickerToolbar.d.ts +3 -2
- package/DateRangePicker/DateRangePickerToolbar.js +1 -1
- package/DateRangePicker/shared.d.ts +6 -5
- package/DateRangePickerDay/DateRangePickerDay.d.ts +3 -2
- package/DateRangePickerDay/DateRangePickerDay.js +2 -2
- package/DateTimeRangePicker/DateTimeRangePicker.d.ts +2 -1
- package/DateTimeRangePicker/DateTimeRangePicker.js +9 -9
- package/DateTimeRangePicker/DateTimeRangePicker.types.d.ts +4 -3
- package/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.d.ts +3 -2
- package/DateTimeRangePicker/DateTimeRangePickerToolbar.d.ts +3 -2
- package/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -1
- package/DateTimeRangePicker/shared.d.ts +6 -5
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +2 -1
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -5
- package/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +4 -3
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.d.ts +2 -1
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +9 -9
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.ts +4 -3
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.d.ts +2 -1
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +2 -1
- package/MobileDateRangePicker/MobileDateRangePicker.js +5 -5
- package/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +4 -3
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.d.ts +2 -1
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +9 -9
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.d.ts +4 -3
- package/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +2 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.js +5 -5
- package/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +7 -6
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +2 -1
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +9 -9
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +8 -7
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +2 -1
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +5 -5
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +8 -7
- package/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +2 -1
- package/SingleInputDateRangeField/SingleInputDateRangeField.js +5 -5
- package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +7 -6
- package/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +3 -2
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +2 -1
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +9 -9
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +7 -6
- package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +3 -2
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +2 -1
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +5 -5
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +7 -6
- package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +3 -2
- package/StaticDateRangePicker/StaticDateRangePicker.d.ts +2 -1
- package/StaticDateRangePicker/StaticDateRangePicker.js +5 -5
- package/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +4 -3
- package/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +3 -2
- package/index.d.ts +7 -1
- package/index.js +7 -2
- package/internals/hooks/models/useRangePicker.d.ts +6 -5
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +2 -1
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +1 -1
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +6 -5
- package/internals/hooks/useEnrichedRangePickerFieldProps.d.ts +4 -4
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +2 -1
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +6 -5
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.d.ts +2 -1
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.d.ts +3 -2
- package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.d.ts +3 -2
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +2 -1
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +5 -4
- package/internals/models/dateRange.d.ts +4 -3
- package/internals/models/dateTimeRange.d.ts +3 -2
- package/internals/models/fields.d.ts +2 -2
- package/internals/models/timeRange.d.ts +3 -2
- package/internals/utils/date-range-manager.d.ts +5 -5
- package/internals/utils/date-utils.d.ts +5 -5
- package/internals/utils/releaseInfo.js +1 -1
- package/internals/utils/validation/validateDateRange.d.ts +2 -2
- package/internals/utils/validation/validateDateTimeRange.d.ts +2 -2
- package/internals/utils/valueManagers.d.ts +2 -1
- package/legacy/DateRangeCalendar/DateRangeCalendar.js +6 -6
- package/legacy/DateRangePicker/DateRangePicker.js +5 -5
- package/legacy/DateRangePicker/DateRangePickerToolbar.js +1 -1
- package/legacy/DateRangePickerDay/DateRangePickerDay.js +2 -2
- package/legacy/DateTimeRangePicker/DateTimeRangePicker.js +9 -9
- package/legacy/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -1
- package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -5
- package/legacy/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +9 -9
- package/legacy/MobileDateRangePicker/MobileDateRangePicker.js +5 -5
- package/legacy/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +9 -9
- package/legacy/MultiInputDateRangeField/MultiInputDateRangeField.js +5 -5
- package/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +9 -9
- package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.js +5 -5
- package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.js +5 -5
- package/legacy/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +9 -9
- package/legacy/SingleInputTimeRangeField/SingleInputTimeRangeField.js +5 -5
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +5 -5
- package/legacy/index.js +21 -2
- package/legacy/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +1 -1
- package/legacy/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
- package/legacy/internals/utils/releaseInfo.js +1 -1
- package/models/range.d.ts +3 -2
- package/modern/DateRangeCalendar/DateRangeCalendar.js +6 -6
- package/modern/DateRangePicker/DateRangePicker.js +5 -5
- package/modern/DateRangePicker/DateRangePickerToolbar.js +1 -1
- package/modern/DateRangePickerDay/DateRangePickerDay.js +2 -2
- package/modern/DateTimeRangePicker/DateTimeRangePicker.js +9 -9
- package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -1
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -5
- package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +9 -9
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +5 -5
- package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +9 -9
- package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +5 -5
- package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +9 -9
- package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +5 -5
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +5 -5
- package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +9 -9
- package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +5 -5
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +5 -5
- package/modern/index.js +7 -2
- package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +1 -1
- package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/node/DateRangeCalendar/DateRangeCalendar.js +7 -7
- package/node/DateRangePicker/DateRangePicker.js +5 -5
- package/node/DateRangePicker/DateRangePickerToolbar.js +1 -1
- package/node/DateRangePickerDay/DateRangePickerDay.js +3 -3
- package/node/DateTimeRangePicker/DateTimeRangePicker.js +9 -9
- package/node/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -1
- package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -5
- package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +9 -9
- package/node/MobileDateRangePicker/MobileDateRangePicker.js +5 -5
- package/node/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +9 -9
- package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +5 -5
- package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +9 -9
- package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +5 -5
- package/node/SingleInputDateRangeField/SingleInputDateRangeField.js +5 -5
- package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +9 -9
- package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js +5 -5
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +5 -5
- package/node/index.js +18 -9
- package/node/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +2 -2
- package/node/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +2 -2
- package/node/internals/utils/releaseInfo.js +1 -1
- package/package.json +3 -3
- package/themeAugmentation/props.d.ts +17 -17
|
@@ -153,7 +153,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
|
|
|
153
153
|
/**
|
|
154
154
|
* The default value. Use when the component is not controlled.
|
|
155
155
|
*/
|
|
156
|
-
defaultValue: PropTypes.arrayOf(PropTypes.
|
|
156
|
+
defaultValue: PropTypes.arrayOf(PropTypes.object),
|
|
157
157
|
/**
|
|
158
158
|
* Defines the `flex-direction` style property.
|
|
159
159
|
* It is applied for all screen sizes.
|
|
@@ -198,12 +198,12 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
|
|
|
198
198
|
* Maximal selectable time.
|
|
199
199
|
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
200
200
|
*/
|
|
201
|
-
maxTime: PropTypes.
|
|
201
|
+
maxTime: PropTypes.object,
|
|
202
202
|
/**
|
|
203
203
|
* Minimal selectable time.
|
|
204
204
|
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
205
205
|
*/
|
|
206
|
-
minTime: PropTypes.
|
|
206
|
+
minTime: PropTypes.object,
|
|
207
207
|
/**
|
|
208
208
|
* Step over minutes.
|
|
209
209
|
* @default 1
|
|
@@ -241,7 +241,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
|
|
|
241
241
|
* For example, on time fields it will be used to determine the date to set.
|
|
242
242
|
* @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
|
|
243
243
|
*/
|
|
244
|
-
referenceDate: PropTypes.
|
|
244
|
+
referenceDate: PropTypes.object,
|
|
245
245
|
/**
|
|
246
246
|
* The currently selected sections.
|
|
247
247
|
* This prop accept four formats:
|
|
@@ -322,6 +322,6 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
|
|
|
322
322
|
* The selected value.
|
|
323
323
|
* Used when the component is controlled.
|
|
324
324
|
*/
|
|
325
|
-
value: PropTypes.arrayOf(PropTypes.
|
|
325
|
+
value: PropTypes.arrayOf(PropTypes.object)
|
|
326
326
|
} : void 0;
|
|
327
327
|
export { MultiInputTimeRangeField };
|
|
@@ -3,15 +3,16 @@ import { SlotComponentProps } from '@mui/base/utils';
|
|
|
3
3
|
import Typography from '@mui/material/Typography';
|
|
4
4
|
import Stack, { StackProps } from '@mui/material/Stack';
|
|
5
5
|
import TextField from '@mui/material/TextField';
|
|
6
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
6
7
|
import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../internals/models/timeRange';
|
|
7
8
|
import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
|
|
8
9
|
import { MultiInputFieldRefs } from '../internals/models/fields';
|
|
9
10
|
import { MultiInputRangeFieldClasses, RangePosition } from '../models';
|
|
10
|
-
export type UseMultiInputTimeRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputTimeRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
11
|
-
export interface UseMultiInputTimeRangeFieldProps<TDate> extends Omit<UseTimeRangeFieldProps<TDate>, 'unstableFieldRef' | 'clearable' | 'onClear'>, MultiInputFieldRefs {
|
|
11
|
+
export type UseMultiInputTimeRangeFieldParams<TDate extends PickerValidDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputTimeRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
12
|
+
export interface UseMultiInputTimeRangeFieldProps<TDate extends PickerValidDate> extends Omit<UseTimeRangeFieldProps<TDate>, 'unstableFieldRef' | 'clearable' | 'onClear'>, MultiInputFieldRefs {
|
|
12
13
|
}
|
|
13
|
-
export type UseMultiInputTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputTimeRangeFieldProps<TDate>> & UseMultiInputTimeRangeFieldProps<TDate>;
|
|
14
|
-
export interface MultiInputTimeRangeFieldProps<TDate> extends UseMultiInputTimeRangeFieldComponentProps<TDate, Omit<StackProps, 'position'>> {
|
|
14
|
+
export type UseMultiInputTimeRangeFieldComponentProps<TDate extends PickerValidDate, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputTimeRangeFieldProps<TDate>> & UseMultiInputTimeRangeFieldProps<TDate>;
|
|
15
|
+
export interface MultiInputTimeRangeFieldProps<TDate extends PickerValidDate> extends UseMultiInputTimeRangeFieldComponentProps<TDate, Omit<StackProps, 'position'>> {
|
|
15
16
|
autoFocus?: boolean;
|
|
16
17
|
/**
|
|
17
18
|
* Override or extend the styles applied to the component.
|
|
@@ -28,7 +29,7 @@ export interface MultiInputTimeRangeFieldProps<TDate> extends UseMultiInputTimeR
|
|
|
28
29
|
*/
|
|
29
30
|
slotProps?: MultiInputTimeRangeFieldSlotProps<TDate>;
|
|
30
31
|
}
|
|
31
|
-
export type MultiInputTimeRangeFieldOwnerState<TDate> = MultiInputTimeRangeFieldProps<TDate>;
|
|
32
|
+
export type MultiInputTimeRangeFieldOwnerState<TDate extends PickerValidDate> = MultiInputTimeRangeFieldProps<TDate>;
|
|
32
33
|
export interface MultiInputTimeRangeFieldSlots {
|
|
33
34
|
/**
|
|
34
35
|
* Element rendered at the root.
|
|
@@ -48,11 +49,11 @@ export interface MultiInputTimeRangeFieldSlots {
|
|
|
48
49
|
*/
|
|
49
50
|
separator?: React.ElementType;
|
|
50
51
|
}
|
|
51
|
-
export interface MultiInputTimeRangeFieldSlotProps<TDate> {
|
|
52
|
+
export interface MultiInputTimeRangeFieldSlotProps<TDate extends PickerValidDate> {
|
|
52
53
|
root?: SlotComponentProps<typeof Stack, {}, MultiInputTimeRangeFieldOwnerState<TDate>>;
|
|
53
54
|
textField?: SlotComponentProps<typeof TextField, {}, MultiInputTimeRangeFieldOwnerState<TDate> & {
|
|
54
55
|
position: RangePosition;
|
|
55
56
|
}>;
|
|
56
57
|
separator?: SlotComponentProps<typeof Typography, {}, MultiInputTimeRangeFieldOwnerState<TDate>>;
|
|
57
58
|
}
|
|
58
|
-
export type UseMultiInputTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseTimeRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
|
|
59
|
+
export type UseMultiInputTimeRangeFieldDefaultizedProps<TDate extends PickerValidDate, AdditionalProps extends {}> = UseTimeRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
2
3
|
import { SingleInputDateRangeFieldProps } from './SingleInputDateRangeField.types';
|
|
3
4
|
import { FieldType } from '../internals/models';
|
|
4
|
-
type DateRangeFieldComponent = (<TDate>(props: SingleInputDateRangeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
5
|
+
type DateRangeFieldComponent = (<TDate extends PickerValidDate>(props: SingleInputDateRangeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
5
6
|
propTypes?: any;
|
|
6
7
|
fieldType?: FieldType;
|
|
7
8
|
};
|
|
@@ -85,7 +85,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
|
|
|
85
85
|
/**
|
|
86
86
|
* The default value. Use when the component is not controlled.
|
|
87
87
|
*/
|
|
88
|
-
defaultValue: PropTypes.arrayOf(PropTypes.
|
|
88
|
+
defaultValue: PropTypes.arrayOf(PropTypes.object),
|
|
89
89
|
/**
|
|
90
90
|
* If `true`, the component is disabled.
|
|
91
91
|
* @default false
|
|
@@ -172,11 +172,11 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
|
|
|
172
172
|
/**
|
|
173
173
|
* Maximal selectable date.
|
|
174
174
|
*/
|
|
175
|
-
maxDate: PropTypes.
|
|
175
|
+
maxDate: PropTypes.object,
|
|
176
176
|
/**
|
|
177
177
|
* Minimal selectable date.
|
|
178
178
|
*/
|
|
179
|
-
minDate: PropTypes.
|
|
179
|
+
minDate: PropTypes.object,
|
|
180
180
|
/**
|
|
181
181
|
* Name attribute of the `input` element.
|
|
182
182
|
*/
|
|
@@ -219,7 +219,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
|
|
|
219
219
|
* For example, on time fields it will be used to determine the date to set.
|
|
220
220
|
* @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
|
|
221
221
|
*/
|
|
222
|
-
referenceDate: PropTypes.
|
|
222
|
+
referenceDate: PropTypes.object,
|
|
223
223
|
/**
|
|
224
224
|
* If `true`, the label is displayed as required and the `input` element is required.
|
|
225
225
|
* @default false
|
|
@@ -299,7 +299,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
|
|
|
299
299
|
* The selected value.
|
|
300
300
|
* Used when the component is controlled.
|
|
301
301
|
*/
|
|
302
|
-
value: PropTypes.arrayOf(PropTypes.
|
|
302
|
+
value: PropTypes.arrayOf(PropTypes.object),
|
|
303
303
|
/**
|
|
304
304
|
* The variant to use.
|
|
305
305
|
* @default 'outlined'
|
|
@@ -2,13 +2,14 @@ import * as React from 'react';
|
|
|
2
2
|
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
3
|
import TextField from '@mui/material/TextField';
|
|
4
4
|
import { FieldsTextFieldProps } from '@mui/x-date-pickers/internals';
|
|
5
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
5
6
|
import { UseClearableFieldSlots, UseClearableFieldSlotProps } from '@mui/x-date-pickers/hooks';
|
|
6
7
|
import { UseDateRangeFieldDefaultizedProps, UseDateRangeFieldProps } from '../internals/models';
|
|
7
|
-
export interface UseSingleInputDateRangeFieldProps<TDate> extends UseDateRangeFieldProps<TDate> {
|
|
8
|
+
export interface UseSingleInputDateRangeFieldProps<TDate extends PickerValidDate> extends UseDateRangeFieldProps<TDate> {
|
|
8
9
|
}
|
|
9
|
-
export type UseSingleInputDateRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseDateRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
|
|
10
|
-
export type UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputDateRangeFieldProps<TDate>> & UseSingleInputDateRangeFieldProps<TDate>;
|
|
11
|
-
export type SingleInputDateRangeFieldProps<TDate, TChildProps extends {} = FieldsTextFieldProps> = UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps> & {
|
|
10
|
+
export type UseSingleInputDateRangeFieldDefaultizedProps<TDate extends PickerValidDate, AdditionalProps extends {}> = UseDateRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
|
|
11
|
+
export type UseSingleInputDateRangeFieldComponentProps<TDate extends PickerValidDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputDateRangeFieldProps<TDate>> & UseSingleInputDateRangeFieldProps<TDate>;
|
|
12
|
+
export type SingleInputDateRangeFieldProps<TDate extends PickerValidDate, TChildProps extends {} = FieldsTextFieldProps> = UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps> & {
|
|
12
13
|
/**
|
|
13
14
|
* Overridable component slots.
|
|
14
15
|
* @default {}
|
|
@@ -20,7 +21,7 @@ export type SingleInputDateRangeFieldProps<TDate, TChildProps extends {} = Field
|
|
|
20
21
|
*/
|
|
21
22
|
slotProps?: SingleInputDateRangeFieldSlotProps<TDate>;
|
|
22
23
|
};
|
|
23
|
-
export type SingleInputDateRangeFieldOwnerState<TDate> = SingleInputDateRangeFieldProps<TDate>;
|
|
24
|
+
export type SingleInputDateRangeFieldOwnerState<TDate extends PickerValidDate> = SingleInputDateRangeFieldProps<TDate>;
|
|
24
25
|
export interface SingleInputDateRangeFieldSlots extends UseClearableFieldSlots {
|
|
25
26
|
/**
|
|
26
27
|
* Form control with an input to render the value.
|
|
@@ -29,6 +30,6 @@ export interface SingleInputDateRangeFieldSlots extends UseClearableFieldSlots {
|
|
|
29
30
|
*/
|
|
30
31
|
textField?: React.ElementType;
|
|
31
32
|
}
|
|
32
|
-
export interface SingleInputDateRangeFieldSlotProps<TDate> extends UseClearableFieldSlotProps {
|
|
33
|
+
export interface SingleInputDateRangeFieldSlotProps<TDate extends PickerValidDate> extends UseClearableFieldSlotProps {
|
|
33
34
|
textField?: SlotComponentProps<typeof TextField, {}, SingleInputDateRangeFieldOwnerState<TDate>>;
|
|
34
35
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
1
2
|
import { UseSingleInputDateRangeFieldComponentProps, UseSingleInputDateRangeFieldDefaultizedProps, UseSingleInputDateRangeFieldProps } from './SingleInputDateRangeField.types';
|
|
2
|
-
export declare const useDefaultizedDateRangeFieldProps: <TDate, AdditionalProps extends {}>(props: UseSingleInputDateRangeFieldProps<TDate>) => UseSingleInputDateRangeFieldDefaultizedProps<TDate, AdditionalProps>;
|
|
3
|
-
export declare const useSingleInputDateRangeField: <TDate, TChildProps extends {}>(inProps: UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps>) => import("@mui/x-date-pickers/internals").UseFieldResponse<Omit<UseSingleInputDateRangeFieldDefaultizedProps<TDate, TChildProps>, keyof UseSingleInputDateRangeFieldProps<any>>>;
|
|
3
|
+
export declare const useDefaultizedDateRangeFieldProps: <TDate extends PickerValidDate, AdditionalProps extends {}>(props: UseSingleInputDateRangeFieldProps<TDate>) => UseSingleInputDateRangeFieldDefaultizedProps<TDate, AdditionalProps>;
|
|
4
|
+
export declare const useSingleInputDateRangeField: <TDate extends PickerValidDate, TChildProps extends {}>(inProps: UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps>) => import("@mui/x-date-pickers/internals").UseFieldResponse<Omit<UseSingleInputDateRangeFieldDefaultizedProps<TDate, TChildProps>, keyof UseSingleInputDateRangeFieldProps<any>>>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
2
3
|
import { SingleInputDateTimeRangeFieldProps } from './SingleInputDateTimeRangeField.types';
|
|
3
4
|
import { FieldType } from '../internals/models';
|
|
4
|
-
type DateRangeFieldComponent = (<TDate>(props: SingleInputDateTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
5
|
+
type DateRangeFieldComponent = (<TDate extends PickerValidDate>(props: SingleInputDateTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
5
6
|
propTypes?: any;
|
|
6
7
|
fieldType?: FieldType;
|
|
7
8
|
};
|
|
@@ -90,7 +90,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
|
|
|
90
90
|
/**
|
|
91
91
|
* The default value. Use when the component is not controlled.
|
|
92
92
|
*/
|
|
93
|
-
defaultValue: PropTypes.arrayOf(PropTypes.
|
|
93
|
+
defaultValue: PropTypes.arrayOf(PropTypes.object),
|
|
94
94
|
/**
|
|
95
95
|
* If `true`, the component is disabled.
|
|
96
96
|
* @default false
|
|
@@ -182,29 +182,29 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
|
|
|
182
182
|
/**
|
|
183
183
|
* Maximal selectable date.
|
|
184
184
|
*/
|
|
185
|
-
maxDate: PropTypes.
|
|
185
|
+
maxDate: PropTypes.object,
|
|
186
186
|
/**
|
|
187
187
|
* Maximal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
|
|
188
188
|
*/
|
|
189
|
-
maxDateTime: PropTypes.
|
|
189
|
+
maxDateTime: PropTypes.object,
|
|
190
190
|
/**
|
|
191
191
|
* Maximal selectable time.
|
|
192
192
|
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
193
193
|
*/
|
|
194
|
-
maxTime: PropTypes.
|
|
194
|
+
maxTime: PropTypes.object,
|
|
195
195
|
/**
|
|
196
196
|
* Minimal selectable date.
|
|
197
197
|
*/
|
|
198
|
-
minDate: PropTypes.
|
|
198
|
+
minDate: PropTypes.object,
|
|
199
199
|
/**
|
|
200
200
|
* Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
|
|
201
201
|
*/
|
|
202
|
-
minDateTime: PropTypes.
|
|
202
|
+
minDateTime: PropTypes.object,
|
|
203
203
|
/**
|
|
204
204
|
* Minimal selectable time.
|
|
205
205
|
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
206
206
|
*/
|
|
207
|
-
minTime: PropTypes.
|
|
207
|
+
minTime: PropTypes.object,
|
|
208
208
|
/**
|
|
209
209
|
* Step over minutes.
|
|
210
210
|
* @default 1
|
|
@@ -252,7 +252,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
|
|
|
252
252
|
* For example, on time fields it will be used to determine the date to set.
|
|
253
253
|
* @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
|
|
254
254
|
*/
|
|
255
|
-
referenceDate: PropTypes.
|
|
255
|
+
referenceDate: PropTypes.object,
|
|
256
256
|
/**
|
|
257
257
|
* If `true`, the label is displayed as required and the `input` element is required.
|
|
258
258
|
* @default false
|
|
@@ -340,7 +340,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
|
|
|
340
340
|
* The selected value.
|
|
341
341
|
* Used when the component is controlled.
|
|
342
342
|
*/
|
|
343
|
-
value: PropTypes.arrayOf(PropTypes.
|
|
343
|
+
value: PropTypes.arrayOf(PropTypes.object),
|
|
344
344
|
/**
|
|
345
345
|
* The variant to use.
|
|
346
346
|
* @default 'outlined'
|
|
@@ -3,12 +3,13 @@ import { SlotComponentProps } from '@mui/base/utils';
|
|
|
3
3
|
import TextField from '@mui/material/TextField';
|
|
4
4
|
import { FieldsTextFieldProps } from '@mui/x-date-pickers/internals';
|
|
5
5
|
import { UseClearableFieldSlots, UseClearableFieldSlotProps } from '@mui/x-date-pickers/hooks';
|
|
6
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
6
7
|
import { UseDateTimeRangeFieldDefaultizedProps, UseDateTimeRangeFieldProps } from '../internals/models';
|
|
7
|
-
export interface UseSingleInputDateTimeRangeFieldProps<TDate> extends UseDateTimeRangeFieldProps<TDate> {
|
|
8
|
+
export interface UseSingleInputDateTimeRangeFieldProps<TDate extends PickerValidDate> extends UseDateTimeRangeFieldProps<TDate> {
|
|
8
9
|
}
|
|
9
|
-
export type UseSingleInputDateTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseDateTimeRangeFieldDefaultizedProps<TDate> & AdditionalProps;
|
|
10
|
-
export type UseSingleInputDateTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputDateTimeRangeFieldProps<TDate>> & UseSingleInputDateTimeRangeFieldProps<TDate>;
|
|
11
|
-
export interface SingleInputDateTimeRangeFieldProps<TDate> extends UseSingleInputDateTimeRangeFieldComponentProps<TDate, FieldsTextFieldProps> {
|
|
10
|
+
export type UseSingleInputDateTimeRangeFieldDefaultizedProps<TDate extends PickerValidDate, AdditionalProps extends {}> = UseDateTimeRangeFieldDefaultizedProps<TDate> & AdditionalProps;
|
|
11
|
+
export type UseSingleInputDateTimeRangeFieldComponentProps<TDate extends PickerValidDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputDateTimeRangeFieldProps<TDate>> & UseSingleInputDateTimeRangeFieldProps<TDate>;
|
|
12
|
+
export interface SingleInputDateTimeRangeFieldProps<TDate extends PickerValidDate> extends UseSingleInputDateTimeRangeFieldComponentProps<TDate, FieldsTextFieldProps> {
|
|
12
13
|
/**
|
|
13
14
|
* Overridable component slots.
|
|
14
15
|
* @default {}
|
|
@@ -20,7 +21,7 @@ export interface SingleInputDateTimeRangeFieldProps<TDate> extends UseSingleInpu
|
|
|
20
21
|
*/
|
|
21
22
|
slotProps?: SingleInputDateTimeRangeFieldSlotProps<TDate>;
|
|
22
23
|
}
|
|
23
|
-
export type SingleInputDateTimeRangeFieldOwnerState<TDate> = SingleInputDateTimeRangeFieldProps<TDate>;
|
|
24
|
+
export type SingleInputDateTimeRangeFieldOwnerState<TDate extends PickerValidDate> = SingleInputDateTimeRangeFieldProps<TDate>;
|
|
24
25
|
export interface SingleInputDateTimeRangeFieldSlots extends UseClearableFieldSlots {
|
|
25
26
|
/**
|
|
26
27
|
* Form control with an input to render the value.
|
|
@@ -29,6 +30,6 @@ export interface SingleInputDateTimeRangeFieldSlots extends UseClearableFieldSlo
|
|
|
29
30
|
*/
|
|
30
31
|
textField?: React.ElementType;
|
|
31
32
|
}
|
|
32
|
-
export interface SingleInputDateTimeRangeFieldSlotProps<TDate> extends UseClearableFieldSlotProps {
|
|
33
|
+
export interface SingleInputDateTimeRangeFieldSlotProps<TDate extends PickerValidDate> extends UseClearableFieldSlotProps {
|
|
33
34
|
textField?: SlotComponentProps<typeof TextField, {}, SingleInputDateTimeRangeFieldOwnerState<TDate>>;
|
|
34
35
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
1
2
|
import { UseSingleInputDateTimeRangeFieldComponentProps, UseSingleInputDateTimeRangeFieldDefaultizedProps, UseSingleInputDateTimeRangeFieldProps } from './SingleInputDateTimeRangeField.types';
|
|
2
|
-
export declare const useDefaultizedTimeRangeFieldProps: <TDate, AdditionalProps extends {}>(props: UseSingleInputDateTimeRangeFieldProps<TDate>) => UseSingleInputDateTimeRangeFieldDefaultizedProps<TDate, AdditionalProps>;
|
|
3
|
-
export declare const useSingleInputDateTimeRangeField: <TDate, TChildProps extends {}>(inProps: UseSingleInputDateTimeRangeFieldComponentProps<TDate, TChildProps>) => import("@mui/x-date-pickers/internals").UseFieldResponse<Omit<UseSingleInputDateTimeRangeFieldDefaultizedProps<TDate, TChildProps>, keyof UseSingleInputDateTimeRangeFieldProps<any>>>;
|
|
3
|
+
export declare const useDefaultizedTimeRangeFieldProps: <TDate extends PickerValidDate, AdditionalProps extends {}>(props: UseSingleInputDateTimeRangeFieldProps<TDate>) => UseSingleInputDateTimeRangeFieldDefaultizedProps<TDate, AdditionalProps>;
|
|
4
|
+
export declare const useSingleInputDateTimeRangeField: <TDate extends PickerValidDate, TChildProps extends {}>(inProps: UseSingleInputDateTimeRangeFieldComponentProps<TDate, TChildProps>) => import("@mui/x-date-pickers/internals").UseFieldResponse<Omit<UseSingleInputDateTimeRangeFieldDefaultizedProps<TDate, TChildProps>, keyof UseSingleInputDateTimeRangeFieldProps<any>>>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
2
3
|
import { SingleInputTimeRangeFieldProps } from './SingleInputTimeRangeField.types';
|
|
3
4
|
import { FieldType } from '../internals/models';
|
|
4
|
-
type DateRangeFieldComponent = (<TDate>(props: SingleInputTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
5
|
+
type DateRangeFieldComponent = (<TDate extends PickerValidDate>(props: SingleInputTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
5
6
|
propTypes?: any;
|
|
6
7
|
fieldType?: FieldType;
|
|
7
8
|
};
|
|
@@ -90,7 +90,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
|
|
|
90
90
|
/**
|
|
91
91
|
* The default value. Use when the component is not controlled.
|
|
92
92
|
*/
|
|
93
|
-
defaultValue: PropTypes.arrayOf(PropTypes.
|
|
93
|
+
defaultValue: PropTypes.arrayOf(PropTypes.object),
|
|
94
94
|
/**
|
|
95
95
|
* If `true`, the component is disabled.
|
|
96
96
|
* @default false
|
|
@@ -183,12 +183,12 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
|
|
|
183
183
|
* Maximal selectable time.
|
|
184
184
|
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
185
185
|
*/
|
|
186
|
-
maxTime: PropTypes.
|
|
186
|
+
maxTime: PropTypes.object,
|
|
187
187
|
/**
|
|
188
188
|
* Minimal selectable time.
|
|
189
189
|
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
190
190
|
*/
|
|
191
|
-
minTime: PropTypes.
|
|
191
|
+
minTime: PropTypes.object,
|
|
192
192
|
/**
|
|
193
193
|
* Step over minutes.
|
|
194
194
|
* @default 1
|
|
@@ -236,7 +236,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
|
|
|
236
236
|
* For example, on time fields it will be used to determine the date to set.
|
|
237
237
|
* @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
|
|
238
238
|
*/
|
|
239
|
-
referenceDate: PropTypes.
|
|
239
|
+
referenceDate: PropTypes.object,
|
|
240
240
|
/**
|
|
241
241
|
* If `true`, the label is displayed as required and the `input` element is required.
|
|
242
242
|
* @default false
|
|
@@ -313,7 +313,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
|
|
|
313
313
|
* The selected value.
|
|
314
314
|
* Used when the component is controlled.
|
|
315
315
|
*/
|
|
316
|
-
value: PropTypes.arrayOf(PropTypes.
|
|
316
|
+
value: PropTypes.arrayOf(PropTypes.object),
|
|
317
317
|
/**
|
|
318
318
|
* The variant to use.
|
|
319
319
|
* @default 'outlined'
|
|
@@ -2,13 +2,14 @@ import * as React from 'react';
|
|
|
2
2
|
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
3
|
import TextField from '@mui/material/TextField';
|
|
4
4
|
import { FieldsTextFieldProps } from '@mui/x-date-pickers/internals';
|
|
5
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
5
6
|
import { UseClearableFieldSlots, UseClearableFieldSlotProps } from '@mui/x-date-pickers/hooks';
|
|
6
7
|
import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../internals/models';
|
|
7
|
-
export interface UseSingleInputTimeRangeFieldProps<TDate> extends UseTimeRangeFieldProps<TDate> {
|
|
8
|
+
export interface UseSingleInputTimeRangeFieldProps<TDate extends PickerValidDate> extends UseTimeRangeFieldProps<TDate> {
|
|
8
9
|
}
|
|
9
|
-
export type UseSingleInputTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseTimeRangeFieldDefaultizedProps<TDate> & AdditionalProps;
|
|
10
|
-
export type UseSingleInputTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputTimeRangeFieldProps<TDate>> & UseSingleInputTimeRangeFieldProps<TDate>;
|
|
11
|
-
export interface SingleInputTimeRangeFieldProps<TDate> extends UseSingleInputTimeRangeFieldComponentProps<TDate, FieldsTextFieldProps> {
|
|
10
|
+
export type UseSingleInputTimeRangeFieldDefaultizedProps<TDate extends PickerValidDate, AdditionalProps extends {}> = UseTimeRangeFieldDefaultizedProps<TDate> & AdditionalProps;
|
|
11
|
+
export type UseSingleInputTimeRangeFieldComponentProps<TDate extends PickerValidDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputTimeRangeFieldProps<TDate>> & UseSingleInputTimeRangeFieldProps<TDate>;
|
|
12
|
+
export interface SingleInputTimeRangeFieldProps<TDate extends PickerValidDate> extends UseSingleInputTimeRangeFieldComponentProps<TDate, FieldsTextFieldProps> {
|
|
12
13
|
/**
|
|
13
14
|
* Overridable component slots.
|
|
14
15
|
* @default {}
|
|
@@ -20,7 +21,7 @@ export interface SingleInputTimeRangeFieldProps<TDate> extends UseSingleInputTim
|
|
|
20
21
|
*/
|
|
21
22
|
slotProps?: SingleInputTimeRangeFieldSlotProps<TDate>;
|
|
22
23
|
}
|
|
23
|
-
export type SingleInputTimeRangeFieldOwnerState<TDate> = SingleInputTimeRangeFieldProps<TDate>;
|
|
24
|
+
export type SingleInputTimeRangeFieldOwnerState<TDate extends PickerValidDate> = SingleInputTimeRangeFieldProps<TDate>;
|
|
24
25
|
export interface SingleInputTimeRangeFieldSlots extends UseClearableFieldSlots {
|
|
25
26
|
/**
|
|
26
27
|
* Form control with an input to render the value.
|
|
@@ -29,6 +30,6 @@ export interface SingleInputTimeRangeFieldSlots extends UseClearableFieldSlots {
|
|
|
29
30
|
*/
|
|
30
31
|
textField?: React.ElementType;
|
|
31
32
|
}
|
|
32
|
-
export interface SingleInputTimeRangeFieldSlotProps<TDate> extends UseClearableFieldSlotProps {
|
|
33
|
+
export interface SingleInputTimeRangeFieldSlotProps<TDate extends PickerValidDate> extends UseClearableFieldSlotProps {
|
|
33
34
|
textField?: SlotComponentProps<typeof TextField, {}, SingleInputTimeRangeFieldOwnerState<TDate>>;
|
|
34
35
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
1
2
|
import { UseSingleInputTimeRangeFieldComponentProps, UseSingleInputTimeRangeFieldDefaultizedProps, UseSingleInputTimeRangeFieldProps } from './SingleInputTimeRangeField.types';
|
|
2
|
-
export declare const useDefaultizedTimeRangeFieldProps: <TDate, AdditionalProps extends {}>(props: UseSingleInputTimeRangeFieldProps<TDate>) => UseSingleInputTimeRangeFieldDefaultizedProps<TDate, AdditionalProps>;
|
|
3
|
-
export declare const useSingleInputTimeRangeField: <TDate, TChildProps extends {}>(inProps: UseSingleInputTimeRangeFieldComponentProps<TDate, TChildProps>) => import("@mui/x-date-pickers/internals").UseFieldResponse<Omit<UseSingleInputTimeRangeFieldDefaultizedProps<TDate, TChildProps>, keyof UseSingleInputTimeRangeFieldProps<any>>>;
|
|
3
|
+
export declare const useDefaultizedTimeRangeFieldProps: <TDate extends PickerValidDate, AdditionalProps extends {}>(props: UseSingleInputTimeRangeFieldProps<TDate>) => UseSingleInputTimeRangeFieldDefaultizedProps<TDate, AdditionalProps>;
|
|
4
|
+
export declare const useSingleInputTimeRangeField: <TDate extends PickerValidDate, TChildProps extends {}>(inProps: UseSingleInputTimeRangeFieldComponentProps<TDate, TChildProps>) => import("@mui/x-date-pickers/internals").UseFieldResponse<Omit<UseSingleInputTimeRangeFieldDefaultizedProps<TDate, TChildProps>, keyof UseSingleInputTimeRangeFieldProps<any>>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
2
3
|
import { StaticDateRangePickerProps } from './StaticDateRangePicker.types';
|
|
3
|
-
type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
|
+
type StaticDateRangePickerComponent = (<TDate extends PickerValidDate>(props: StaticDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
5
|
propTypes?: any;
|
|
5
6
|
};
|
|
6
7
|
/**
|
|
@@ -88,7 +88,7 @@ StaticDateRangePicker.propTypes = {
|
|
|
88
88
|
* The default value.
|
|
89
89
|
* Used when the component is not controlled.
|
|
90
90
|
*/
|
|
91
|
-
defaultValue: PropTypes.arrayOf(PropTypes.
|
|
91
|
+
defaultValue: PropTypes.arrayOf(PropTypes.object),
|
|
92
92
|
/**
|
|
93
93
|
* If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
|
|
94
94
|
* @default false
|
|
@@ -148,11 +148,11 @@ StaticDateRangePicker.propTypes = {
|
|
|
148
148
|
/**
|
|
149
149
|
* Maximal selectable date.
|
|
150
150
|
*/
|
|
151
|
-
maxDate: PropTypes.
|
|
151
|
+
maxDate: PropTypes.object,
|
|
152
152
|
/**
|
|
153
153
|
* Minimal selectable date.
|
|
154
154
|
*/
|
|
155
|
-
minDate: PropTypes.
|
|
155
|
+
minDate: PropTypes.object,
|
|
156
156
|
/**
|
|
157
157
|
* Callback fired when the value is accepted.
|
|
158
158
|
* @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
|
|
@@ -209,7 +209,7 @@ StaticDateRangePicker.propTypes = {
|
|
|
209
209
|
* The date used to generate the new value when both `value` and `defaultValue` are empty.
|
|
210
210
|
* @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
|
|
211
211
|
*/
|
|
212
|
-
referenceDate: PropTypes.
|
|
212
|
+
referenceDate: PropTypes.object,
|
|
213
213
|
/**
|
|
214
214
|
* Component rendered on the "day" view when `props.loading` is true.
|
|
215
215
|
* @returns {React.ReactNode} The node to render when loading.
|
|
@@ -264,7 +264,7 @@ StaticDateRangePicker.propTypes = {
|
|
|
264
264
|
* The selected value.
|
|
265
265
|
* Used when the component is controlled.
|
|
266
266
|
*/
|
|
267
|
-
value: PropTypes.arrayOf(PropTypes.
|
|
267
|
+
value: PropTypes.arrayOf(PropTypes.object),
|
|
268
268
|
/**
|
|
269
269
|
* Define custom view renderers for each section.
|
|
270
270
|
* If `null`, the section will only have field editing.
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { MakeOptional } from '@mui/x-date-pickers/internals';
|
|
2
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
2
3
|
import { StaticRangeOnlyPickerProps, UseStaticRangePickerSlots, UseStaticRangePickerSlotProps } from '../internals/hooks/useStaticRangePicker';
|
|
3
4
|
import { BaseDateRangePickerProps, BaseDateRangePickerSlots, BaseDateRangePickerSlotProps } from '../DateRangePicker/shared';
|
|
4
|
-
export interface StaticDateRangePickerSlots<TDate> extends BaseDateRangePickerSlots<TDate>, UseStaticRangePickerSlots<TDate, 'day'> {
|
|
5
|
+
export interface StaticDateRangePickerSlots<TDate extends PickerValidDate> extends BaseDateRangePickerSlots<TDate>, UseStaticRangePickerSlots<TDate, 'day'> {
|
|
5
6
|
}
|
|
6
|
-
export interface StaticDateRangePickerSlotProps<TDate> extends BaseDateRangePickerSlotProps<TDate>, UseStaticRangePickerSlotProps<TDate, 'day'> {
|
|
7
|
+
export interface StaticDateRangePickerSlotProps<TDate extends PickerValidDate> extends BaseDateRangePickerSlotProps<TDate>, UseStaticRangePickerSlotProps<TDate, 'day'> {
|
|
7
8
|
}
|
|
8
|
-
export interface StaticDateRangePickerProps<TDate> extends BaseDateRangePickerProps<TDate>, MakeOptional<StaticRangeOnlyPickerProps, 'displayStaticWrapperAs'> {
|
|
9
|
+
export interface StaticDateRangePickerProps<TDate extends PickerValidDate> extends BaseDateRangePickerProps<TDate>, MakeOptional<StaticRangeOnlyPickerProps, 'displayStaticWrapperAs'> {
|
|
9
10
|
/**
|
|
10
11
|
* The number of calendars to render.
|
|
11
12
|
* @default 1 if `displayStaticWrapperAs === 'mobile'`, 2 otherwise.
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
|
|
3
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
3
4
|
import { DateRangeCalendarProps } from '../DateRangeCalendar';
|
|
4
|
-
export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends Omit<DateRangeCalendarProps<TDate>, 'views'> {
|
|
5
|
+
export interface DateRangeViewRendererProps<TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem> extends Omit<DateRangeCalendarProps<TDate>, 'views'> {
|
|
5
6
|
views: readonly TView[];
|
|
6
7
|
}
|
|
7
8
|
/**
|
|
8
9
|
* We don't pass all the props down to `DateRangeCalendar`,
|
|
9
10
|
* because otherwise some unwanted props would be passed to the HTML element.
|
|
10
11
|
*/
|
|
11
|
-
export declare const renderDateRangeViewCalendar: <TDate extends
|
|
12
|
+
export declare const renderDateRangeViewCalendar: <TDate extends PickerValidDate>({ value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minDate, maxDate, shouldDisableDate, reduceAnimations, onMonthChange, rangePosition, defaultRangePosition, onRangePositionChange, calendars, currentMonthCalendarPosition, slots, slotProps, loading, renderLoading, disableHighlightToday, readOnly, disabled, showDaysOutsideCurrentMonth, dayOfWeekFormatter, disableAutoMonthSwitching, sx, autoFocus, fixedWeekNumber, disableDragEditing, displayWeekNumber, timezone, availableRangePositions, views, view, onViewChange, }: DateRangeViewRendererProps<TDate, "day">) => React.JSX.Element;
|
package/index.d.ts
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { LicenseInfo as LicenseInfoExport } from '@mui/x-license';
|
|
2
|
+
/**
|
|
3
|
+
* @deprecated Use `@mui/x-license` package instead:
|
|
4
|
+
* @example import { LicenseInfo } from '@mui/x-license';
|
|
5
|
+
*/
|
|
6
|
+
export declare class LicenseInfo extends LicenseInfoExport {
|
|
7
|
+
}
|
|
2
8
|
export * from '@mui/x-date-pickers';
|
|
3
9
|
export * from './DateRangePickerDay';
|
|
4
10
|
export * from './MultiInputDateRangeField';
|
package/index.js
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @mui/x-date-pickers-pro v7.0.0-beta.
|
|
2
|
+
* @mui/x-date-pickers-pro v7.0.0-beta.2
|
|
3
3
|
*
|
|
4
4
|
* @license MUI X Commercial
|
|
5
5
|
* This source code is licensed under the commercial license found in the
|
|
6
6
|
* LICENSE file in the root directory of this source tree.
|
|
7
7
|
*/
|
|
8
|
-
|
|
8
|
+
import { LicenseInfo as LicenseInfoExport } from '@mui/x-license';
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated Use `@mui/x-license` package instead:
|
|
11
|
+
* @example import { LicenseInfo } from '@mui/x-license';
|
|
12
|
+
*/
|
|
13
|
+
export class LicenseInfo extends LicenseInfoExport {}
|
|
9
14
|
export * from '@mui/x-date-pickers';
|
|
10
15
|
export * from './DateRangePickerDay';
|
|
11
16
|
|
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
import { UsePickerParams, BasePickerProps, ExportedBaseToolbarProps, UsePickerViewsProps, BaseNonStaticPickerProps, UsePickerValueNonStaticProps, UsePickerViewsNonStaticProps, DateOrTimeViewWithMeridiem, ExportedBaseTabsProps } from '@mui/x-date-pickers/internals';
|
|
2
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
2
3
|
import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
|
|
3
4
|
import { RangeFieldSection, BaseRangeNonStaticPickerProps } from '../../models';
|
|
4
5
|
import { UseRangePositionProps, UseRangePositionResponse } from '../useRangePosition';
|
|
5
6
|
import { RangePickerFieldSlots, RangePickerFieldSlotProps } from '../useEnrichedRangePickerFieldProps';
|
|
6
7
|
import { DateRange } from '../../../models';
|
|
7
|
-
export interface UseRangePickerSlots<TDate, TView extends DateOrTimeViewWithMeridiem> extends ExportedPickersLayoutSlots<DateRange<TDate>, TDate, TView>, RangePickerFieldSlots {
|
|
8
|
+
export interface UseRangePickerSlots<TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem> extends ExportedPickersLayoutSlots<DateRange<TDate>, TDate, TView>, RangePickerFieldSlots {
|
|
8
9
|
}
|
|
9
|
-
export interface UseRangePickerSlotProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends ExportedPickersLayoutSlotProps<DateRange<TDate>, TDate, TView>, RangePickerFieldSlotProps<TDate> {
|
|
10
|
+
export interface UseRangePickerSlotProps<TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem> extends ExportedPickersLayoutSlotProps<DateRange<TDate>, TDate, TView>, RangePickerFieldSlotProps<TDate> {
|
|
10
11
|
tabs?: ExportedBaseTabsProps;
|
|
11
12
|
toolbar?: ExportedBaseToolbarProps;
|
|
12
13
|
}
|
|
13
|
-
export interface RangeOnlyPickerProps<TDate> extends BaseNonStaticPickerProps, UsePickerValueNonStaticProps<TDate
|
|
14
|
+
export interface RangeOnlyPickerProps<TDate extends PickerValidDate> extends BaseNonStaticPickerProps, UsePickerValueNonStaticProps<DateRange<TDate>, RangeFieldSection>, UsePickerViewsNonStaticProps, BaseRangeNonStaticPickerProps, UseRangePositionProps {
|
|
14
15
|
}
|
|
15
|
-
export interface UseRangePickerProps<TDate, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<any, any, TView, any, any>, TAdditionalViewProps extends {}> extends RangeOnlyPickerProps<TDate>, BasePickerProps<DateRange<TDate>, TDate, TView, TError, TExternalProps, TAdditionalViewProps> {
|
|
16
|
+
export interface UseRangePickerProps<TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<any, any, TView, any, any>, TAdditionalViewProps extends {}> extends RangeOnlyPickerProps<TDate>, BasePickerProps<DateRange<TDate>, TDate, TView, TError, TExternalProps, TAdditionalViewProps> {
|
|
16
17
|
}
|
|
17
18
|
export interface RangePickerAdditionalViewProps extends Pick<UseRangePositionResponse, 'rangePosition' | 'onRangePositionChange'> {
|
|
18
19
|
}
|
|
19
|
-
export interface UseRangePickerParams<TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseRangePickerProps<TDate, TView, any, TExternalProps, TAdditionalViewProps>, TAdditionalViewProps extends {}> extends Pick<UsePickerParams<DateRange<TDate>, TDate, TView, RangeFieldSection, TExternalProps, TAdditionalViewProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor'> {
|
|
20
|
+
export interface UseRangePickerParams<TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseRangePickerProps<TDate, TView, any, TExternalProps, TAdditionalViewProps>, TAdditionalViewProps extends {}> extends Pick<UsePickerParams<DateRange<TDate>, TDate, TView, RangeFieldSection, TExternalProps, TAdditionalViewProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor'> {
|
|
20
21
|
props: TExternalProps;
|
|
21
22
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
|
|
3
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
3
4
|
import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
|
|
4
|
-
export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {
|
|
5
|
+
export declare const useDesktopRangePicker: <TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {
|
|
5
6
|
renderPicker: () => React.JSX.Element;
|
|
6
7
|
};
|
|
@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
3
3
|
const _excluded = ["props"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { useSlotProps } from '@mui/base/utils';
|
|
6
|
-
import { useLicenseVerifier } from '@mui/x-license
|
|
6
|
+
import { useLicenseVerifier } from '@mui/x-license';
|
|
7
7
|
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
8
8
|
import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
|
|
9
9
|
import { executeInTheNextEventLoopTick, getActiveElement, usePicker, PickersPopper } from '@mui/x-date-pickers/internals';
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { PickersPopperSlots, PickersPopperSlotProps, UsePickerViewsProps, DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
|
|
2
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
2
3
|
import { RangeOnlyPickerProps, RangePickerAdditionalViewProps, UseRangePickerParams, UseRangePickerProps, UseRangePickerSlotProps, UseRangePickerSlots } from '../models/useRangePicker';
|
|
3
|
-
export interface UseDesktopRangePickerSlots<TDate, TView extends DateOrTimeViewWithMeridiem> extends UseRangePickerSlots<TDate, TView>, PickersPopperSlots {
|
|
4
|
+
export interface UseDesktopRangePickerSlots<TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem> extends UseRangePickerSlots<TDate, TView>, PickersPopperSlots {
|
|
4
5
|
}
|
|
5
|
-
export interface UseDesktopRangePickerSlotProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends UseRangePickerSlotProps<TDate, TView>, PickersPopperSlotProps {
|
|
6
|
+
export interface UseDesktopRangePickerSlotProps<TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem> extends UseRangePickerSlotProps<TDate, TView>, PickersPopperSlotProps {
|
|
6
7
|
}
|
|
7
|
-
export interface DesktopRangeOnlyPickerProps<TDate> extends RangeOnlyPickerProps<TDate> {
|
|
8
|
+
export interface DesktopRangeOnlyPickerProps<TDate extends PickerValidDate> extends RangeOnlyPickerProps<TDate> {
|
|
8
9
|
/**
|
|
9
10
|
* If `true`, the start `input` element is focused during the first mount.
|
|
10
11
|
*/
|
|
11
12
|
autoFocus?: boolean;
|
|
12
13
|
}
|
|
13
|
-
export interface UseDesktopRangePickerProps<TDate, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<any, any, TView, any, any>> extends UseRangePickerProps<TDate, TView, TError, TExternalProps, DesktopRangePickerAdditionalViewProps> {
|
|
14
|
+
export interface UseDesktopRangePickerProps<TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<any, any, TView, any, any>> extends UseRangePickerProps<TDate, TView, TError, TExternalProps, DesktopRangePickerAdditionalViewProps> {
|
|
14
15
|
/**
|
|
15
16
|
* Overridable component slots.
|
|
16
17
|
* @default {}
|
|
@@ -24,5 +25,5 @@ export interface UseDesktopRangePickerProps<TDate, TView extends DateOrTimeViewW
|
|
|
24
25
|
}
|
|
25
26
|
export interface DesktopRangePickerAdditionalViewProps extends RangePickerAdditionalViewProps {
|
|
26
27
|
}
|
|
27
|
-
export interface UseDesktopRangePickerParams<TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>> extends UseRangePickerParams<TDate, TView, TExternalProps, DesktopRangePickerAdditionalViewProps> {
|
|
28
|
+
export interface UseDesktopRangePickerParams<TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>> extends UseRangePickerParams<TDate, TView, TExternalProps, DesktopRangePickerAdditionalViewProps> {
|
|
28
29
|
}
|