@mui/x-date-pickers 8.5.3 → 8.7.0
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 +210 -0
- package/DateCalendar/DateCalendar.js +16 -16
- package/DateCalendar/DayCalendar.js +48 -48
- package/DateCalendar/useCalendarState.js +25 -25
- package/DateCalendar/useIsDateDisabled.js +2 -2
- package/DatePicker/DatePickerToolbar.js +7 -9
- package/DateTimeField/DateTimeField.js +1 -1
- package/DateTimePicker/DateTimePicker.js +1 -1
- package/DateTimePicker/DateTimePickerToolbar.js +12 -13
- package/DateTimePicker/shared.js +3 -3
- package/DesktopDatePicker/DesktopDatePicker.js +3 -3
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +4 -4
- package/DesktopTimePicker/DesktopTimePicker.js +4 -4
- package/DigitalClock/DigitalClock.d.ts +1 -1
- package/DigitalClock/DigitalClock.js +16 -16
- package/LocalizationProvider/LocalizationProvider.d.ts +9 -3
- package/LocalizationProvider/LocalizationProvider.js +28 -19
- package/MobileDatePicker/MobileDatePicker.js +3 -3
- package/MobileDateTimePicker/MobileDateTimePicker.js +4 -4
- package/MobileTimePicker/MobileTimePicker.js +4 -4
- package/MonthCalendar/MonthCalendar.js +19 -18
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +32 -32
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.d.ts +4 -4
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +7 -7
- package/PickerDay2/PickerDay2.js +3 -3
- package/PickersActionBar/PickersActionBar.d.ts +2 -2
- package/PickersActionBar/PickersActionBar.js +2 -2
- package/PickersCalendarHeader/PickersCalendarHeader.js +7 -8
- package/PickersDay/PickersDay.js +3 -3
- package/PickersDay/usePickerDayOwnerState.js +5 -5
- package/PickersTextField/PickersInputBase/PickersInputBase.js +1 -0
- package/StaticDateTimePicker/StaticDateTimePicker.js +1 -1
- package/StaticTimePicker/StaticTimePicker.js +1 -1
- package/TimeClock/Clock.js +8 -9
- package/TimeClock/ClockNumbers.d.ts +3 -3
- package/TimeClock/ClockNumbers.js +5 -5
- package/TimeClock/TimeClock.js +29 -29
- package/TimeField/TimeField.js +1 -1
- package/TimePicker/TimePicker.js +1 -1
- package/TimePicker/TimePickerToolbar.js +7 -9
- package/TimePicker/shared.js +3 -3
- package/YearCalendar/YearCalendar.js +19 -18
- package/esm/DateCalendar/DateCalendar.js +16 -16
- package/esm/DateCalendar/DayCalendar.js +48 -48
- package/esm/DateCalendar/useCalendarState.js +25 -25
- package/esm/DateCalendar/useIsDateDisabled.js +2 -2
- package/esm/DatePicker/DatePickerToolbar.js +6 -8
- package/esm/DateTimeField/DateTimeField.js +1 -1
- package/esm/DateTimePicker/DateTimePicker.js +1 -1
- package/esm/DateTimePicker/DateTimePickerToolbar.js +11 -12
- package/esm/DateTimePicker/shared.js +3 -3
- package/esm/DesktopDatePicker/DesktopDatePicker.js +3 -3
- package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js +4 -4
- package/esm/DesktopTimePicker/DesktopTimePicker.js +4 -4
- package/esm/DigitalClock/DigitalClock.d.ts +1 -1
- package/esm/DigitalClock/DigitalClock.js +16 -16
- package/esm/LocalizationProvider/LocalizationProvider.d.ts +9 -3
- package/esm/LocalizationProvider/LocalizationProvider.js +27 -18
- package/esm/MobileDatePicker/MobileDatePicker.js +3 -3
- package/esm/MobileDateTimePicker/MobileDateTimePicker.js +4 -4
- package/esm/MobileTimePicker/MobileTimePicker.js +4 -4
- package/esm/MonthCalendar/MonthCalendar.js +20 -19
- package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.js +32 -32
- package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.d.ts +4 -4
- package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +7 -7
- package/esm/PickerDay2/PickerDay2.js +3 -3
- package/esm/PickersActionBar/PickersActionBar.d.ts +2 -2
- package/esm/PickersActionBar/PickersActionBar.js +2 -2
- package/esm/PickersCalendarHeader/PickersCalendarHeader.js +6 -7
- package/esm/PickersDay/PickersDay.js +3 -3
- package/esm/PickersDay/usePickerDayOwnerState.js +5 -5
- package/esm/PickersTextField/PickersInputBase/PickersInputBase.js +2 -0
- package/esm/StaticDateTimePicker/StaticDateTimePicker.js +1 -1
- package/esm/StaticTimePicker/StaticTimePicker.js +1 -1
- package/esm/TimeClock/Clock.js +7 -8
- package/esm/TimeClock/ClockNumbers.d.ts +3 -3
- package/esm/TimeClock/ClockNumbers.js +5 -5
- package/esm/TimeClock/TimeClock.js +29 -29
- package/esm/TimeField/TimeField.js +1 -1
- package/esm/TimePicker/TimePicker.js +1 -1
- package/esm/TimePicker/TimePickerToolbar.js +6 -8
- package/esm/TimePicker/shared.js +3 -3
- package/esm/YearCalendar/YearCalendar.js +20 -19
- package/esm/hooks/index.d.ts +2 -1
- package/esm/hooks/index.js +2 -1
- package/esm/hooks/useParsedFormat.js +6 -6
- package/esm/hooks/usePickerAdapter.d.ts +7 -0
- package/esm/hooks/usePickerAdapter.js +20 -0
- package/esm/hooks/usePickerTranslations.js +1 -1
- package/esm/index.js +1 -1
- package/esm/internals/components/PickerFieldUI.js +2 -0
- package/esm/internals/components/PickerPopper/PickerPopper.js +2 -0
- package/esm/internals/components/PickerProvider.js +2 -0
- package/esm/internals/components/pickersToolbarClasses.d.ts +1 -1
- package/esm/internals/demo/DemoContainer.d.ts +2 -3
- package/esm/internals/demo/DemoContainer.js +3 -2
- package/esm/internals/hooks/date-helpers-hooks.js +16 -16
- package/esm/internals/hooks/useClockReferenceDate.d.ts +2 -2
- package/esm/internals/hooks/useClockReferenceDate.js +5 -5
- package/esm/internals/hooks/useControlledValue.d.ts +2 -2
- package/esm/internals/hooks/useControlledValue.js +8 -7
- package/esm/internals/hooks/useField/buildSectionsFromFormat.d.ts +1 -1
- package/esm/internals/hooks/useField/buildSectionsFromFormat.js +17 -17
- package/esm/internals/hooks/useField/useField.types.d.ts +4 -4
- package/esm/internals/hooks/useField/useField.utils.d.ts +10 -10
- package/esm/internals/hooks/useField/useField.utils.js +69 -69
- package/esm/internals/hooks/useField/useFieldCharacterEditing.js +11 -11
- package/esm/internals/hooks/useField/useFieldRootHandleKeyDown.js +7 -7
- package/esm/internals/hooks/useField/useFieldSectionContentProps.js +15 -16
- package/esm/internals/hooks/useField/useFieldState.js +24 -24
- package/esm/internals/hooks/useField/useFieldV6TextField.js +2 -0
- package/esm/internals/hooks/useField/useFieldV7TextField.js +2 -0
- package/esm/internals/hooks/useNullableFieldPrivateContext.js +2 -0
- package/esm/internals/hooks/usePicker/hooks/useOrientation.js +2 -0
- package/esm/internals/hooks/usePicker/hooks/useValueAndOpenStates.js +8 -6
- package/esm/internals/hooks/usePicker/usePicker.js +7 -6
- package/esm/internals/hooks/usePicker/usePicker.types.d.ts +3 -3
- package/esm/internals/hooks/useUtils.d.ts +1 -8
- package/esm/internals/hooks/useUtils.js +3 -19
- package/esm/internals/hooks/useViews.js +2 -0
- package/esm/internals/index.d.ts +2 -1
- package/esm/internals/index.js +2 -1
- package/esm/internals/models/manager.d.ts +17 -17
- package/esm/internals/models/props/time.d.ts +1 -1
- package/esm/internals/utils/date-time-utils.d.ts +1 -1
- package/esm/internals/utils/date-time-utils.js +5 -5
- package/esm/internals/utils/date-utils.d.ts +11 -11
- package/esm/internals/utils/date-utils.js +34 -34
- package/esm/internals/utils/getDefaultReferenceDate.d.ts +2 -2
- package/esm/internals/utils/getDefaultReferenceDate.js +16 -16
- package/esm/internals/utils/time-utils.d.ts +5 -5
- package/esm/internals/utils/time-utils.js +12 -12
- package/esm/internals/utils/valueManagers.js +4 -4
- package/esm/managers/useDateManager.js +12 -12
- package/esm/managers/useDateTimeManager.js +13 -13
- package/esm/managers/useTimeManager.js +9 -10
- package/esm/validation/useValidation.d.ts +2 -3
- package/esm/validation/useValidation.js +2 -2
- package/esm/validation/validateDate.js +6 -6
- package/esm/validation/validateTime.js +6 -6
- package/hooks/index.d.ts +2 -1
- package/hooks/index.js +8 -1
- package/hooks/useParsedFormat.js +6 -6
- package/hooks/usePickerAdapter.d.ts +7 -0
- package/hooks/usePickerAdapter.js +29 -0
- package/hooks/usePickerTranslations.js +2 -2
- package/index.js +1 -1
- package/internals/components/PickerFieldUI.js +1 -0
- package/internals/components/PickerPopper/PickerPopper.js +1 -0
- package/internals/components/PickerProvider.js +1 -0
- package/internals/components/pickersToolbarClasses.d.ts +1 -1
- package/internals/demo/DemoContainer.d.ts +2 -3
- package/internals/demo/DemoContainer.js +3 -2
- package/internals/hooks/date-helpers-hooks.js +16 -16
- package/internals/hooks/useClockReferenceDate.d.ts +2 -2
- package/internals/hooks/useClockReferenceDate.js +5 -5
- package/internals/hooks/useControlledValue.d.ts +2 -2
- package/internals/hooks/useControlledValue.js +7 -7
- package/internals/hooks/useField/buildSectionsFromFormat.d.ts +1 -1
- package/internals/hooks/useField/buildSectionsFromFormat.js +17 -17
- package/internals/hooks/useField/useField.types.d.ts +4 -4
- package/internals/hooks/useField/useField.utils.d.ts +10 -10
- package/internals/hooks/useField/useField.utils.js +69 -69
- package/internals/hooks/useField/useFieldCharacterEditing.js +11 -11
- package/internals/hooks/useField/useFieldRootHandleKeyDown.js +7 -7
- package/internals/hooks/useField/useFieldSectionContentProps.js +14 -15
- package/internals/hooks/useField/useFieldState.js +24 -25
- package/internals/hooks/useField/useFieldV6TextField.js +1 -0
- package/internals/hooks/useField/useFieldV7TextField.js +1 -0
- package/internals/hooks/useNullableFieldPrivateContext.js +1 -0
- package/internals/hooks/usePicker/hooks/useOrientation.js +1 -0
- package/internals/hooks/usePicker/hooks/useValueAndOpenStates.js +7 -6
- package/internals/hooks/usePicker/usePicker.js +6 -6
- package/internals/hooks/usePicker/usePicker.types.d.ts +3 -3
- package/internals/hooks/useUtils.d.ts +1 -8
- package/internals/hooks/useUtils.js +5 -24
- package/internals/hooks/useViews.js +1 -0
- package/internals/index.d.ts +2 -1
- package/internals/index.js +2 -7
- package/internals/models/manager.d.ts +17 -17
- package/internals/models/props/time.d.ts +1 -1
- package/internals/utils/date-time-utils.d.ts +1 -1
- package/internals/utils/date-time-utils.js +5 -5
- package/internals/utils/date-utils.d.ts +11 -11
- package/internals/utils/date-utils.js +34 -34
- package/internals/utils/getDefaultReferenceDate.d.ts +2 -2
- package/internals/utils/getDefaultReferenceDate.js +16 -16
- package/internals/utils/time-utils.d.ts +5 -5
- package/internals/utils/time-utils.js +12 -12
- package/internals/utils/valueManagers.js +4 -4
- package/managers/useDateManager.js +12 -12
- package/managers/useDateTimeManager.js +13 -13
- package/managers/useTimeManager.js +10 -11
- package/package.json +2 -2
- package/validation/useValidation.d.ts +2 -3
- package/validation/useValidation.js +2 -2
- package/validation/validateDate.js +6 -6
- package/validation/validateTime.js +6 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { MuiPickersAdapter, PickerManager, PickersTimezone, PickerValidDate, PickerValueType } from "../../models/index.js";
|
|
2
2
|
import type { GetDefaultReferenceDateProps } from "../utils/getDefaultReferenceDate.js";
|
|
3
|
-
import { InferNonNullablePickerValue, PickerValidValue } from "./value.js";
|
|
3
|
+
import { InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "./value.js";
|
|
4
4
|
import type { UseFieldInternalProps } from "../hooks/useField/index.js";
|
|
5
5
|
export type PickerAnyManager = PickerManager<any, any, any, any, any>;
|
|
6
6
|
type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TEnableAccessibleFieldDOMStructure, infer TError, infer TValidationProps, infer TFieldInternalProps> ? {
|
|
@@ -20,12 +20,12 @@ export interface PickerValueManager<TValue extends PickerValidValue, TError> {
|
|
|
20
20
|
/**
|
|
21
21
|
* Determines if two values are equal.
|
|
22
22
|
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
23
|
-
* @param {MuiPickersAdapter}
|
|
23
|
+
* @param {MuiPickersAdapter} adapter The Picker date adapter instance.
|
|
24
24
|
* @param {TValue} valueLeft The first value to compare.
|
|
25
25
|
* @param {TValue} valueRight The second value to compare.
|
|
26
26
|
* @returns {boolean} A boolean indicating if the two values are equal.
|
|
27
27
|
*/
|
|
28
|
-
areValuesEqual: (
|
|
28
|
+
areValuesEqual: (adapter: MuiPickersAdapter, valueLeft: TValue, valueRight: TValue) => boolean;
|
|
29
29
|
/**
|
|
30
30
|
* Value to set when clicking the "Clear" button.
|
|
31
31
|
*/
|
|
@@ -33,30 +33,30 @@ export interface PickerValueManager<TValue extends PickerValidValue, TError> {
|
|
|
33
33
|
/**
|
|
34
34
|
* Method returning the value to set when clicking the "Today" button.
|
|
35
35
|
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
36
|
-
* @param {MuiPickersAdapter}
|
|
36
|
+
* @param {MuiPickersAdapter} adapter The Picker date adapter instance.
|
|
37
37
|
* @param {PickersTimezone} timezone The current timezone.
|
|
38
38
|
* @param {PickerValueType} valueType The type of the value being edited.
|
|
39
39
|
* @returns {TValue} The value to set when clicking the "Today" button.
|
|
40
40
|
*/
|
|
41
|
-
getTodayValue: (
|
|
41
|
+
getTodayValue: (adapter: MuiPickersAdapter, timezone: PickersTimezone, valueType: PickerValueType) => TValue;
|
|
42
42
|
/**
|
|
43
43
|
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
44
44
|
* Method returning the reference value to use when mounting the component.
|
|
45
45
|
* @param {object} params The params of the method.
|
|
46
|
-
* @param {PickerValidDate | undefined} params.referenceDate The referenceDate provided by the user.
|
|
46
|
+
* @param {PickerValidDate | PickerValidDate[] | undefined} params.referenceDate The referenceDate provided by the user.
|
|
47
47
|
* @param {TValue} params.value The value provided by the user.
|
|
48
48
|
* @param {GetDefaultReferenceDateProps} params.props The validation props needed to compute the reference value.
|
|
49
|
-
* @param {MuiPickersAdapter} params.
|
|
49
|
+
* @param {MuiPickersAdapter} params.adapter The Picker date adapter instance.
|
|
50
50
|
* @param {number} params.granularity The granularity of the selection possible on this component.
|
|
51
51
|
* @param {PickersTimezone} params.timezone The current timezone.
|
|
52
52
|
* @param {() => PickerValidDate} params.getTodayDate The reference date to use if no reference date is passed to the component.
|
|
53
53
|
* @returns {TValue} The reference value to use for non-provided dates.
|
|
54
54
|
*/
|
|
55
55
|
getInitialReferenceValue: (params: {
|
|
56
|
-
referenceDate
|
|
56
|
+
referenceDate?: TValue extends PickerRangeValue ? TValue | PickerValidDate : PickerValidDate;
|
|
57
57
|
value: TValue;
|
|
58
58
|
props: GetDefaultReferenceDateProps;
|
|
59
|
-
|
|
59
|
+
adapter: MuiPickersAdapter;
|
|
60
60
|
granularity: number;
|
|
61
61
|
timezone: PickersTimezone;
|
|
62
62
|
getTodayDate?: () => PickerValidDate;
|
|
@@ -64,20 +64,20 @@ export interface PickerValueManager<TValue extends PickerValidValue, TError> {
|
|
|
64
64
|
/**
|
|
65
65
|
* Method parsing the input value to replace all invalid dates by `null`.
|
|
66
66
|
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
67
|
-
* @param {MuiPickersAdapter}
|
|
67
|
+
* @param {MuiPickersAdapter} adapter The Picker date adapter instance.
|
|
68
68
|
* @param {TValue} value The value to parse.
|
|
69
69
|
* @returns {TValue} The value without invalid date.
|
|
70
70
|
*/
|
|
71
|
-
cleanValue: (
|
|
71
|
+
cleanValue: (adapter: MuiPickersAdapter, value: TValue) => TValue;
|
|
72
72
|
/**
|
|
73
73
|
* Generates the new value, given the previous value and the new proposed value.
|
|
74
74
|
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
75
|
-
* @param {MuiPickersAdapter}
|
|
75
|
+
* @param {MuiPickersAdapter} adapter The Picker date adapter instance.
|
|
76
76
|
* @param {TValue} lastValidDateValue The last valid value.
|
|
77
77
|
* @param {TValue} value The proposed value.
|
|
78
78
|
* @returns {TValue} The new value.
|
|
79
79
|
*/
|
|
80
|
-
valueReducer?: (
|
|
80
|
+
valueReducer?: (adapter: MuiPickersAdapter, lastValidDateValue: TValue, value: TValue) => TValue;
|
|
81
81
|
/**
|
|
82
82
|
* Compare two errors to know if they are equal.
|
|
83
83
|
* @template TError
|
|
@@ -101,19 +101,19 @@ export interface PickerValueManager<TValue extends PickerValidValue, TError> {
|
|
|
101
101
|
* Return the timezone of the date inside a value.
|
|
102
102
|
* When used on a range Picker, throw an error if both values don't have the same timezone.
|
|
103
103
|
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
104
|
-
@param {MuiPickersAdapter}
|
|
104
|
+
@param {MuiPickersAdapter} adapter The Picker date adapter instance.
|
|
105
105
|
@param {TValue} value The current value.
|
|
106
106
|
@returns {string | null} The timezone of the current value.
|
|
107
107
|
*/
|
|
108
|
-
getTimezone: (
|
|
108
|
+
getTimezone: (adapter: MuiPickersAdapter, value: TValue) => string | null;
|
|
109
109
|
/**
|
|
110
110
|
* Change the timezone of the dates inside a value.
|
|
111
111
|
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
112
|
-
@param {MuiPickersAdapter}
|
|
112
|
+
@param {MuiPickersAdapter} adapter The Picker date adapter instance.
|
|
113
113
|
@param {PickersTimezone} timezone The current timezone.
|
|
114
114
|
@param {TValue} value The value to convert.
|
|
115
115
|
@returns {TValue} The value with the new dates in the new timezone.
|
|
116
116
|
*/
|
|
117
|
-
setTimezone: (
|
|
117
|
+
setTimezone: (adapter: MuiPickersAdapter, timezone: PickersTimezone, value: TValue) => TValue;
|
|
118
118
|
}
|
|
119
119
|
export {};
|
|
@@ -2,7 +2,7 @@ import { DefaultizedProps } from '@mui/x-internals/types';
|
|
|
2
2
|
import { DateOrTimeView, MuiPickersAdapter } from "../../models/index.js";
|
|
3
3
|
import { DateOrTimeViewWithMeridiem } from "../models/index.js";
|
|
4
4
|
import { DigitalTimePickerProps } from "../models/props/time.js";
|
|
5
|
-
export declare const resolveDateTimeFormat: (
|
|
5
|
+
export declare const resolveDateTimeFormat: (adapter: MuiPickersAdapter, {
|
|
6
6
|
views,
|
|
7
7
|
format,
|
|
8
8
|
...other
|
|
@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
3
3
|
const _excluded = ["views", "format"];
|
|
4
4
|
import { resolveTimeFormat, isTimeView, isInternalTimeView } from "./time-utils.js";
|
|
5
5
|
import { isDatePickerView, resolveDateFormat } from "./date-utils.js";
|
|
6
|
-
export const resolveDateTimeFormat = (
|
|
6
|
+
export const resolveDateTimeFormat = (adapter, _ref, ignoreDateResolving) => {
|
|
7
7
|
let {
|
|
8
8
|
views,
|
|
9
9
|
format
|
|
@@ -22,19 +22,19 @@ export const resolveDateTimeFormat = (utils, _ref, ignoreDateResolving) => {
|
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
if (timeViews.length === 0) {
|
|
25
|
-
return resolveDateFormat(
|
|
25
|
+
return resolveDateFormat(adapter, _extends({
|
|
26
26
|
views: dateViews
|
|
27
27
|
}, other), false);
|
|
28
28
|
}
|
|
29
29
|
if (dateViews.length === 0) {
|
|
30
|
-
return resolveTimeFormat(
|
|
30
|
+
return resolveTimeFormat(adapter, _extends({
|
|
31
31
|
views: timeViews
|
|
32
32
|
}, other));
|
|
33
33
|
}
|
|
34
|
-
const timeFormat = resolveTimeFormat(
|
|
34
|
+
const timeFormat = resolveTimeFormat(adapter, _extends({
|
|
35
35
|
views: timeViews
|
|
36
36
|
}, other));
|
|
37
|
-
const dateFormat = ignoreDateResolving ?
|
|
37
|
+
const dateFormat = ignoreDateResolving ? adapter.formats.keyboardDate : resolveDateFormat(adapter, _extends({
|
|
38
38
|
views: dateViews
|
|
39
39
|
}, other), false);
|
|
40
40
|
return `${dateFormat} ${timeFormat}`;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DateView, MuiPickersAdapter, PickersTimezone, PickerValidDate, PickerValueType } from "../../models/index.js";
|
|
2
2
|
import { DateOrTimeViewWithMeridiem } from "../models/index.js";
|
|
3
|
-
export declare const mergeDateAndTime: (
|
|
3
|
+
export declare const mergeDateAndTime: (adapter: MuiPickersAdapter, dateParam: PickerValidDate, timeParam: PickerValidDate) => PickerValidDate;
|
|
4
4
|
interface FindClosestDateParams {
|
|
5
5
|
date: PickerValidDate;
|
|
6
6
|
disableFuture?: boolean;
|
|
@@ -8,7 +8,7 @@ interface FindClosestDateParams {
|
|
|
8
8
|
maxDate: PickerValidDate;
|
|
9
9
|
minDate: PickerValidDate;
|
|
10
10
|
isDateDisabled: (date: PickerValidDate) => boolean;
|
|
11
|
-
|
|
11
|
+
adapter: MuiPickersAdapter;
|
|
12
12
|
timezone: PickersTimezone;
|
|
13
13
|
}
|
|
14
14
|
export declare const findClosestEnabledDate: ({
|
|
@@ -18,23 +18,23 @@ export declare const findClosestEnabledDate: ({
|
|
|
18
18
|
maxDate,
|
|
19
19
|
minDate,
|
|
20
20
|
isDateDisabled,
|
|
21
|
-
|
|
21
|
+
adapter,
|
|
22
22
|
timezone
|
|
23
23
|
}: FindClosestDateParams) => PickerValidDate | null;
|
|
24
|
-
export declare const replaceInvalidDateByNull: (
|
|
25
|
-
export declare const applyDefaultDate: (
|
|
26
|
-
export declare const areDatesEqual: (
|
|
27
|
-
export declare const getMonthsInYear: (
|
|
28
|
-
export declare const getTodayDate: (
|
|
29
|
-
export declare const formatMeridiem: (
|
|
24
|
+
export declare const replaceInvalidDateByNull: (adapter: MuiPickersAdapter, value: PickerValidDate | null) => PickerValidDate | null;
|
|
25
|
+
export declare const applyDefaultDate: (adapter: MuiPickersAdapter, value: PickerValidDate | null | undefined, defaultValue: PickerValidDate) => PickerValidDate;
|
|
26
|
+
export declare const areDatesEqual: (adapter: MuiPickersAdapter, a: PickerValidDate | null, b: PickerValidDate | null) => boolean;
|
|
27
|
+
export declare const getMonthsInYear: (adapter: MuiPickersAdapter, year: PickerValidDate) => PickerValidDate[];
|
|
28
|
+
export declare const getTodayDate: (adapter: MuiPickersAdapter, timezone: PickersTimezone, valueType?: PickerValueType) => PickerValidDate;
|
|
29
|
+
export declare const formatMeridiem: (adapter: MuiPickersAdapter, meridiem: "am" | "pm") => string;
|
|
30
30
|
export declare const DATE_VIEWS: readonly ["year", "month", "day"];
|
|
31
31
|
export declare const isDatePickerView: (view: DateOrTimeViewWithMeridiem) => view is DateView;
|
|
32
|
-
export declare const resolveDateFormat: (
|
|
32
|
+
export declare const resolveDateFormat: (adapter: MuiPickersAdapter, {
|
|
33
33
|
format,
|
|
34
34
|
views
|
|
35
35
|
}: {
|
|
36
36
|
format?: string;
|
|
37
37
|
views: readonly DateView[];
|
|
38
38
|
}, isInToolbar: boolean) => string;
|
|
39
|
-
export declare const getWeekdays: (
|
|
39
|
+
export declare const getWeekdays: (adapter: MuiPickersAdapter, date: PickerValidDate) => PickerValidDate[];
|
|
40
40
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { areViewsEqual } from "./views.js";
|
|
2
|
-
export const mergeDateAndTime = (
|
|
2
|
+
export const mergeDateAndTime = (adapter, dateParam, timeParam) => {
|
|
3
3
|
let mergedDate = dateParam;
|
|
4
|
-
mergedDate =
|
|
5
|
-
mergedDate =
|
|
6
|
-
mergedDate =
|
|
7
|
-
mergedDate =
|
|
4
|
+
mergedDate = adapter.setHours(mergedDate, adapter.getHours(timeParam));
|
|
5
|
+
mergedDate = adapter.setMinutes(mergedDate, adapter.getMinutes(timeParam));
|
|
6
|
+
mergedDate = adapter.setSeconds(mergedDate, adapter.getSeconds(timeParam));
|
|
7
|
+
mergedDate = adapter.setMilliseconds(mergedDate, adapter.getMilliseconds(timeParam));
|
|
8
8
|
return mergedDate;
|
|
9
9
|
};
|
|
10
10
|
export const findClosestEnabledDate = ({
|
|
@@ -14,87 +14,87 @@ export const findClosestEnabledDate = ({
|
|
|
14
14
|
maxDate,
|
|
15
15
|
minDate,
|
|
16
16
|
isDateDisabled,
|
|
17
|
-
|
|
17
|
+
adapter,
|
|
18
18
|
timezone
|
|
19
19
|
}) => {
|
|
20
|
-
const today = mergeDateAndTime(
|
|
21
|
-
if (disablePast &&
|
|
20
|
+
const today = mergeDateAndTime(adapter, adapter.date(undefined, timezone), date);
|
|
21
|
+
if (disablePast && adapter.isBefore(minDate, today)) {
|
|
22
22
|
minDate = today;
|
|
23
23
|
}
|
|
24
|
-
if (disableFuture &&
|
|
24
|
+
if (disableFuture && adapter.isAfter(maxDate, today)) {
|
|
25
25
|
maxDate = today;
|
|
26
26
|
}
|
|
27
27
|
let forward = date;
|
|
28
28
|
let backward = date;
|
|
29
|
-
if (
|
|
29
|
+
if (adapter.isBefore(date, minDate)) {
|
|
30
30
|
forward = minDate;
|
|
31
31
|
backward = null;
|
|
32
32
|
}
|
|
33
|
-
if (
|
|
33
|
+
if (adapter.isAfter(date, maxDate)) {
|
|
34
34
|
if (backward) {
|
|
35
35
|
backward = maxDate;
|
|
36
36
|
}
|
|
37
37
|
forward = null;
|
|
38
38
|
}
|
|
39
39
|
while (forward || backward) {
|
|
40
|
-
if (forward &&
|
|
40
|
+
if (forward && adapter.isAfter(forward, maxDate)) {
|
|
41
41
|
forward = null;
|
|
42
42
|
}
|
|
43
|
-
if (backward &&
|
|
43
|
+
if (backward && adapter.isBefore(backward, minDate)) {
|
|
44
44
|
backward = null;
|
|
45
45
|
}
|
|
46
46
|
if (forward) {
|
|
47
47
|
if (!isDateDisabled(forward)) {
|
|
48
48
|
return forward;
|
|
49
49
|
}
|
|
50
|
-
forward =
|
|
50
|
+
forward = adapter.addDays(forward, 1);
|
|
51
51
|
}
|
|
52
52
|
if (backward) {
|
|
53
53
|
if (!isDateDisabled(backward)) {
|
|
54
54
|
return backward;
|
|
55
55
|
}
|
|
56
|
-
backward =
|
|
56
|
+
backward = adapter.addDays(backward, -1);
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
return null;
|
|
60
60
|
};
|
|
61
|
-
export const replaceInvalidDateByNull = (
|
|
62
|
-
export const applyDefaultDate = (
|
|
63
|
-
if (value == null || !
|
|
61
|
+
export const replaceInvalidDateByNull = (adapter, value) => !adapter.isValid(value) ? null : value;
|
|
62
|
+
export const applyDefaultDate = (adapter, value, defaultValue) => {
|
|
63
|
+
if (value == null || !adapter.isValid(value)) {
|
|
64
64
|
return defaultValue;
|
|
65
65
|
}
|
|
66
66
|
return value;
|
|
67
67
|
};
|
|
68
|
-
export const areDatesEqual = (
|
|
69
|
-
if (!
|
|
68
|
+
export const areDatesEqual = (adapter, a, b) => {
|
|
69
|
+
if (!adapter.isValid(a) && a != null && !adapter.isValid(b) && b != null) {
|
|
70
70
|
return true;
|
|
71
71
|
}
|
|
72
|
-
return
|
|
72
|
+
return adapter.isEqual(a, b);
|
|
73
73
|
};
|
|
74
|
-
export const getMonthsInYear = (
|
|
75
|
-
const firstMonth =
|
|
74
|
+
export const getMonthsInYear = (adapter, year) => {
|
|
75
|
+
const firstMonth = adapter.startOfYear(year);
|
|
76
76
|
const months = [firstMonth];
|
|
77
77
|
while (months.length < 12) {
|
|
78
78
|
const prevMonth = months[months.length - 1];
|
|
79
|
-
months.push(
|
|
79
|
+
months.push(adapter.addMonths(prevMonth, 1));
|
|
80
80
|
}
|
|
81
81
|
return months;
|
|
82
82
|
};
|
|
83
|
-
export const getTodayDate = (
|
|
84
|
-
export const formatMeridiem = (
|
|
85
|
-
const date =
|
|
86
|
-
return
|
|
83
|
+
export const getTodayDate = (adapter, timezone, valueType) => valueType === 'date' ? adapter.startOfDay(adapter.date(undefined, timezone)) : adapter.date(undefined, timezone);
|
|
84
|
+
export const formatMeridiem = (adapter, meridiem) => {
|
|
85
|
+
const date = adapter.setHours(adapter.date(), meridiem === 'am' ? 2 : 14);
|
|
86
|
+
return adapter.format(date, 'meridiem');
|
|
87
87
|
};
|
|
88
88
|
export const DATE_VIEWS = ['year', 'month', 'day'];
|
|
89
89
|
export const isDatePickerView = view => DATE_VIEWS.includes(view);
|
|
90
|
-
export const resolveDateFormat = (
|
|
90
|
+
export const resolveDateFormat = (adapter, {
|
|
91
91
|
format,
|
|
92
92
|
views
|
|
93
93
|
}, isInToolbar) => {
|
|
94
94
|
if (format != null) {
|
|
95
95
|
return format;
|
|
96
96
|
}
|
|
97
|
-
const formats =
|
|
97
|
+
const formats = adapter.formats;
|
|
98
98
|
if (areViewsEqual(views, ['year'])) {
|
|
99
99
|
return formats.year;
|
|
100
100
|
}
|
|
@@ -114,11 +114,11 @@ export const resolveDateFormat = (utils, {
|
|
|
114
114
|
// Little localization hack (Google is doing the same for android native pickers):
|
|
115
115
|
// For english localization it is convenient to include weekday into the date "Mon, Jun 1".
|
|
116
116
|
// For other locales using strings like "June 1", without weekday.
|
|
117
|
-
return /en/.test(
|
|
117
|
+
return /en/.test(adapter.getCurrentLocaleCode()) ? formats.normalDateWithWeekday : formats.normalDate;
|
|
118
118
|
}
|
|
119
119
|
return formats.keyboardDate;
|
|
120
120
|
};
|
|
121
|
-
export const getWeekdays = (
|
|
122
|
-
const start =
|
|
123
|
-
return [0, 1, 2, 3, 4, 5, 6].map(diff =>
|
|
121
|
+
export const getWeekdays = (adapter, date) => {
|
|
122
|
+
const start = adapter.startOfWeek(date);
|
|
123
|
+
return [0, 1, 2, 3, 4, 5, 6].map(diff => adapter.addDays(start, diff));
|
|
124
124
|
};
|
|
@@ -18,13 +18,13 @@ export declare const SECTION_TYPE_GRANULARITY: {
|
|
|
18
18
|
export declare const getSectionTypeGranularity: (sections: FieldSection[]) => number;
|
|
19
19
|
export declare const getDefaultReferenceDate: ({
|
|
20
20
|
props,
|
|
21
|
-
|
|
21
|
+
adapter,
|
|
22
22
|
granularity,
|
|
23
23
|
timezone,
|
|
24
24
|
getTodayDate: inGetTodayDate
|
|
25
25
|
}: {
|
|
26
26
|
props: GetDefaultReferenceDateProps;
|
|
27
|
-
|
|
27
|
+
adapter: MuiPickersAdapter;
|
|
28
28
|
granularity: number;
|
|
29
29
|
timezone: PickersTimezone;
|
|
30
30
|
getTodayDate?: () => PickerValidDate;
|
|
@@ -10,50 +10,50 @@ export const SECTION_TYPE_GRANULARITY = {
|
|
|
10
10
|
milliseconds: 7
|
|
11
11
|
};
|
|
12
12
|
export const getSectionTypeGranularity = sections => Math.max(...sections.map(section => SECTION_TYPE_GRANULARITY[section.type] ?? 1));
|
|
13
|
-
const roundDate = (
|
|
13
|
+
const roundDate = (adapter, granularity, date) => {
|
|
14
14
|
if (granularity === SECTION_TYPE_GRANULARITY.year) {
|
|
15
|
-
return
|
|
15
|
+
return adapter.startOfYear(date);
|
|
16
16
|
}
|
|
17
17
|
if (granularity === SECTION_TYPE_GRANULARITY.month) {
|
|
18
|
-
return
|
|
18
|
+
return adapter.startOfMonth(date);
|
|
19
19
|
}
|
|
20
20
|
if (granularity === SECTION_TYPE_GRANULARITY.day) {
|
|
21
|
-
return
|
|
21
|
+
return adapter.startOfDay(date);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
// We don't have startOfHour / startOfMinute / startOfSecond
|
|
25
25
|
let roundedDate = date;
|
|
26
26
|
if (granularity < SECTION_TYPE_GRANULARITY.minutes) {
|
|
27
|
-
roundedDate =
|
|
27
|
+
roundedDate = adapter.setMinutes(roundedDate, 0);
|
|
28
28
|
}
|
|
29
29
|
if (granularity < SECTION_TYPE_GRANULARITY.seconds) {
|
|
30
|
-
roundedDate =
|
|
30
|
+
roundedDate = adapter.setSeconds(roundedDate, 0);
|
|
31
31
|
}
|
|
32
32
|
if (granularity < SECTION_TYPE_GRANULARITY.milliseconds) {
|
|
33
|
-
roundedDate =
|
|
33
|
+
roundedDate = adapter.setMilliseconds(roundedDate, 0);
|
|
34
34
|
}
|
|
35
35
|
return roundedDate;
|
|
36
36
|
};
|
|
37
37
|
export const getDefaultReferenceDate = ({
|
|
38
38
|
props,
|
|
39
|
-
|
|
39
|
+
adapter,
|
|
40
40
|
granularity,
|
|
41
41
|
timezone,
|
|
42
42
|
getTodayDate: inGetTodayDate
|
|
43
43
|
}) => {
|
|
44
|
-
let referenceDate = inGetTodayDate ? inGetTodayDate() : roundDate(
|
|
45
|
-
if (props.minDate != null &&
|
|
46
|
-
referenceDate = roundDate(
|
|
44
|
+
let referenceDate = inGetTodayDate ? inGetTodayDate() : roundDate(adapter, granularity, getTodayDate(adapter, timezone));
|
|
45
|
+
if (props.minDate != null && adapter.isAfterDay(props.minDate, referenceDate)) {
|
|
46
|
+
referenceDate = roundDate(adapter, granularity, props.minDate);
|
|
47
47
|
}
|
|
48
|
-
if (props.maxDate != null &&
|
|
49
|
-
referenceDate = roundDate(
|
|
48
|
+
if (props.maxDate != null && adapter.isBeforeDay(props.maxDate, referenceDate)) {
|
|
49
|
+
referenceDate = roundDate(adapter, granularity, props.maxDate);
|
|
50
50
|
}
|
|
51
|
-
const isAfter = createIsAfterIgnoreDatePart(props.disableIgnoringDatePartForTimeValidation ?? false,
|
|
51
|
+
const isAfter = createIsAfterIgnoreDatePart(props.disableIgnoringDatePartForTimeValidation ?? false, adapter);
|
|
52
52
|
if (props.minTime != null && isAfter(props.minTime, referenceDate)) {
|
|
53
|
-
referenceDate = roundDate(
|
|
53
|
+
referenceDate = roundDate(adapter, granularity, props.disableIgnoringDatePartForTimeValidation ? props.minTime : mergeDateAndTime(adapter, referenceDate, props.minTime));
|
|
54
54
|
}
|
|
55
55
|
if (props.maxTime != null && isAfter(referenceDate, props.maxTime)) {
|
|
56
|
-
referenceDate = roundDate(
|
|
56
|
+
referenceDate = roundDate(adapter, granularity, props.disableIgnoringDatePartForTimeValidation ? props.maxTime : mergeDateAndTime(adapter, referenceDate, props.maxTime));
|
|
57
57
|
}
|
|
58
58
|
return referenceDate;
|
|
59
59
|
};
|
|
@@ -5,12 +5,12 @@ export declare const TIME_VIEWS: readonly ["hours", "minutes", "seconds", "merid
|
|
|
5
5
|
export declare const isTimeView: (view: DateOrTimeViewWithMeridiem) => boolean;
|
|
6
6
|
export declare const isInternalTimeView: (view: DateOrTimeViewWithMeridiem) => view is TimeViewWithMeridiem;
|
|
7
7
|
export type Meridiem = 'am' | 'pm';
|
|
8
|
-
export declare const getMeridiem: (date: PickerValidDate | null,
|
|
8
|
+
export declare const getMeridiem: (date: PickerValidDate | null, adapter: MuiPickersAdapter) => Meridiem | null;
|
|
9
9
|
export declare const convertValueToMeridiem: (value: number, meridiem: Meridiem | null, ampm: boolean) => number;
|
|
10
|
-
export declare const convertToMeridiem: (time: PickerValidDate, meridiem: Meridiem, ampm: boolean,
|
|
11
|
-
export declare const getSecondsInDay: (date: PickerValidDate,
|
|
12
|
-
export declare const createIsAfterIgnoreDatePart: (disableIgnoringDatePartForTimeValidation: boolean,
|
|
13
|
-
export declare const resolveTimeFormat: (
|
|
10
|
+
export declare const convertToMeridiem: (time: PickerValidDate, meridiem: Meridiem, ampm: boolean, adapter: MuiPickersAdapter) => PickerValidDate;
|
|
11
|
+
export declare const getSecondsInDay: (date: PickerValidDate, adapter: MuiPickersAdapter) => number;
|
|
12
|
+
export declare const createIsAfterIgnoreDatePart: (disableIgnoringDatePartForTimeValidation: boolean, adapter: MuiPickersAdapter) => (dateLeft: PickerValidDate, dateRight: PickerValidDate) => boolean;
|
|
13
|
+
export declare const resolveTimeFormat: (adapter: MuiPickersAdapter, {
|
|
14
14
|
format,
|
|
15
15
|
views,
|
|
16
16
|
ampm
|
|
@@ -3,11 +3,11 @@ export const EXPORTED_TIME_VIEWS = ['hours', 'minutes', 'seconds'];
|
|
|
3
3
|
export const TIME_VIEWS = ['hours', 'minutes', 'seconds', 'meridiem'];
|
|
4
4
|
export const isTimeView = view => EXPORTED_TIME_VIEWS.includes(view);
|
|
5
5
|
export const isInternalTimeView = view => TIME_VIEWS.includes(view);
|
|
6
|
-
export const getMeridiem = (date,
|
|
6
|
+
export const getMeridiem = (date, adapter) => {
|
|
7
7
|
if (!date) {
|
|
8
8
|
return null;
|
|
9
9
|
}
|
|
10
|
-
return
|
|
10
|
+
return adapter.getHours(date) >= 12 ? 'pm' : 'am';
|
|
11
11
|
};
|
|
12
12
|
export const convertValueToMeridiem = (value, meridiem, ampm) => {
|
|
13
13
|
if (ampm) {
|
|
@@ -18,20 +18,20 @@ export const convertValueToMeridiem = (value, meridiem, ampm) => {
|
|
|
18
18
|
}
|
|
19
19
|
return value;
|
|
20
20
|
};
|
|
21
|
-
export const convertToMeridiem = (time, meridiem, ampm,
|
|
22
|
-
const newHoursAmount = convertValueToMeridiem(
|
|
23
|
-
return
|
|
21
|
+
export const convertToMeridiem = (time, meridiem, ampm, adapter) => {
|
|
22
|
+
const newHoursAmount = convertValueToMeridiem(adapter.getHours(time), meridiem, ampm);
|
|
23
|
+
return adapter.setHours(time, newHoursAmount);
|
|
24
24
|
};
|
|
25
|
-
export const getSecondsInDay = (date,
|
|
26
|
-
return
|
|
25
|
+
export const getSecondsInDay = (date, adapter) => {
|
|
26
|
+
return adapter.getHours(date) * 3600 + adapter.getMinutes(date) * 60 + adapter.getSeconds(date);
|
|
27
27
|
};
|
|
28
|
-
export const createIsAfterIgnoreDatePart = (disableIgnoringDatePartForTimeValidation,
|
|
28
|
+
export const createIsAfterIgnoreDatePart = (disableIgnoringDatePartForTimeValidation, adapter) => (dateLeft, dateRight) => {
|
|
29
29
|
if (disableIgnoringDatePartForTimeValidation) {
|
|
30
|
-
return
|
|
30
|
+
return adapter.isAfter(dateLeft, dateRight);
|
|
31
31
|
}
|
|
32
|
-
return getSecondsInDay(dateLeft,
|
|
32
|
+
return getSecondsInDay(dateLeft, adapter) > getSecondsInDay(dateRight, adapter);
|
|
33
33
|
};
|
|
34
|
-
export const resolveTimeFormat = (
|
|
34
|
+
export const resolveTimeFormat = (adapter, {
|
|
35
35
|
format,
|
|
36
36
|
views,
|
|
37
37
|
ampm
|
|
@@ -39,7 +39,7 @@ export const resolveTimeFormat = (utils, {
|
|
|
39
39
|
if (format != null) {
|
|
40
40
|
return format;
|
|
41
41
|
}
|
|
42
|
-
const formats =
|
|
42
|
+
const formats = adapter.formats;
|
|
43
43
|
if (areViewsEqual(views, ['hours'])) {
|
|
44
44
|
return ampm ? `${formats.hours12h} ${formats.meridiem}` : formats.hours24h;
|
|
45
45
|
}
|
|
@@ -13,7 +13,7 @@ export const singleItemValueManager = {
|
|
|
13
13
|
referenceDate
|
|
14
14
|
} = _ref,
|
|
15
15
|
params = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
16
|
-
if (params.
|
|
16
|
+
if (params.adapter.isValid(value)) {
|
|
17
17
|
return value;
|
|
18
18
|
}
|
|
19
19
|
if (referenceDate != null) {
|
|
@@ -26,11 +26,11 @@ export const singleItemValueManager = {
|
|
|
26
26
|
isSameError: (a, b) => a === b,
|
|
27
27
|
hasError: error => error != null,
|
|
28
28
|
defaultErrorState: null,
|
|
29
|
-
getTimezone: (
|
|
30
|
-
setTimezone: (
|
|
29
|
+
getTimezone: (adapter, value) => adapter.isValid(value) ? adapter.getTimezone(value) : null,
|
|
30
|
+
setTimezone: (adapter, timezone, value) => value == null ? null : adapter.setTimezone(value, timezone)
|
|
31
31
|
};
|
|
32
32
|
export const singleItemFieldValueManager = {
|
|
33
|
-
updateReferenceValue: (
|
|
33
|
+
updateReferenceValue: (adapter, value, prevReferenceValue) => adapter.isValid(value) ? value : prevReferenceValue,
|
|
34
34
|
getSectionsFromValue: (date, getSectionsFromDate) => getSectionsFromDate(date),
|
|
35
35
|
getV7HiddenInputValueFromSections: createDateStrForV7HiddenInputFromSections,
|
|
36
36
|
getV6InputValueFromSections: createDateStrForV6InputFromSections,
|
|
@@ -5,8 +5,8 @@ import * as React from 'react';
|
|
|
5
5
|
import { applyDefaultDate } from "../internals/utils/date-utils.js";
|
|
6
6
|
import { singleItemFieldValueManager, singleItemValueManager } from "../internals/utils/valueManagers.js";
|
|
7
7
|
import { validateDate } from "../validation/index.js";
|
|
8
|
-
import { useDefaultDates
|
|
9
|
-
import { usePickerTranslations } from "../hooks/
|
|
8
|
+
import { useDefaultDates } from "../internals/hooks/useUtils.js";
|
|
9
|
+
import { usePickerAdapter, usePickerTranslations } from "../hooks/index.js";
|
|
10
10
|
export function useDateManager(parameters = {}) {
|
|
11
11
|
const {
|
|
12
12
|
enableAccessibleFieldDOMStructure = true
|
|
@@ -22,27 +22,27 @@ export function useDateManager(parameters = {}) {
|
|
|
22
22
|
}), [enableAccessibleFieldDOMStructure]);
|
|
23
23
|
}
|
|
24
24
|
function useOpenPickerButtonAriaLabel(value) {
|
|
25
|
-
const
|
|
25
|
+
const adapter = usePickerAdapter();
|
|
26
26
|
const translations = usePickerTranslations();
|
|
27
27
|
return React.useMemo(() => {
|
|
28
|
-
const formattedValue =
|
|
28
|
+
const formattedValue = adapter.isValid(value) ? adapter.format(value, 'fullDate') : null;
|
|
29
29
|
return translations.openDatePickerDialogue(formattedValue);
|
|
30
|
-
}, [value, translations,
|
|
30
|
+
}, [value, translations, adapter]);
|
|
31
31
|
}
|
|
32
32
|
function useApplyDefaultValuesToDateFieldInternalProps(internalProps) {
|
|
33
|
-
const
|
|
33
|
+
const adapter = usePickerAdapter();
|
|
34
34
|
const validationProps = useApplyDefaultValuesToDateValidationProps(internalProps);
|
|
35
35
|
return React.useMemo(() => _extends({}, internalProps, validationProps, {
|
|
36
|
-
format: internalProps.format ??
|
|
37
|
-
}), [internalProps, validationProps,
|
|
36
|
+
format: internalProps.format ?? adapter.formats.keyboardDate
|
|
37
|
+
}), [internalProps, validationProps, adapter]);
|
|
38
38
|
}
|
|
39
39
|
export function useApplyDefaultValuesToDateValidationProps(props) {
|
|
40
|
-
const
|
|
40
|
+
const adapter = usePickerAdapter();
|
|
41
41
|
const defaultDates = useDefaultDates();
|
|
42
42
|
return React.useMemo(() => ({
|
|
43
43
|
disablePast: props.disablePast ?? false,
|
|
44
44
|
disableFuture: props.disableFuture ?? false,
|
|
45
|
-
minDate: applyDefaultDate(
|
|
46
|
-
maxDate: applyDefaultDate(
|
|
47
|
-
}), [props.minDate, props.maxDate, props.disableFuture, props.disablePast,
|
|
45
|
+
minDate: applyDefaultDate(adapter, props.minDate, defaultDates.minDate),
|
|
46
|
+
maxDate: applyDefaultDate(adapter, props.maxDate, defaultDates.maxDate)
|
|
47
|
+
}), [props.minDate, props.maxDate, props.disableFuture, props.disablePast, adapter, defaultDates]);
|
|
48
48
|
}
|