@mui/x-date-pickers 9.0.0-alpha.3 → 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 +384 -1
- 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 +26 -8
- package/DateField/DateField.mjs +26 -8
- 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 +26 -8
- package/DateTimeField/DateTimeField.mjs +26 -8
- 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 +5 -3
- package/DigitalClock/DigitalClock.mjs +6 -4
- 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 +46 -9
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.mjs +47 -10
- 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 +26 -8
- package/TimeField/TimeField.mjs +26 -8
- 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 +20 -2
- package/internals/components/PickerPopper/PickerPopper.mjs +20 -2
- 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 +12 -51
- package/internals/hooks/useField/useField.types.d.ts +12 -51
- 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 +2 -3
- package/internals/hooks/useField/useFieldInternalPropsWithDefaults.mjs +2 -3
- 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 +3 -2
- package/internals/hooks/useNullableFieldPrivateContext.d.ts +3 -2
- package/internals/hooks/usePicker/usePicker.js +13 -10
- package/internals/hooks/usePicker/usePicker.mjs +13 -10
- package/internals/hooks/usePicker/usePicker.types.d.mts +2 -1
- package/internals/hooks/usePicker/usePicker.types.d.ts +2 -1
- 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 +5 -4
- package/internals/index.d.ts +5 -4
- package/internals/index.js +16 -9
- package/internals/index.mjs +4 -3
- package/internals/models/manager.d.mts +3 -5
- package/internals/models/manager.d.ts +3 -5
- package/internals/utils/isElementInteractive.d.mts +1 -0
- package/internals/utils/isElementInteractive.d.ts +1 -0
- package/internals/utils/isElementInteractive.js +34 -0
- package/internals/utils/isElementInteractive.mjs +28 -0
- 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 +7 -4
- package/models/fields.d.ts +7 -4
- package/models/manager.d.mts +2 -8
- package/models/manager.d.ts +2 -8
- package/package.json +12 -26
- 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 -421
- package/internals/hooks/useField/useFieldV6TextField.mjs +0 -412
- 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 -271
- package/internals/hooks/useField/useFieldV7TextField.mjs +0 -263
- /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
|
@@ -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
|
/**
|
|
@@ -439,13 +439,36 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
|
|
|
439
439
|
container: PropTypes.object.isRequired,
|
|
440
440
|
content: PropTypes.object.isRequired
|
|
441
441
|
})).isRequired,
|
|
442
|
+
/**
|
|
443
|
+
* End `InputAdornment` for this component.
|
|
444
|
+
*/
|
|
442
445
|
endAdornment: PropTypes.node,
|
|
446
|
+
/**
|
|
447
|
+
* If `true`, the input will take up the full width of its container.
|
|
448
|
+
* @default false
|
|
449
|
+
*/
|
|
443
450
|
fullWidth: PropTypes.bool,
|
|
451
|
+
/**
|
|
452
|
+
* The id of the `input` element.
|
|
453
|
+
*/
|
|
444
454
|
id: PropTypes.string,
|
|
455
|
+
/**
|
|
456
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
457
|
+
* @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.
|
|
458
|
+
*/
|
|
445
459
|
inputProps: PropTypes.object,
|
|
460
|
+
/**
|
|
461
|
+
* Pass a ref to the `input` element.
|
|
462
|
+
*/
|
|
446
463
|
inputRef: refType,
|
|
464
|
+
/**
|
|
465
|
+
* The label content.
|
|
466
|
+
*/
|
|
447
467
|
label: PropTypes.node,
|
|
448
468
|
margin: PropTypes.oneOf(['dense', 'none', 'normal']),
|
|
469
|
+
/**
|
|
470
|
+
* Name attribute of the `input` element.
|
|
471
|
+
*/
|
|
449
472
|
name: PropTypes.string,
|
|
450
473
|
onChange: PropTypes.func.isRequired,
|
|
451
474
|
onClick: PropTypes.func.isRequired,
|
|
@@ -474,6 +497,9 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
|
|
|
474
497
|
* @default {}
|
|
475
498
|
*/
|
|
476
499
|
slots: PropTypes.object,
|
|
500
|
+
/**
|
|
501
|
+
* Start `InputAdornment` for this component.
|
|
502
|
+
*/
|
|
477
503
|
startAdornment: PropTypes.node,
|
|
478
504
|
style: PropTypes.object,
|
|
479
505
|
/**
|
|
@@ -14,18 +14,44 @@ export interface PickersInputPropsUsedByField extends Pick<PickersSectionListPro
|
|
|
14
14
|
onKeyDown: React.EventHandler<MuiEvent<React.KeyboardEvent<HTMLDivElement>>>;
|
|
15
15
|
onInput: React.FormEventHandler<HTMLDivElement>;
|
|
16
16
|
onPaste: React.ClipboardEventHandler<HTMLDivElement>;
|
|
17
|
+
/**
|
|
18
|
+
* End `InputAdornment` for this component.
|
|
19
|
+
*/
|
|
17
20
|
endAdornment?: React.ReactNode;
|
|
21
|
+
/**
|
|
22
|
+
* Start `InputAdornment` for this component.
|
|
23
|
+
*/
|
|
18
24
|
startAdornment?: React.ReactNode;
|
|
19
25
|
value: string;
|
|
20
26
|
onChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
27
|
+
/**
|
|
28
|
+
* The label content.
|
|
29
|
+
*/
|
|
21
30
|
label?: React.ReactNode;
|
|
31
|
+
/**
|
|
32
|
+
* The id of the `input` element.
|
|
33
|
+
*/
|
|
22
34
|
id?: string;
|
|
35
|
+
/**
|
|
36
|
+
* If `true`, the input will take up the full width of its container.
|
|
37
|
+
* @default false
|
|
38
|
+
*/
|
|
23
39
|
fullWidth?: boolean;
|
|
24
40
|
readOnly?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Name attribute of the `input` element.
|
|
43
|
+
*/
|
|
25
44
|
name?: string;
|
|
45
|
+
/**
|
|
46
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
47
|
+
* @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.
|
|
48
|
+
*/
|
|
26
49
|
inputProps?: React.HTMLAttributes<HTMLInputElement> & {
|
|
27
50
|
ref?: React.Ref<HTMLInputElement>;
|
|
28
51
|
};
|
|
52
|
+
/**
|
|
53
|
+
* Pass a ref to the `input` element.
|
|
54
|
+
*/
|
|
29
55
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
30
56
|
}
|
|
31
57
|
export interface PickersInputBaseProps extends Omit<BoxProps, keyof PickersInputPropsUsedByField>, PickersInputPropsUsedByField {
|
|
@@ -14,18 +14,44 @@ export interface PickersInputPropsUsedByField extends Pick<PickersSectionListPro
|
|
|
14
14
|
onKeyDown: React.EventHandler<MuiEvent<React.KeyboardEvent<HTMLDivElement>>>;
|
|
15
15
|
onInput: React.FormEventHandler<HTMLDivElement>;
|
|
16
16
|
onPaste: React.ClipboardEventHandler<HTMLDivElement>;
|
|
17
|
+
/**
|
|
18
|
+
* End `InputAdornment` for this component.
|
|
19
|
+
*/
|
|
17
20
|
endAdornment?: React.ReactNode;
|
|
21
|
+
/**
|
|
22
|
+
* Start `InputAdornment` for this component.
|
|
23
|
+
*/
|
|
18
24
|
startAdornment?: React.ReactNode;
|
|
19
25
|
value: string;
|
|
20
26
|
onChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
27
|
+
/**
|
|
28
|
+
* The label content.
|
|
29
|
+
*/
|
|
21
30
|
label?: React.ReactNode;
|
|
31
|
+
/**
|
|
32
|
+
* The id of the `input` element.
|
|
33
|
+
*/
|
|
22
34
|
id?: string;
|
|
35
|
+
/**
|
|
36
|
+
* If `true`, the input will take up the full width of its container.
|
|
37
|
+
* @default false
|
|
38
|
+
*/
|
|
23
39
|
fullWidth?: boolean;
|
|
24
40
|
readOnly?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Name attribute of the `input` element.
|
|
43
|
+
*/
|
|
25
44
|
name?: string;
|
|
45
|
+
/**
|
|
46
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
47
|
+
* @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.
|
|
48
|
+
*/
|
|
26
49
|
inputProps?: React.HTMLAttributes<HTMLInputElement> & {
|
|
27
50
|
ref?: React.Ref<HTMLInputElement>;
|
|
28
51
|
};
|
|
52
|
+
/**
|
|
53
|
+
* Pass a ref to the `input` element.
|
|
54
|
+
*/
|
|
29
55
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
30
56
|
}
|
|
31
57
|
export interface PickersInputBaseProps extends Omit<BoxProps, keyof PickersInputPropsUsedByField>, PickersInputPropsUsedByField {
|
|
@@ -36,7 +36,7 @@ const OutlineRoot = (0, _styles.styled)('fieldset', {
|
|
|
36
36
|
borderWidth: 1,
|
|
37
37
|
overflow: 'hidden',
|
|
38
38
|
minWidth: '0%',
|
|
39
|
-
borderColor: theme.vars ?
|
|
39
|
+
borderColor: theme.vars ? theme.alpha(theme.vars.palette.common.onBackground, 0.23) : borderColor
|
|
40
40
|
};
|
|
41
41
|
});
|
|
42
42
|
const OutlineLabel = (0, _styles.styled)('span', {
|
|
@@ -28,7 +28,7 @@ const OutlineRoot = styled('fieldset', {
|
|
|
28
28
|
borderWidth: 1,
|
|
29
29
|
overflow: 'hidden',
|
|
30
30
|
minWidth: '0%',
|
|
31
|
-
borderColor: theme.vars ?
|
|
31
|
+
borderColor: theme.vars ? theme.alpha(theme.vars.palette.common.onBackground, 0.23) : borderColor
|
|
32
32
|
};
|
|
33
33
|
});
|
|
34
34
|
const OutlineLabel = styled('span', {
|
|
@@ -37,7 +37,7 @@ const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersI
|
|
|
37
37
|
// Reset on touch devices, it doesn't add specificity
|
|
38
38
|
'@media (hover: none)': {
|
|
39
39
|
[`&:hover .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
|
|
40
|
-
borderColor: theme.vars ?
|
|
40
|
+
borderColor: theme.vars ? theme.alpha(theme.vars.palette.common.onBackground, 0.23) : borderColor
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
[`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.focused} .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
|
|
@@ -159,13 +159,36 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
|
|
|
159
159
|
container: _propTypes.default.object.isRequired,
|
|
160
160
|
content: _propTypes.default.object.isRequired
|
|
161
161
|
})).isRequired,
|
|
162
|
+
/**
|
|
163
|
+
* End `InputAdornment` for this component.
|
|
164
|
+
*/
|
|
162
165
|
endAdornment: _propTypes.default.node,
|
|
166
|
+
/**
|
|
167
|
+
* If `true`, the input will take up the full width of its container.
|
|
168
|
+
* @default false
|
|
169
|
+
*/
|
|
163
170
|
fullWidth: _propTypes.default.bool,
|
|
171
|
+
/**
|
|
172
|
+
* The id of the `input` element.
|
|
173
|
+
*/
|
|
164
174
|
id: _propTypes.default.string,
|
|
175
|
+
/**
|
|
176
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
177
|
+
* @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.
|
|
178
|
+
*/
|
|
165
179
|
inputProps: _propTypes.default.object,
|
|
180
|
+
/**
|
|
181
|
+
* Pass a ref to the `input` element.
|
|
182
|
+
*/
|
|
166
183
|
inputRef: _refType.default,
|
|
184
|
+
/**
|
|
185
|
+
* The label content.
|
|
186
|
+
*/
|
|
167
187
|
label: _propTypes.default.node,
|
|
168
188
|
margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
|
|
189
|
+
/**
|
|
190
|
+
* Name attribute of the `input` element.
|
|
191
|
+
*/
|
|
169
192
|
name: _propTypes.default.string,
|
|
170
193
|
notched: _propTypes.default.bool,
|
|
171
194
|
onChange: _propTypes.default.func.isRequired,
|
|
@@ -195,6 +218,9 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
|
|
|
195
218
|
* @default {}
|
|
196
219
|
*/
|
|
197
220
|
slots: _propTypes.default.object,
|
|
221
|
+
/**
|
|
222
|
+
* Start `InputAdornment` for this component.
|
|
223
|
+
*/
|
|
198
224
|
startAdornment: _propTypes.default.node,
|
|
199
225
|
style: _propTypes.default.object,
|
|
200
226
|
/**
|
|
@@ -30,7 +30,7 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
|
|
|
30
30
|
// Reset on touch devices, it doesn't add specificity
|
|
31
31
|
'@media (hover: none)': {
|
|
32
32
|
[`&:hover .${pickersOutlinedInputClasses.notchedOutline}`]: {
|
|
33
|
-
borderColor: theme.vars ?
|
|
33
|
+
borderColor: theme.vars ? theme.alpha(theme.vars.palette.common.onBackground, 0.23) : borderColor
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
[`&.${pickersOutlinedInputClasses.focused} .${pickersOutlinedInputClasses.notchedOutline}`]: {
|
|
@@ -152,13 +152,36 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
|
|
|
152
152
|
container: PropTypes.object.isRequired,
|
|
153
153
|
content: PropTypes.object.isRequired
|
|
154
154
|
})).isRequired,
|
|
155
|
+
/**
|
|
156
|
+
* End `InputAdornment` for this component.
|
|
157
|
+
*/
|
|
155
158
|
endAdornment: PropTypes.node,
|
|
159
|
+
/**
|
|
160
|
+
* If `true`, the input will take up the full width of its container.
|
|
161
|
+
* @default false
|
|
162
|
+
*/
|
|
156
163
|
fullWidth: PropTypes.bool,
|
|
164
|
+
/**
|
|
165
|
+
* The id of the `input` element.
|
|
166
|
+
*/
|
|
157
167
|
id: PropTypes.string,
|
|
168
|
+
/**
|
|
169
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
170
|
+
* @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.
|
|
171
|
+
*/
|
|
158
172
|
inputProps: PropTypes.object,
|
|
173
|
+
/**
|
|
174
|
+
* Pass a ref to the `input` element.
|
|
175
|
+
*/
|
|
159
176
|
inputRef: refType,
|
|
177
|
+
/**
|
|
178
|
+
* The label content.
|
|
179
|
+
*/
|
|
160
180
|
label: PropTypes.node,
|
|
161
181
|
margin: PropTypes.oneOf(['dense', 'none', 'normal']),
|
|
182
|
+
/**
|
|
183
|
+
* Name attribute of the `input` element.
|
|
184
|
+
*/
|
|
162
185
|
name: PropTypes.string,
|
|
163
186
|
notched: PropTypes.bool,
|
|
164
187
|
onChange: PropTypes.func.isRequired,
|
|
@@ -188,6 +211,9 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
|
|
|
188
211
|
* @default {}
|
|
189
212
|
*/
|
|
190
213
|
slots: PropTypes.object,
|
|
214
|
+
/**
|
|
215
|
+
* Start `InputAdornment` for this component.
|
|
216
|
+
*/
|
|
191
217
|
startAdornment: PropTypes.node,
|
|
192
218
|
style: PropTypes.object,
|
|
193
219
|
/**
|
|
@@ -224,13 +224,28 @@ process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
|
|
|
224
224
|
container: _propTypes.default.object.isRequired,
|
|
225
225
|
content: _propTypes.default.object.isRequired
|
|
226
226
|
})).isRequired,
|
|
227
|
+
/**
|
|
228
|
+
* End `InputAdornment` for this component.
|
|
229
|
+
*/
|
|
227
230
|
endAdornment: _propTypes.default.node,
|
|
231
|
+
/**
|
|
232
|
+
* If `true`, the `input` will indicate an error.
|
|
233
|
+
* @default false
|
|
234
|
+
*/
|
|
228
235
|
error: _propTypes.default.bool.isRequired,
|
|
229
236
|
/**
|
|
230
237
|
* If `true`, the component is displayed in focused state.
|
|
231
238
|
*/
|
|
232
239
|
focused: _propTypes.default.bool,
|
|
240
|
+
/**
|
|
241
|
+
* Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
|
|
242
|
+
* @deprecated Use `slotProps.formHelperText` 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.
|
|
243
|
+
*/
|
|
233
244
|
FormHelperTextProps: _propTypes.default.object,
|
|
245
|
+
/**
|
|
246
|
+
* If `true`, the input will take up the full width of its container.
|
|
247
|
+
* @default false
|
|
248
|
+
*/
|
|
234
249
|
fullWidth: _propTypes.default.bool,
|
|
235
250
|
/**
|
|
236
251
|
* The helper text content.
|
|
@@ -243,23 +258,45 @@ process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
|
|
|
243
258
|
* @default false
|
|
244
259
|
*/
|
|
245
260
|
hiddenLabel: _propTypes.default.bool,
|
|
261
|
+
/**
|
|
262
|
+
* The id of the `input` element.
|
|
263
|
+
*/
|
|
246
264
|
id: _propTypes.default.string,
|
|
265
|
+
/**
|
|
266
|
+
* Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
|
|
267
|
+
* Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
|
|
268
|
+
* @deprecated Use `slotProps.inputLabel` 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.
|
|
269
|
+
*/
|
|
247
270
|
InputLabelProps: _propTypes.default.object,
|
|
271
|
+
/**
|
|
272
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
273
|
+
* @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.
|
|
274
|
+
*/
|
|
248
275
|
inputProps: _propTypes.default.object,
|
|
249
276
|
/**
|
|
250
277
|
* Props applied to the Input element.
|
|
251
|
-
* It will be a [`FilledInput`](/material-ui/api/filled-input/),
|
|
252
|
-
* [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
|
|
278
|
+
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
279
|
+
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
253
280
|
* component depending on the `variant` prop value.
|
|
281
|
+
* @deprecated Use `slotProps.input` 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.
|
|
254
282
|
*/
|
|
255
283
|
InputProps: _propTypes.default.object,
|
|
284
|
+
/**
|
|
285
|
+
* Pass a ref to the `input` element.
|
|
286
|
+
*/
|
|
256
287
|
inputRef: _refType.default,
|
|
288
|
+
/**
|
|
289
|
+
* The label content.
|
|
290
|
+
*/
|
|
257
291
|
label: _propTypes.default.node,
|
|
258
292
|
/**
|
|
259
293
|
* If `dense` or `normal`, will adjust vertical spacing of this and contained components.
|
|
260
294
|
* @default 'none'
|
|
261
295
|
*/
|
|
262
296
|
margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
|
|
297
|
+
/**
|
|
298
|
+
* Name attribute of the `input` element.
|
|
299
|
+
*/
|
|
263
300
|
name: _propTypes.default.string,
|
|
264
301
|
onBlur: _propTypes.default.func.isRequired,
|
|
265
302
|
onChange: _propTypes.default.func.isRequired,
|
|
@@ -287,6 +324,9 @@ process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
|
|
|
287
324
|
* @default 'medium'
|
|
288
325
|
*/
|
|
289
326
|
size: _propTypes.default.oneOf(['medium', 'small']),
|
|
327
|
+
/**
|
|
328
|
+
* Start `InputAdornment` for this component.
|
|
329
|
+
*/
|
|
290
330
|
startAdornment: _propTypes.default.node,
|
|
291
331
|
style: _propTypes.default.object,
|
|
292
332
|
/**
|