@mui/x-date-pickers 9.0.0-alpha.4 → 9.0.0-rc.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/AdapterDateFnsBase/AdapterDateFnsBase.mjs +1 -1
- package/AdapterDayjs/AdapterDayjs.mjs +1 -1
- package/AdapterLuxon/AdapterLuxon.mjs +1 -1
- package/AdapterMoment/AdapterMoment.mjs +1 -1
- package/AdapterMomentHijri/AdapterMomentHijri.mjs +1 -1
- package/AdapterMomentJalaali/AdapterMomentJalaali.mjs +1 -1
- package/CHANGELOG.md +262 -2
- package/DateCalendar/DateCalendar.js +1 -1
- package/DateCalendar/DateCalendar.mjs +1 -1
- package/DateCalendar/DayCalendar.d.mts +7 -7
- package/DateCalendar/DayCalendar.d.ts +7 -7
- package/DateCalendar/DayCalendar.js +23 -25
- package/DateCalendar/DayCalendar.mjs +23 -25
- package/DateField/DateField.d.mts +1 -1
- package/DateField/DateField.d.ts +1 -1
- package/DateField/DateField.js +22 -4
- package/DateField/DateField.mjs +22 -4
- package/DateField/DateField.types.d.mts +3 -3
- package/DateField/DateField.types.d.ts +3 -3
- package/DateField/useDateField.d.mts +1 -1
- package/DateField/useDateField.d.ts +1 -1
- package/DateField/useDateField.js +1 -1
- package/DateField/useDateField.mjs +1 -1
- package/DatePicker/DatePicker.d.mts +1 -1
- package/DatePicker/DatePicker.d.ts +1 -1
- package/DatePicker/DatePicker.js +1 -5
- package/DatePicker/DatePicker.mjs +1 -5
- package/DatePicker/DatePicker.types.d.mts +3 -3
- package/DatePicker/DatePicker.types.d.ts +3 -3
- package/DateTimeField/DateTimeField.d.mts +1 -1
- package/DateTimeField/DateTimeField.d.ts +1 -1
- package/DateTimeField/DateTimeField.js +22 -4
- package/DateTimeField/DateTimeField.mjs +22 -4
- package/DateTimeField/DateTimeField.types.d.mts +2 -2
- package/DateTimeField/DateTimeField.types.d.ts +2 -2
- package/DateTimeField/useDateTimeField.d.mts +1 -1
- package/DateTimeField/useDateTimeField.d.ts +1 -1
- package/DateTimeField/useDateTimeField.js +1 -1
- package/DateTimeField/useDateTimeField.mjs +1 -1
- package/DateTimePicker/DateTimePicker.d.mts +1 -1
- package/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/DateTimePicker/DateTimePicker.js +1 -5
- package/DateTimePicker/DateTimePicker.mjs +1 -5
- package/DateTimePicker/DateTimePicker.types.d.mts +3 -3
- package/DateTimePicker/DateTimePicker.types.d.ts +3 -3
- package/DesktopDatePicker/DesktopDatePicker.d.mts +1 -1
- package/DesktopDatePicker/DesktopDatePicker.d.ts +1 -1
- package/DesktopDatePicker/DesktopDatePicker.js +1 -5
- package/DesktopDatePicker/DesktopDatePicker.mjs +1 -5
- package/DesktopDatePicker/DesktopDatePicker.types.d.mts +3 -3
- package/DesktopDatePicker/DesktopDatePicker.types.d.ts +3 -3
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.mts +1 -1
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +1 -1
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -5
- package/DesktopDateTimePicker/DesktopDateTimePicker.mjs +1 -5
- package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.mts +3 -3
- package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +3 -3
- package/DesktopTimePicker/DesktopTimePicker.d.mts +1 -1
- package/DesktopTimePicker/DesktopTimePicker.d.ts +1 -1
- package/DesktopTimePicker/DesktopTimePicker.js +0 -4
- package/DesktopTimePicker/DesktopTimePicker.mjs +0 -4
- package/DesktopTimePicker/DesktopTimePicker.types.d.mts +3 -3
- package/DesktopTimePicker/DesktopTimePicker.types.d.ts +3 -3
- package/DigitalClock/DigitalClock.d.mts +1 -1
- package/DigitalClock/DigitalClock.d.ts +1 -1
- package/DigitalClock/DigitalClock.js +2 -2
- package/DigitalClock/DigitalClock.mjs +3 -3
- package/MobileDatePicker/MobileDatePicker.d.mts +1 -1
- package/MobileDatePicker/MobileDatePicker.d.ts +1 -1
- package/MobileDatePicker/MobileDatePicker.js +1 -5
- package/MobileDatePicker/MobileDatePicker.mjs +1 -5
- package/MobileDatePicker/MobileDatePicker.types.d.mts +3 -3
- package/MobileDatePicker/MobileDatePicker.types.d.ts +3 -3
- package/MobileDateTimePicker/MobileDateTimePicker.d.mts +1 -1
- package/MobileDateTimePicker/MobileDateTimePicker.d.ts +1 -1
- package/MobileDateTimePicker/MobileDateTimePicker.js +1 -5
- package/MobileDateTimePicker/MobileDateTimePicker.mjs +1 -5
- package/MobileDateTimePicker/MobileDateTimePicker.types.d.mts +3 -3
- package/MobileDateTimePicker/MobileDateTimePicker.types.d.ts +3 -3
- package/MobileTimePicker/MobileTimePicker.d.mts +1 -1
- package/MobileTimePicker/MobileTimePicker.d.ts +1 -1
- package/MobileTimePicker/MobileTimePicker.js +0 -4
- package/MobileTimePicker/MobileTimePicker.mjs +0 -4
- package/MobileTimePicker/MobileTimePicker.types.d.mts +3 -3
- package/MobileTimePicker/MobileTimePicker.types.d.ts +3 -3
- package/MonthCalendar/MonthCalendarButton.js +2 -2
- package/MonthCalendar/MonthCalendarButton.mjs +3 -3
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +2 -2
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.mjs +3 -3
- package/PickerDay/PickerDay.d.mts +14 -0
- package/PickerDay/PickerDay.d.ts +14 -0
- package/{PickerDay2/PickerDay2.js → PickerDay/PickerDay.js} +110 -45
- package/{PickerDay2/PickerDay2.mjs → PickerDay/PickerDay.mjs} +110 -45
- package/PickerDay/PickerDay.types.d.mts +137 -0
- package/PickerDay/PickerDay.types.d.ts +137 -0
- package/PickerDay/index.d.mts +4 -0
- package/PickerDay/index.d.ts +4 -0
- package/PickerDay/index.js +25 -0
- package/PickerDay/index.mjs +2 -0
- package/{PickerDay2/pickerDay2Classes.d.mts → PickerDay/pickerDayClasses.d.mts} +4 -4
- package/{PickerDay2/pickerDay2Classes.d.ts → PickerDay/pickerDayClasses.d.ts} +4 -4
- package/PickerDay/pickerDayClasses.js +14 -0
- package/PickerDay/pickerDayClasses.mjs +6 -0
- package/PickersTextField/PickersFilledInput/PickersFilledInput.js +27 -1
- package/PickersTextField/PickersFilledInput/PickersFilledInput.mjs +27 -1
- package/PickersTextField/PickersInput/PickersInput.js +27 -1
- package/PickersTextField/PickersInput/PickersInput.mjs +27 -1
- package/PickersTextField/PickersInputBase/PickersInputBase.js +26 -0
- package/PickersTextField/PickersInputBase/PickersInputBase.mjs +26 -0
- package/PickersTextField/PickersInputBase/PickersInputBase.types.d.mts +26 -0
- package/PickersTextField/PickersInputBase/PickersInputBase.types.d.ts +26 -0
- package/PickersTextField/PickersOutlinedInput/Outline.js +1 -1
- package/PickersTextField/PickersOutlinedInput/Outline.mjs +1 -1
- package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +27 -1
- package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.mjs +27 -1
- package/PickersTextField/PickersTextField.js +42 -2
- package/PickersTextField/PickersTextField.mjs +42 -2
- package/PickersTextField/PickersTextField.types.d.mts +22 -6
- package/PickersTextField/PickersTextField.types.d.ts +22 -6
- package/StaticDatePicker/StaticDatePicker.js +1 -1
- package/StaticDatePicker/StaticDatePicker.mjs +1 -1
- package/StaticDateTimePicker/StaticDateTimePicker.js +1 -1
- package/StaticDateTimePicker/StaticDateTimePicker.mjs +1 -1
- package/TimeField/TimeField.d.mts +1 -1
- package/TimeField/TimeField.d.ts +1 -1
- package/TimeField/TimeField.js +22 -4
- package/TimeField/TimeField.mjs +22 -4
- package/TimeField/TimeField.types.d.mts +2 -2
- package/TimeField/TimeField.types.d.ts +2 -2
- package/TimeField/useTimeField.d.mts +1 -1
- package/TimeField/useTimeField.d.ts +1 -1
- package/TimePicker/TimePicker.d.mts +1 -1
- package/TimePicker/TimePicker.d.ts +1 -1
- package/TimePicker/TimePicker.js +0 -4
- package/TimePicker/TimePicker.mjs +0 -4
- package/TimePicker/TimePicker.types.d.mts +3 -3
- package/TimePicker/TimePicker.types.d.ts +3 -3
- package/YearCalendar/YearCalendarButton.js +2 -2
- package/YearCalendar/YearCalendarButton.mjs +3 -3
- package/hooks/useParsedFormat.js +5 -7
- package/hooks/useParsedFormat.mjs +5 -7
- package/hooks/useSplitFieldProps.d.mts +1 -1
- package/hooks/useSplitFieldProps.d.ts +1 -1
- package/hooks/useSplitFieldProps.js +1 -1
- package/hooks/useSplitFieldProps.mjs +1 -1
- package/index.d.mts +1 -2
- package/index.d.ts +1 -2
- package/index.js +2 -14
- package/index.mjs +2 -3
- package/internals/components/PickerFieldUI.d.mts +22 -13
- package/internals/components/PickerFieldUI.d.ts +22 -13
- package/internals/components/PickerFieldUI.js +22 -80
- package/internals/components/PickerFieldUI.mjs +22 -80
- package/internals/components/PickerPopper/PickerPopper.js +3 -0
- package/internals/components/PickerPopper/PickerPopper.mjs +3 -0
- package/internals/components/PickersToolbar.js +3 -1
- package/internals/components/PickersToolbar.mjs +3 -1
- package/internals/demo/DemoContainer.js +6 -8
- package/internals/demo/DemoContainer.mjs +6 -8
- package/internals/hooks/PickerDay.types.d.mts +12 -0
- package/internals/hooks/PickerDay.types.d.ts +12 -0
- package/internals/hooks/useDesktopPicker/useDesktopPicker.d.mts +2 -2
- package/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts +2 -2
- package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.mts +6 -6
- package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts +6 -6
- package/internals/hooks/useField/buildSectionsFromFormat.d.mts +0 -1
- package/internals/hooks/useField/buildSectionsFromFormat.d.ts +0 -1
- package/internals/hooks/useField/buildSectionsFromFormat.js +1 -1
- package/internals/hooks/useField/buildSectionsFromFormat.mjs +1 -1
- package/internals/hooks/useField/index.d.mts +1 -1
- package/internals/hooks/useField/index.d.ts +1 -1
- package/internals/hooks/useField/index.js +2 -8
- package/internals/hooks/useField/index.mjs +1 -1
- package/internals/hooks/useField/useField.d.mts +2 -2
- package/internals/hooks/useField/useField.d.ts +2 -2
- package/internals/hooks/useField/useField.js +265 -8
- package/internals/hooks/useField/useField.mjs +264 -8
- package/internals/hooks/useField/useField.types.d.mts +11 -50
- package/internals/hooks/useField/useField.types.d.ts +11 -50
- package/internals/hooks/useField/useField.utils.d.mts +2 -3
- package/internals/hooks/useField/useField.utils.d.ts +2 -3
- package/internals/hooks/useField/useField.utils.js +8 -65
- package/internals/hooks/useField/useField.utils.mjs +6 -62
- package/internals/hooks/useField/useFieldHiddenInputProps.d.mts +2 -4
- package/internals/hooks/useField/useFieldHiddenInputProps.d.ts +2 -4
- package/internals/hooks/useField/useFieldHiddenInputProps.js +1 -3
- package/internals/hooks/useField/useFieldHiddenInputProps.mjs +1 -3
- package/internals/hooks/useField/useFieldInternalPropsWithDefaults.js +0 -1
- package/internals/hooks/useField/useFieldInternalPropsWithDefaults.mjs +0 -1
- package/internals/hooks/useField/useFieldRootProps.d.mts +5 -5
- package/internals/hooks/useField/useFieldRootProps.d.ts +5 -5
- package/internals/hooks/useField/useFieldRootProps.js +183 -11
- package/internals/hooks/useField/useFieldRootProps.mjs +183 -11
- package/internals/hooks/useField/useFieldSectionContainerProps.d.mts +3 -5
- package/internals/hooks/useField/useFieldSectionContainerProps.d.ts +3 -5
- package/internals/hooks/useField/useFieldSectionContainerProps.js +2 -4
- package/internals/hooks/useField/useFieldSectionContainerProps.mjs +2 -4
- package/internals/hooks/useField/useFieldSectionContentProps.d.mts +6 -7
- package/internals/hooks/useField/useFieldSectionContentProps.d.ts +6 -7
- package/internals/hooks/useField/useFieldSectionContentProps.js +2 -4
- package/internals/hooks/useField/useFieldSectionContentProps.mjs +2 -4
- package/internals/hooks/useField/useFieldState.d.mts +4 -4
- package/internals/hooks/useField/useFieldState.d.ts +4 -4
- package/internals/hooks/useField/useFieldState.js +3 -6
- package/internals/hooks/useField/useFieldState.mjs +3 -6
- package/internals/hooks/useMobilePicker/useMobilePicker.d.mts +2 -2
- package/internals/hooks/useMobilePicker/useMobilePicker.d.ts +2 -2
- package/internals/hooks/useMobilePicker/useMobilePicker.types.d.mts +6 -6
- package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +6 -6
- package/internals/hooks/useNullableFieldPrivateContext.d.mts +1 -1
- package/internals/hooks/useNullableFieldPrivateContext.d.ts +1 -1
- package/internals/hooks/usePicker/usePicker.js +1 -3
- package/internals/hooks/usePicker/usePicker.mjs +1 -3
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.d.mts +2 -3
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.d.ts +2 -3
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.js +3 -5
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.mjs +3 -5
- package/internals/index.d.mts +4 -4
- package/internals/index.d.ts +4 -4
- package/internals/index.js +9 -9
- package/internals/index.mjs +3 -3
- package/internals/models/manager.d.mts +3 -5
- package/internals/models/manager.d.ts +3 -5
- package/internals/utils/valueManagers.js +1 -2
- package/internals/utils/valueManagers.mjs +2 -3
- package/managers/index.d.mts +2 -2
- package/managers/index.d.ts +2 -2
- package/managers/useDateManager.d.mts +3 -6
- package/managers/useDateManager.d.ts +3 -6
- package/managers/useDateManager.js +2 -6
- package/managers/useDateManager.mjs +2 -6
- package/managers/useDateTimeManager.d.mts +3 -6
- package/managers/useDateTimeManager.d.ts +3 -6
- package/managers/useDateTimeManager.js +2 -6
- package/managers/useDateTimeManager.mjs +2 -6
- package/managers/useTimeManager.d.mts +4 -6
- package/managers/useTimeManager.d.ts +4 -6
- package/managers/useTimeManager.js +1 -3
- package/managers/useTimeManager.mjs +1 -3
- package/models/fields.d.mts +3 -4
- package/models/fields.d.ts +3 -4
- package/models/manager.d.mts +2 -8
- package/models/manager.d.ts +2 -8
- package/package.json +55 -69
- package/themeAugmentation/components.d.mts +4 -8
- package/themeAugmentation/components.d.ts +4 -8
- package/themeAugmentation/overrides.d.mts +2 -4
- package/themeAugmentation/overrides.d.ts +2 -4
- package/themeAugmentation/props.d.mts +5 -7
- package/themeAugmentation/props.d.ts +5 -7
- package/PickerDay2/PickerDay2.d.mts +0 -7
- package/PickerDay2/PickerDay2.d.ts +0 -7
- package/PickerDay2/PickerDay2.types.d.mts +0 -18
- package/PickerDay2/PickerDay2.types.d.ts +0 -18
- package/PickerDay2/index.d.mts +0 -4
- package/PickerDay2/index.d.ts +0 -4
- package/PickerDay2/index.js +0 -25
- package/PickerDay2/index.mjs +0 -2
- package/PickerDay2/pickerDay2Classes.js +0 -14
- package/PickerDay2/pickerDay2Classes.mjs +0 -6
- package/PickersDay/PickersDay.d.mts +0 -15
- package/PickersDay/PickersDay.d.ts +0 -15
- package/PickersDay/PickersDay.js +0 -384
- package/PickersDay/PickersDay.mjs +0 -377
- package/PickersDay/PickersDay.types.d.mts +0 -114
- package/PickersDay/PickersDay.types.d.ts +0 -114
- package/PickersDay/index.d.mts +0 -4
- package/PickersDay/index.d.ts +0 -4
- package/PickersDay/index.js +0 -25
- package/PickersDay/index.mjs +0 -2
- package/PickersDay/pickersDayClasses.d.mts +0 -19
- package/PickersDay/pickersDayClasses.d.ts +0 -19
- package/PickersDay/pickersDayClasses.js +0 -14
- package/PickersDay/pickersDayClasses.mjs +0 -6
- package/internals/hooks/useField/useFieldRootHandleKeyDown.d.mts +0 -16
- package/internals/hooks/useField/useFieldRootHandleKeyDown.d.ts +0 -16
- package/internals/hooks/useField/useFieldRootHandleKeyDown.js +0 -211
- package/internals/hooks/useField/useFieldRootHandleKeyDown.mjs +0 -205
- package/internals/hooks/useField/useFieldV6TextField.d.mts +0 -26
- package/internals/hooks/useField/useFieldV6TextField.d.ts +0 -26
- package/internals/hooks/useField/useFieldV6TextField.js +0 -422
- package/internals/hooks/useField/useFieldV6TextField.mjs +0 -413
- package/internals/hooks/useField/useFieldV7TextField.d.mts +0 -3
- package/internals/hooks/useField/useFieldV7TextField.d.ts +0 -3
- package/internals/hooks/useField/useFieldV7TextField.js +0 -272
- package/internals/hooks/useField/useFieldV7TextField.mjs +0 -264
- /package/{PickerDay2/PickerDay2.types.js → PickerDay/PickerDay.types.js} +0 -0
- /package/{PickerDay2/PickerDay2.types.mjs → PickerDay/PickerDay.types.mjs} +0 -0
- /package/{PickersDay/PickersDay.types.js → internals/hooks/PickerDay.types.js} +0 -0
- /package/{PickersDay/PickersDay.types.mjs → internals/hooks/PickerDay.types.mjs} +0 -0
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { ButtonBaseProps } from '@mui/material/ButtonBase';
|
|
2
|
+
import { MuiEvent } from '@mui/x-internals/types';
|
|
3
|
+
import { PickerValidDate } from "../models/index.mjs";
|
|
4
|
+
import { PickerDayClasses } from "./pickerDayClasses.mjs";
|
|
5
|
+
import { PickerDayOwnerState as PickerDayOwnerStateBase } from "../internals/hooks/PickerDay.types.mjs";
|
|
6
|
+
export interface ExportedPickerDayProps {
|
|
7
|
+
/**
|
|
8
|
+
* If `true`, today's day is not highlighted.
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
disableHighlightToday?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* If `true`, days outside the current month are rendered:
|
|
14
|
+
*
|
|
15
|
+
* - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
|
|
16
|
+
*
|
|
17
|
+
* - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
|
|
18
|
+
*
|
|
19
|
+
* - ignored if `calendars` equals more than `1` on range pickers.
|
|
20
|
+
* @default false
|
|
21
|
+
*/
|
|
22
|
+
showDaysOutsideCurrentMonth?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface PickerDayProps extends ExportedPickerDayProps, Omit<ButtonBaseProps, 'classes' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onMouseDown' | 'onClick' | 'onMouseEnter' | 'LinkComponent'> {
|
|
25
|
+
/**
|
|
26
|
+
* The date to show.
|
|
27
|
+
*/
|
|
28
|
+
day: PickerValidDate;
|
|
29
|
+
/**
|
|
30
|
+
* If `true`, renders as selected.
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
selected?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* If `true`, the day is disabled.
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
disabled?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* If `true`, today's day is highlighted.
|
|
41
|
+
* @default false
|
|
42
|
+
*/
|
|
43
|
+
today?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* If `true`, the day is outside the current month.
|
|
46
|
+
* @default false
|
|
47
|
+
*/
|
|
48
|
+
outsideCurrentMonth?: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* If `true`, the day is the first visible cell of the month.
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
isFirstVisibleCell?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* If `true`, the day is the last visible cell of the month.
|
|
56
|
+
* @default false
|
|
57
|
+
*/
|
|
58
|
+
isLastVisibleCell?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* If `true`, the day is being animated.
|
|
61
|
+
* @default false
|
|
62
|
+
*/
|
|
63
|
+
isAnimating?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Callback fired when the day is selected.
|
|
66
|
+
* @param {PickerValidDate} day The day to select.
|
|
67
|
+
*/
|
|
68
|
+
onDaySelect: (day: PickerValidDate) => void;
|
|
69
|
+
/**
|
|
70
|
+
* Callback fired when a key is pressed.
|
|
71
|
+
* @param {React.KeyboardEvent<HTMLButtonElement>} event The event object.
|
|
72
|
+
* @param {PickerValidDate} day The day.
|
|
73
|
+
* @default () => {}
|
|
74
|
+
*/
|
|
75
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
76
|
+
/**
|
|
77
|
+
* Callback fired when the component is focused.
|
|
78
|
+
* @param {React.FocusEvent<HTMLButtonElement>} event The event object.
|
|
79
|
+
* @param {PickerValidDate} day The day.
|
|
80
|
+
* @default () => {}
|
|
81
|
+
*/
|
|
82
|
+
onFocus?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
83
|
+
/**
|
|
84
|
+
* Callback fired when the component is blurred.
|
|
85
|
+
* @param {React.FocusEvent<HTMLButtonElement>} event The event object.
|
|
86
|
+
* @param {PickerValidDate} day The day.
|
|
87
|
+
* @default () => {}
|
|
88
|
+
*/
|
|
89
|
+
onBlur?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
90
|
+
/**
|
|
91
|
+
* Callback fired when the mouse enters the component.
|
|
92
|
+
* @param {React.MouseEvent<HTMLButtonElement>} event The event object.
|
|
93
|
+
* @param {PickerValidDate} day The day.
|
|
94
|
+
* @default () => {}
|
|
95
|
+
*/
|
|
96
|
+
onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
97
|
+
/**
|
|
98
|
+
* Callback fired when the component is clicked.
|
|
99
|
+
* @param {MuiEvent<React.MouseEvent<HTMLButtonElement>>} event The event object.
|
|
100
|
+
* @default () => {}
|
|
101
|
+
*/
|
|
102
|
+
onClick?: (event: MuiEvent<React.MouseEvent<HTMLButtonElement>>) => void;
|
|
103
|
+
/**
|
|
104
|
+
* Callback fired when the mouse button is pressed.
|
|
105
|
+
* @param {React.MouseEvent<HTMLButtonElement>} event The event object.
|
|
106
|
+
* @default () => {}
|
|
107
|
+
*/
|
|
108
|
+
onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
109
|
+
/**
|
|
110
|
+
* Override or extend the styles applied to the component.
|
|
111
|
+
*/
|
|
112
|
+
classes?: Partial<PickerDayClasses>;
|
|
113
|
+
/**
|
|
114
|
+
* Indicates if the day should be visually selected.
|
|
115
|
+
*/
|
|
116
|
+
isVisuallySelected?: boolean;
|
|
117
|
+
/**
|
|
118
|
+
* If `true`, the day is a filler day (its content is hidden).
|
|
119
|
+
* @default false
|
|
120
|
+
*/
|
|
121
|
+
isDayFillerCell?: boolean;
|
|
122
|
+
}
|
|
123
|
+
export interface PickerDayOwnerState extends PickerDayOwnerStateBase {
|
|
124
|
+
/**
|
|
125
|
+
* Whether the day is a filler day (its content is hidden).
|
|
126
|
+
*/
|
|
127
|
+
isDayFillerCell?: boolean;
|
|
128
|
+
/**
|
|
129
|
+
* Whether the day is the first visible cell of the month it's being rendered in.
|
|
130
|
+
*/
|
|
131
|
+
isDayFirstVisibleCell?: boolean;
|
|
132
|
+
/**
|
|
133
|
+
* Whether the day is the last visible cell of the month it's being rendered in.
|
|
134
|
+
*/
|
|
135
|
+
isDayLastVisibleCell?: boolean;
|
|
136
|
+
}
|
|
137
|
+
export type { PickerDayOwnerStateBase };
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { ButtonBaseProps } from '@mui/material/ButtonBase';
|
|
2
|
+
import { MuiEvent } from '@mui/x-internals/types';
|
|
3
|
+
import { PickerValidDate } from "../models/index.js";
|
|
4
|
+
import { PickerDayClasses } from "./pickerDayClasses.js";
|
|
5
|
+
import { PickerDayOwnerState as PickerDayOwnerStateBase } from "../internals/hooks/PickerDay.types.js";
|
|
6
|
+
export interface ExportedPickerDayProps {
|
|
7
|
+
/**
|
|
8
|
+
* If `true`, today's day is not highlighted.
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
disableHighlightToday?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* If `true`, days outside the current month are rendered:
|
|
14
|
+
*
|
|
15
|
+
* - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
|
|
16
|
+
*
|
|
17
|
+
* - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
|
|
18
|
+
*
|
|
19
|
+
* - ignored if `calendars` equals more than `1` on range pickers.
|
|
20
|
+
* @default false
|
|
21
|
+
*/
|
|
22
|
+
showDaysOutsideCurrentMonth?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface PickerDayProps extends ExportedPickerDayProps, Omit<ButtonBaseProps, 'classes' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onMouseDown' | 'onClick' | 'onMouseEnter' | 'LinkComponent'> {
|
|
25
|
+
/**
|
|
26
|
+
* The date to show.
|
|
27
|
+
*/
|
|
28
|
+
day: PickerValidDate;
|
|
29
|
+
/**
|
|
30
|
+
* If `true`, renders as selected.
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
selected?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* If `true`, the day is disabled.
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
disabled?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* If `true`, today's day is highlighted.
|
|
41
|
+
* @default false
|
|
42
|
+
*/
|
|
43
|
+
today?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* If `true`, the day is outside the current month.
|
|
46
|
+
* @default false
|
|
47
|
+
*/
|
|
48
|
+
outsideCurrentMonth?: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* If `true`, the day is the first visible cell of the month.
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
isFirstVisibleCell?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* If `true`, the day is the last visible cell of the month.
|
|
56
|
+
* @default false
|
|
57
|
+
*/
|
|
58
|
+
isLastVisibleCell?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* If `true`, the day is being animated.
|
|
61
|
+
* @default false
|
|
62
|
+
*/
|
|
63
|
+
isAnimating?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Callback fired when the day is selected.
|
|
66
|
+
* @param {PickerValidDate} day The day to select.
|
|
67
|
+
*/
|
|
68
|
+
onDaySelect: (day: PickerValidDate) => void;
|
|
69
|
+
/**
|
|
70
|
+
* Callback fired when a key is pressed.
|
|
71
|
+
* @param {React.KeyboardEvent<HTMLButtonElement>} event The event object.
|
|
72
|
+
* @param {PickerValidDate} day The day.
|
|
73
|
+
* @default () => {}
|
|
74
|
+
*/
|
|
75
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
76
|
+
/**
|
|
77
|
+
* Callback fired when the component is focused.
|
|
78
|
+
* @param {React.FocusEvent<HTMLButtonElement>} event The event object.
|
|
79
|
+
* @param {PickerValidDate} day The day.
|
|
80
|
+
* @default () => {}
|
|
81
|
+
*/
|
|
82
|
+
onFocus?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
83
|
+
/**
|
|
84
|
+
* Callback fired when the component is blurred.
|
|
85
|
+
* @param {React.FocusEvent<HTMLButtonElement>} event The event object.
|
|
86
|
+
* @param {PickerValidDate} day The day.
|
|
87
|
+
* @default () => {}
|
|
88
|
+
*/
|
|
89
|
+
onBlur?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
90
|
+
/**
|
|
91
|
+
* Callback fired when the mouse enters the component.
|
|
92
|
+
* @param {React.MouseEvent<HTMLButtonElement>} event The event object.
|
|
93
|
+
* @param {PickerValidDate} day The day.
|
|
94
|
+
* @default () => {}
|
|
95
|
+
*/
|
|
96
|
+
onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
97
|
+
/**
|
|
98
|
+
* Callback fired when the component is clicked.
|
|
99
|
+
* @param {MuiEvent<React.MouseEvent<HTMLButtonElement>>} event The event object.
|
|
100
|
+
* @default () => {}
|
|
101
|
+
*/
|
|
102
|
+
onClick?: (event: MuiEvent<React.MouseEvent<HTMLButtonElement>>) => void;
|
|
103
|
+
/**
|
|
104
|
+
* Callback fired when the mouse button is pressed.
|
|
105
|
+
* @param {React.MouseEvent<HTMLButtonElement>} event The event object.
|
|
106
|
+
* @default () => {}
|
|
107
|
+
*/
|
|
108
|
+
onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
109
|
+
/**
|
|
110
|
+
* Override or extend the styles applied to the component.
|
|
111
|
+
*/
|
|
112
|
+
classes?: Partial<PickerDayClasses>;
|
|
113
|
+
/**
|
|
114
|
+
* Indicates if the day should be visually selected.
|
|
115
|
+
*/
|
|
116
|
+
isVisuallySelected?: boolean;
|
|
117
|
+
/**
|
|
118
|
+
* If `true`, the day is a filler day (its content is hidden).
|
|
119
|
+
* @default false
|
|
120
|
+
*/
|
|
121
|
+
isDayFillerCell?: boolean;
|
|
122
|
+
}
|
|
123
|
+
export interface PickerDayOwnerState extends PickerDayOwnerStateBase {
|
|
124
|
+
/**
|
|
125
|
+
* Whether the day is a filler day (its content is hidden).
|
|
126
|
+
*/
|
|
127
|
+
isDayFillerCell?: boolean;
|
|
128
|
+
/**
|
|
129
|
+
* Whether the day is the first visible cell of the month it's being rendered in.
|
|
130
|
+
*/
|
|
131
|
+
isDayFirstVisibleCell?: boolean;
|
|
132
|
+
/**
|
|
133
|
+
* Whether the day is the last visible cell of the month it's being rendered in.
|
|
134
|
+
*/
|
|
135
|
+
isDayLastVisibleCell?: boolean;
|
|
136
|
+
}
|
|
137
|
+
export type { PickerDayOwnerStateBase };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { PickerDay } from "./PickerDay.mjs";
|
|
2
|
+
export type { PickerDayProps, PickerDayOwnerState, PickerDayOwnerStateBase } from "./PickerDay.types.mjs";
|
|
3
|
+
export { getPickerDayUtilityClass, pickerDayClasses } from "./pickerDayClasses.mjs";
|
|
4
|
+
export type { PickerDayClassKey } from "./pickerDayClasses.mjs";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { PickerDay } from "./PickerDay.js";
|
|
2
|
+
export type { PickerDayProps, PickerDayOwnerState, PickerDayOwnerStateBase } from "./PickerDay.types.js";
|
|
3
|
+
export { getPickerDayUtilityClass, pickerDayClasses } from "./pickerDayClasses.js";
|
|
4
|
+
export type { PickerDayClassKey } from "./pickerDayClasses.js";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "PickerDay", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _PickerDay.PickerDay;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "getPickerDayUtilityClass", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _pickerDayClasses.getPickerDayUtilityClass;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "pickerDayClasses", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _pickerDayClasses.pickerDayClasses;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _PickerDay = require("./PickerDay");
|
|
25
|
+
var _pickerDayClasses = require("./pickerDayClasses");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export interface
|
|
1
|
+
export interface PickerDayClasses {
|
|
2
2
|
/** Styles applied to the root element. */
|
|
3
3
|
root: string;
|
|
4
4
|
/** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=true`. */
|
|
@@ -12,6 +12,6 @@ export interface PickerDay2Classes {
|
|
|
12
12
|
/** State class applied to the root element if `disabled=true`. */
|
|
13
13
|
disabled: string;
|
|
14
14
|
}
|
|
15
|
-
export type
|
|
16
|
-
export declare function
|
|
17
|
-
export declare const
|
|
15
|
+
export type PickerDayClassKey = keyof PickerDayClasses;
|
|
16
|
+
export declare function getPickerDayUtilityClass(slot: string): string;
|
|
17
|
+
export declare const pickerDayClasses: Record<keyof PickerDayClasses, string>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export interface
|
|
1
|
+
export interface PickerDayClasses {
|
|
2
2
|
/** Styles applied to the root element. */
|
|
3
3
|
root: string;
|
|
4
4
|
/** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=true`. */
|
|
@@ -12,6 +12,6 @@ export interface PickerDay2Classes {
|
|
|
12
12
|
/** State class applied to the root element if `disabled=true`. */
|
|
13
13
|
disabled: string;
|
|
14
14
|
}
|
|
15
|
-
export type
|
|
16
|
-
export declare function
|
|
17
|
-
export declare const
|
|
15
|
+
export type PickerDayClassKey = keyof PickerDayClasses;
|
|
16
|
+
export declare function getPickerDayUtilityClass(slot: string): string;
|
|
17
|
+
export declare const pickerDayClasses: Record<keyof PickerDayClasses, string>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.getPickerDayUtilityClass = getPickerDayUtilityClass;
|
|
8
|
+
exports.pickerDayClasses = void 0;
|
|
9
|
+
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
10
|
+
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
11
|
+
function getPickerDayUtilityClass(slot) {
|
|
12
|
+
return (0, _generateUtilityClass.default)('MuiPickerDay', slot);
|
|
13
|
+
}
|
|
14
|
+
const pickerDayClasses = exports.pickerDayClasses = (0, _generateUtilityClasses.default)('MuiPickerDay', ['root', 'dayOutsideMonth', 'today', 'selected', 'disabled', 'fillerCell']);
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
+
export function getPickerDayUtilityClass(slot) {
|
|
4
|
+
return generateUtilityClass('MuiPickerDay', slot);
|
|
5
|
+
}
|
|
6
|
+
export const pickerDayClasses = generateUtilityClasses('MuiPickerDay', ['root', 'dayOutsideMonth', 'today', 'selected', 'disabled', 'fillerCell']);
|
|
@@ -97,7 +97,7 @@ const PickersFilledInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInp
|
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
'&::before': {
|
|
100
|
-
borderBottom: `1px solid ${theme.vars ?
|
|
100
|
+
borderBottom: `1px solid ${theme.vars ? theme.alpha(theme.vars.palette.common.onBackground, theme.vars.opacity.inputUnderline) : bottomLineColor}`,
|
|
101
101
|
left: 0,
|
|
102
102
|
bottom: 0,
|
|
103
103
|
// Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
|
|
@@ -266,14 +266,37 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
|
|
|
266
266
|
container: _propTypes.default.object.isRequired,
|
|
267
267
|
content: _propTypes.default.object.isRequired
|
|
268
268
|
})).isRequired,
|
|
269
|
+
/**
|
|
270
|
+
* End `InputAdornment` for this component.
|
|
271
|
+
*/
|
|
269
272
|
endAdornment: _propTypes.default.node,
|
|
273
|
+
/**
|
|
274
|
+
* If `true`, the input will take up the full width of its container.
|
|
275
|
+
* @default false
|
|
276
|
+
*/
|
|
270
277
|
fullWidth: _propTypes.default.bool,
|
|
271
278
|
hiddenLabel: _propTypes.default.bool,
|
|
279
|
+
/**
|
|
280
|
+
* The id of the `input` element.
|
|
281
|
+
*/
|
|
272
282
|
id: _propTypes.default.string,
|
|
283
|
+
/**
|
|
284
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
285
|
+
* @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
286
|
+
*/
|
|
273
287
|
inputProps: _propTypes.default.object,
|
|
288
|
+
/**
|
|
289
|
+
* Pass a ref to the `input` element.
|
|
290
|
+
*/
|
|
274
291
|
inputRef: _refType.default,
|
|
292
|
+
/**
|
|
293
|
+
* The label content.
|
|
294
|
+
*/
|
|
275
295
|
label: _propTypes.default.node,
|
|
276
296
|
margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
|
|
297
|
+
/**
|
|
298
|
+
* Name attribute of the `input` element.
|
|
299
|
+
*/
|
|
277
300
|
name: _propTypes.default.string,
|
|
278
301
|
onChange: _propTypes.default.func.isRequired,
|
|
279
302
|
onClick: _propTypes.default.func.isRequired,
|
|
@@ -302,6 +325,9 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
|
|
|
302
325
|
* @default {}
|
|
303
326
|
*/
|
|
304
327
|
slots: _propTypes.default.object,
|
|
328
|
+
/**
|
|
329
|
+
* Start `InputAdornment` for this component.
|
|
330
|
+
*/
|
|
305
331
|
startAdornment: _propTypes.default.node,
|
|
306
332
|
style: _propTypes.default.object,
|
|
307
333
|
/**
|
|
@@ -90,7 +90,7 @@ const PickersFilledInputRoot = styled(PickersInputBaseRoot, {
|
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
'&::before': {
|
|
93
|
-
borderBottom: `1px solid ${theme.vars ?
|
|
93
|
+
borderBottom: `1px solid ${theme.vars ? theme.alpha(theme.vars.palette.common.onBackground, theme.vars.opacity.inputUnderline) : bottomLineColor}`,
|
|
94
94
|
left: 0,
|
|
95
95
|
bottom: 0,
|
|
96
96
|
// Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
|
|
@@ -259,14 +259,37 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
|
|
|
259
259
|
container: PropTypes.object.isRequired,
|
|
260
260
|
content: PropTypes.object.isRequired
|
|
261
261
|
})).isRequired,
|
|
262
|
+
/**
|
|
263
|
+
* End `InputAdornment` for this component.
|
|
264
|
+
*/
|
|
262
265
|
endAdornment: PropTypes.node,
|
|
266
|
+
/**
|
|
267
|
+
* If `true`, the input will take up the full width of its container.
|
|
268
|
+
* @default false
|
|
269
|
+
*/
|
|
263
270
|
fullWidth: PropTypes.bool,
|
|
264
271
|
hiddenLabel: PropTypes.bool,
|
|
272
|
+
/**
|
|
273
|
+
* The id of the `input` element.
|
|
274
|
+
*/
|
|
265
275
|
id: PropTypes.string,
|
|
276
|
+
/**
|
|
277
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
278
|
+
* @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
279
|
+
*/
|
|
266
280
|
inputProps: PropTypes.object,
|
|
281
|
+
/**
|
|
282
|
+
* Pass a ref to the `input` element.
|
|
283
|
+
*/
|
|
267
284
|
inputRef: refType,
|
|
285
|
+
/**
|
|
286
|
+
* The label content.
|
|
287
|
+
*/
|
|
268
288
|
label: PropTypes.node,
|
|
269
289
|
margin: PropTypes.oneOf(['dense', 'none', 'normal']),
|
|
290
|
+
/**
|
|
291
|
+
* Name attribute of the `input` element.
|
|
292
|
+
*/
|
|
270
293
|
name: PropTypes.string,
|
|
271
294
|
onChange: PropTypes.func.isRequired,
|
|
272
295
|
onClick: PropTypes.func.isRequired,
|
|
@@ -295,6 +318,9 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
|
|
|
295
318
|
* @default {}
|
|
296
319
|
*/
|
|
297
320
|
slots: PropTypes.object,
|
|
321
|
+
/**
|
|
322
|
+
* Start `InputAdornment` for this component.
|
|
323
|
+
*/
|
|
298
324
|
startAdornment: PropTypes.node,
|
|
299
325
|
style: PropTypes.object,
|
|
300
326
|
/**
|
|
@@ -31,7 +31,7 @@ const PickersInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBase
|
|
|
31
31
|
const light = theme.palette.mode === 'light';
|
|
32
32
|
let bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
|
|
33
33
|
if (theme.vars) {
|
|
34
|
-
bottomLineColor =
|
|
34
|
+
bottomLineColor = theme.alpha(theme.vars.palette.common.onBackground, theme.vars.opacity.inputUnderline);
|
|
35
35
|
}
|
|
36
36
|
return {
|
|
37
37
|
'label + &': {
|
|
@@ -185,13 +185,36 @@ process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
|
|
|
185
185
|
container: _propTypes.default.object.isRequired,
|
|
186
186
|
content: _propTypes.default.object.isRequired
|
|
187
187
|
})).isRequired,
|
|
188
|
+
/**
|
|
189
|
+
* End `InputAdornment` for this component.
|
|
190
|
+
*/
|
|
188
191
|
endAdornment: _propTypes.default.node,
|
|
192
|
+
/**
|
|
193
|
+
* If `true`, the input will take up the full width of its container.
|
|
194
|
+
* @default false
|
|
195
|
+
*/
|
|
189
196
|
fullWidth: _propTypes.default.bool,
|
|
197
|
+
/**
|
|
198
|
+
* The id of the `input` element.
|
|
199
|
+
*/
|
|
190
200
|
id: _propTypes.default.string,
|
|
201
|
+
/**
|
|
202
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
203
|
+
* @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
204
|
+
*/
|
|
191
205
|
inputProps: _propTypes.default.object,
|
|
206
|
+
/**
|
|
207
|
+
* Pass a ref to the `input` element.
|
|
208
|
+
*/
|
|
192
209
|
inputRef: _refType.default,
|
|
210
|
+
/**
|
|
211
|
+
* The label content.
|
|
212
|
+
*/
|
|
193
213
|
label: _propTypes.default.node,
|
|
194
214
|
margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
|
|
215
|
+
/**
|
|
216
|
+
* Name attribute of the `input` element.
|
|
217
|
+
*/
|
|
195
218
|
name: _propTypes.default.string,
|
|
196
219
|
onChange: _propTypes.default.func.isRequired,
|
|
197
220
|
onClick: _propTypes.default.func.isRequired,
|
|
@@ -220,6 +243,9 @@ process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
|
|
|
220
243
|
* @default {}
|
|
221
244
|
*/
|
|
222
245
|
slots: _propTypes.default.object,
|
|
246
|
+
/**
|
|
247
|
+
* Start `InputAdornment` for this component.
|
|
248
|
+
*/
|
|
223
249
|
startAdornment: _propTypes.default.node,
|
|
224
250
|
style: _propTypes.default.object,
|
|
225
251
|
/**
|
|
@@ -24,7 +24,7 @@ const PickersInputRoot = styled(PickersInputBaseRoot, {
|
|
|
24
24
|
const light = theme.palette.mode === 'light';
|
|
25
25
|
let bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
|
|
26
26
|
if (theme.vars) {
|
|
27
|
-
bottomLineColor =
|
|
27
|
+
bottomLineColor = theme.alpha(theme.vars.palette.common.onBackground, theme.vars.opacity.inputUnderline);
|
|
28
28
|
}
|
|
29
29
|
return {
|
|
30
30
|
'label + &': {
|
|
@@ -178,13 +178,36 @@ process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
|
|
|
178
178
|
container: PropTypes.object.isRequired,
|
|
179
179
|
content: PropTypes.object.isRequired
|
|
180
180
|
})).isRequired,
|
|
181
|
+
/**
|
|
182
|
+
* End `InputAdornment` for this component.
|
|
183
|
+
*/
|
|
181
184
|
endAdornment: PropTypes.node,
|
|
185
|
+
/**
|
|
186
|
+
* If `true`, the input will take up the full width of its container.
|
|
187
|
+
* @default false
|
|
188
|
+
*/
|
|
182
189
|
fullWidth: PropTypes.bool,
|
|
190
|
+
/**
|
|
191
|
+
* The id of the `input` element.
|
|
192
|
+
*/
|
|
183
193
|
id: PropTypes.string,
|
|
194
|
+
/**
|
|
195
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
196
|
+
* @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
197
|
+
*/
|
|
184
198
|
inputProps: PropTypes.object,
|
|
199
|
+
/**
|
|
200
|
+
* Pass a ref to the `input` element.
|
|
201
|
+
*/
|
|
185
202
|
inputRef: refType,
|
|
203
|
+
/**
|
|
204
|
+
* The label content.
|
|
205
|
+
*/
|
|
186
206
|
label: PropTypes.node,
|
|
187
207
|
margin: PropTypes.oneOf(['dense', 'none', 'normal']),
|
|
208
|
+
/**
|
|
209
|
+
* Name attribute of the `input` element.
|
|
210
|
+
*/
|
|
188
211
|
name: PropTypes.string,
|
|
189
212
|
onChange: PropTypes.func.isRequired,
|
|
190
213
|
onClick: PropTypes.func.isRequired,
|
|
@@ -213,6 +236,9 @@ process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
|
|
|
213
236
|
* @default {}
|
|
214
237
|
*/
|
|
215
238
|
slots: PropTypes.object,
|
|
239
|
+
/**
|
|
240
|
+
* Start `InputAdornment` for this component.
|
|
241
|
+
*/
|
|
216
242
|
startAdornment: PropTypes.node,
|
|
217
243
|
style: PropTypes.object,
|
|
218
244
|
/**
|
|
@@ -446,13 +446,36 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
|
|
|
446
446
|
container: _propTypes.default.object.isRequired,
|
|
447
447
|
content: _propTypes.default.object.isRequired
|
|
448
448
|
})).isRequired,
|
|
449
|
+
/**
|
|
450
|
+
* End `InputAdornment` for this component.
|
|
451
|
+
*/
|
|
449
452
|
endAdornment: _propTypes.default.node,
|
|
453
|
+
/**
|
|
454
|
+
* If `true`, the input will take up the full width of its container.
|
|
455
|
+
* @default false
|
|
456
|
+
*/
|
|
450
457
|
fullWidth: _propTypes.default.bool,
|
|
458
|
+
/**
|
|
459
|
+
* The id of the `input` element.
|
|
460
|
+
*/
|
|
451
461
|
id: _propTypes.default.string,
|
|
462
|
+
/**
|
|
463
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
464
|
+
* @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
465
|
+
*/
|
|
452
466
|
inputProps: _propTypes.default.object,
|
|
467
|
+
/**
|
|
468
|
+
* Pass a ref to the `input` element.
|
|
469
|
+
*/
|
|
453
470
|
inputRef: _refType.default,
|
|
471
|
+
/**
|
|
472
|
+
* The label content.
|
|
473
|
+
*/
|
|
454
474
|
label: _propTypes.default.node,
|
|
455
475
|
margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
|
|
476
|
+
/**
|
|
477
|
+
* Name attribute of the `input` element.
|
|
478
|
+
*/
|
|
456
479
|
name: _propTypes.default.string,
|
|
457
480
|
onChange: _propTypes.default.func.isRequired,
|
|
458
481
|
onClick: _propTypes.default.func.isRequired,
|
|
@@ -481,6 +504,9 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
|
|
|
481
504
|
* @default {}
|
|
482
505
|
*/
|
|
483
506
|
slots: _propTypes.default.object,
|
|
507
|
+
/**
|
|
508
|
+
* Start `InputAdornment` for this component.
|
|
509
|
+
*/
|
|
484
510
|
startAdornment: _propTypes.default.node,
|
|
485
511
|
style: _propTypes.default.object,
|
|
486
512
|
/**
|