@mui/x-date-pickers 6.16.1 → 6.16.3
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/AdapterDayjs/AdapterDayjs.js +6 -4
- package/AdapterMoment/AdapterMoment.js +2 -5
- package/CHANGELOG.md +169 -0
- package/DateField/DateField.d.ts +10 -0
- package/DateField/DateField.js +11 -1
- package/DatePicker/DatePicker.d.ts +10 -0
- package/DatePicker/DatePicker.js +10 -0
- package/DatePicker/DatePickerToolbar.d.ts +10 -0
- package/DatePicker/DatePickerToolbar.js +10 -0
- package/DateTimeField/DateTimeField.d.ts +10 -0
- package/DateTimeField/DateTimeField.js +11 -1
- package/DateTimePicker/DateTimePicker.d.ts +10 -0
- package/DateTimePicker/DateTimePicker.js +15 -0
- package/DateTimePicker/DateTimePickerTabs.d.ts +10 -0
- package/DateTimePicker/DateTimePickerTabs.js +11 -0
- package/DateTimePicker/DateTimePickerToolbar.d.ts +10 -0
- package/DateTimePicker/DateTimePickerToolbar.js +11 -0
- package/DayCalendarSkeleton/DayCalendarSkeleton.d.ts +1 -2
- package/DayCalendarSkeleton/DayCalendarSkeleton.js +1 -2
- package/DesktopDatePicker/DesktopDatePicker.d.ts +10 -0
- package/DesktopDatePicker/DesktopDatePicker.js +10 -0
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +10 -0
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +25 -7
- package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +4 -3
- package/DesktopTimePicker/DesktopTimePicker.d.ts +10 -0
- package/DesktopTimePicker/DesktopTimePicker.js +18 -9
- package/DigitalClock/DigitalClock.d.ts +10 -0
- package/DigitalClock/DigitalClock.js +11 -1
- package/LocalizationProvider/LocalizationProvider.d.ts +12 -0
- package/LocalizationProvider/LocalizationProvider.js +12 -0
- package/MobileDatePicker/MobileDatePicker.d.ts +10 -0
- package/MobileDatePicker/MobileDatePicker.js +10 -0
- package/MobileDateTimePicker/MobileDateTimePicker.d.ts +10 -0
- package/MobileDateTimePicker/MobileDateTimePicker.js +10 -0
- package/MobileTimePicker/MobileTimePicker.d.ts +10 -0
- package/MobileTimePicker/MobileTimePicker.js +10 -0
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.d.ts +10 -0
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +10 -0
- package/PickersActionBar/PickersActionBar.d.ts +10 -0
- package/PickersActionBar/PickersActionBar.js +10 -0
- package/PickersCalendarHeader/PickersCalendarHeader.d.ts +11 -0
- package/PickersCalendarHeader/PickersCalendarHeader.js +11 -0
- package/PickersDay/PickersDay.d.ts +1 -3
- package/PickersDay/PickersDay.js +1 -3
- package/PickersLayout/PickersLayout.d.ts +9 -0
- package/PickersLayout/PickersLayout.js +10 -0
- package/PickersShortcuts/PickersShortcuts.d.ts +9 -0
- package/PickersShortcuts/PickersShortcuts.js +9 -0
- package/StaticDatePicker/StaticDatePicker.d.ts +10 -0
- package/StaticDatePicker/StaticDatePicker.js +10 -0
- package/StaticDateTimePicker/StaticDateTimePicker.d.ts +10 -0
- package/StaticDateTimePicker/StaticDateTimePicker.js +10 -0
- package/StaticTimePicker/StaticTimePicker.d.ts +10 -0
- package/StaticTimePicker/StaticTimePicker.js +10 -0
- package/TimeClock/TimeClock.d.ts +4 -0
- package/TimeClock/TimeClock.js +4 -0
- package/TimeField/TimeField.d.ts +10 -0
- package/TimeField/TimeField.js +11 -1
- package/TimePicker/TimePicker.d.ts +10 -0
- package/TimePicker/TimePicker.js +10 -0
- package/TimePicker/TimePickerToolbar.d.ts +10 -0
- package/TimePicker/TimePickerToolbar.js +11 -0
- package/dateTimeViewRenderers/dateTimeViewRenderers.d.ts +2 -1
- package/dateTimeViewRenderers/dateTimeViewRenderers.js +52 -33
- package/index.js +1 -1
- package/internals/components/FakeTextField/FakeTextField.d.ts +10 -0
- package/internals/components/FakeTextField/FakeTextField.js +27 -0
- package/internals/components/FakeTextField/index.d.ts +1 -0
- package/internals/components/FakeTextField/index.js +1 -0
- package/internals/hooks/useField/useField.js +14 -4
- package/internals/hooks/useField/useField.utils.js +1 -1
- package/internals/hooks/useField/useFieldState.js +5 -8
- package/internals/utils/date-time-utils.d.ts +11 -0
- package/internals/utils/date-time-utils.js +32 -2
- package/legacy/AdapterDayjs/AdapterDayjs.js +6 -4
- package/legacy/AdapterMoment/AdapterMoment.js +2 -5
- package/legacy/DateField/DateField.js +11 -1
- package/legacy/DatePicker/DatePicker.js +10 -0
- package/legacy/DatePicker/DatePickerToolbar.js +10 -0
- package/legacy/DateTimeField/DateTimeField.js +11 -1
- package/legacy/DateTimePicker/DateTimePicker.js +15 -0
- package/legacy/DateTimePicker/DateTimePickerTabs.js +11 -0
- package/legacy/DateTimePicker/DateTimePickerToolbar.js +11 -0
- package/legacy/DayCalendarSkeleton/DayCalendarSkeleton.js +1 -2
- package/legacy/DesktopDatePicker/DesktopDatePicker.js +10 -0
- package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +24 -8
- package/legacy/DesktopTimePicker/DesktopTimePicker.js +19 -10
- package/legacy/DigitalClock/DigitalClock.js +11 -1
- package/legacy/LocalizationProvider/LocalizationProvider.js +12 -0
- package/legacy/MobileDatePicker/MobileDatePicker.js +10 -0
- package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +10 -0
- package/legacy/MobileTimePicker/MobileTimePicker.js +10 -0
- package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +10 -0
- package/legacy/PickersActionBar/PickersActionBar.js +10 -0
- package/legacy/PickersCalendarHeader/PickersCalendarHeader.js +11 -0
- package/legacy/PickersDay/PickersDay.js +1 -3
- package/legacy/PickersLayout/PickersLayout.js +10 -0
- package/legacy/PickersShortcuts/PickersShortcuts.js +9 -0
- package/legacy/StaticDatePicker/StaticDatePicker.js +10 -0
- package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +10 -0
- package/legacy/StaticTimePicker/StaticTimePicker.js +10 -0
- package/legacy/TimeClock/TimeClock.js +4 -0
- package/legacy/TimeField/TimeField.js +11 -1
- package/legacy/TimePicker/TimePicker.js +10 -0
- package/legacy/TimePicker/TimePickerToolbar.js +11 -0
- package/legacy/dateTimeViewRenderers/dateTimeViewRenderers.js +51 -33
- package/legacy/index.js +1 -1
- package/legacy/internals/components/FakeTextField/FakeTextField.js +23 -0
- package/legacy/internals/components/FakeTextField/index.js +1 -0
- package/legacy/internals/hooks/useField/useField.js +14 -4
- package/legacy/internals/hooks/useField/useField.utils.js +1 -1
- package/legacy/internals/hooks/useField/useFieldState.js +5 -8
- package/legacy/internals/utils/date-time-utils.js +34 -2
- package/legacy/locales/esES.js +1 -1
- package/locales/esES.js +1 -1
- package/modern/AdapterDayjs/AdapterDayjs.js +6 -4
- package/modern/AdapterMoment/AdapterMoment.js +2 -5
- package/modern/DateField/DateField.js +11 -1
- package/modern/DatePicker/DatePicker.js +10 -0
- package/modern/DatePicker/DatePickerToolbar.js +10 -0
- package/modern/DateTimeField/DateTimeField.js +11 -1
- package/modern/DateTimePicker/DateTimePicker.js +15 -0
- package/modern/DateTimePicker/DateTimePickerTabs.js +11 -0
- package/modern/DateTimePicker/DateTimePickerToolbar.js +11 -0
- package/modern/DayCalendarSkeleton/DayCalendarSkeleton.js +1 -2
- package/modern/DesktopDatePicker/DesktopDatePicker.js +10 -0
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +25 -7
- package/modern/DesktopTimePicker/DesktopTimePicker.js +17 -8
- package/modern/DigitalClock/DigitalClock.js +11 -1
- package/modern/LocalizationProvider/LocalizationProvider.js +12 -0
- package/modern/MobileDatePicker/MobileDatePicker.js +10 -0
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +10 -0
- package/modern/MobileTimePicker/MobileTimePicker.js +10 -0
- package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +10 -0
- package/modern/PickersActionBar/PickersActionBar.js +10 -0
- package/modern/PickersCalendarHeader/PickersCalendarHeader.js +11 -0
- package/modern/PickersDay/PickersDay.js +1 -3
- package/modern/PickersLayout/PickersLayout.js +10 -0
- package/modern/PickersShortcuts/PickersShortcuts.js +9 -0
- package/modern/StaticDatePicker/StaticDatePicker.js +10 -0
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +10 -0
- package/modern/StaticTimePicker/StaticTimePicker.js +10 -0
- package/modern/TimeClock/TimeClock.js +4 -0
- package/modern/TimeField/TimeField.js +11 -1
- package/modern/TimePicker/TimePicker.js +10 -0
- package/modern/TimePicker/TimePickerToolbar.js +11 -0
- package/modern/dateTimeViewRenderers/dateTimeViewRenderers.js +52 -33
- package/modern/index.js +1 -1
- package/modern/internals/components/FakeTextField/FakeTextField.js +27 -0
- package/modern/internals/components/FakeTextField/index.js +1 -0
- package/modern/internals/hooks/useField/useField.js +14 -4
- package/modern/internals/hooks/useField/useField.utils.js +1 -1
- package/modern/internals/hooks/useField/useFieldState.js +5 -8
- package/modern/internals/utils/date-time-utils.js +29 -2
- package/modern/locales/esES.js +1 -1
- package/node/AdapterDayjs/AdapterDayjs.js +6 -4
- package/node/AdapterMoment/AdapterMoment.js +2 -5
- package/node/DateCalendar/DateCalendar.js +2 -2
- package/node/DateCalendar/DayCalendar.js +2 -2
- package/node/DateCalendar/PickersFadeTransitionGroup.js +2 -2
- package/node/DateCalendar/PickersSlideTransition.js +2 -2
- package/node/DateCalendar/useCalendarState.js +2 -2
- package/node/DateCalendar/useIsDateDisabled.js +2 -2
- package/node/DateField/DateField.js +13 -3
- package/node/DatePicker/DatePicker.js +12 -2
- package/node/DatePicker/DatePickerToolbar.js +12 -2
- package/node/DatePicker/shared.js +2 -2
- package/node/DateTimeField/DateTimeField.js +13 -3
- package/node/DateTimePicker/DateTimePicker.js +17 -2
- package/node/DateTimePicker/DateTimePickerTabs.js +13 -2
- package/node/DateTimePicker/DateTimePickerToolbar.js +13 -2
- package/node/DateTimePicker/shared.js +2 -2
- package/node/DayCalendarSkeleton/DayCalendarSkeleton.js +3 -4
- package/node/DesktopDatePicker/DesktopDatePicker.js +12 -2
- package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +26 -8
- package/node/DesktopTimePicker/DesktopTimePicker.js +19 -10
- package/node/DigitalClock/DigitalClock.js +13 -3
- package/node/LocalizationProvider/LocalizationProvider.js +14 -2
- package/node/MobileDatePicker/MobileDatePicker.js +12 -2
- package/node/MobileDateTimePicker/MobileDateTimePicker.js +12 -2
- package/node/MobileTimePicker/MobileTimePicker.js +12 -2
- package/node/MonthCalendar/MonthCalendar.js +2 -2
- package/node/MonthCalendar/PickersMonth.js +2 -2
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +12 -2
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +2 -2
- package/node/PickersActionBar/PickersActionBar.js +12 -2
- package/node/PickersCalendarHeader/PickersCalendarHeader.js +13 -2
- package/node/PickersDay/PickersDay.js +3 -5
- package/node/PickersLayout/PickersLayout.js +12 -2
- package/node/PickersLayout/usePickerLayout.js +2 -2
- package/node/PickersShortcuts/PickersShortcuts.js +11 -2
- package/node/StaticDatePicker/StaticDatePicker.js +12 -2
- package/node/StaticDateTimePicker/StaticDateTimePicker.js +12 -2
- package/node/StaticTimePicker/StaticTimePicker.js +12 -2
- package/node/TimeClock/Clock.js +2 -2
- package/node/TimeClock/ClockNumber.js +2 -2
- package/node/TimeClock/ClockNumbers.js +2 -2
- package/node/TimeClock/ClockPointer.js +2 -2
- package/node/TimeClock/TimeClock.js +6 -2
- package/node/TimeField/TimeField.js +13 -3
- package/node/TimePicker/TimePicker.js +12 -2
- package/node/TimePicker/TimePickerToolbar.js +13 -2
- package/node/TimePicker/shared.js +2 -2
- package/node/YearCalendar/PickersYear.js +2 -2
- package/node/YearCalendar/YearCalendar.js +2 -2
- package/node/dateTimeViewRenderers/dateTimeViewRenderers.js +53 -34
- package/node/dateViewRenderers/dateViewRenderers.js +2 -2
- package/node/hooks/useClearableField.js +2 -2
- package/node/icons/index.js +2 -2
- package/node/index.js +1 -1
- package/node/internals/components/FakeTextField/FakeTextField.js +35 -0
- package/node/internals/components/FakeTextField/index.js +12 -0
- package/node/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js +2 -2
- package/node/internals/components/PickersModalDialog.js +2 -2
- package/node/internals/components/PickersPopper.js +2 -2
- package/node/internals/components/PickersToolbar.js +2 -2
- package/node/internals/components/PickersToolbarButton.js +2 -2
- package/node/internals/components/PickersToolbarText.js +2 -2
- package/node/internals/demo/DemoContainer.js +2 -2
- package/node/internals/hooks/date-helpers-hooks.js +2 -2
- package/node/internals/hooks/useClockReferenceDate.js +2 -2
- package/node/internals/hooks/useDesktopPicker/useDesktopPicker.js +2 -2
- package/node/internals/hooks/useField/useField.js +16 -6
- package/node/internals/hooks/useField/useField.utils.js +1 -1
- package/node/internals/hooks/useField/useFieldCharacterEditing.js +2 -2
- package/node/internals/hooks/useField/useFieldState.js +7 -10
- package/node/internals/hooks/useIsLandscape.js +2 -2
- package/node/internals/hooks/useMobilePicker/useMobilePicker.js +2 -2
- package/node/internals/hooks/useOpenState.js +2 -2
- package/node/internals/hooks/usePicker/usePickerValue.js +2 -2
- package/node/internals/hooks/usePicker/usePickerViews.js +2 -2
- package/node/internals/hooks/useStaticPicker/useStaticPicker.js +2 -2
- package/node/internals/hooks/useUtils.js +2 -2
- package/node/internals/hooks/useValidation.js +2 -2
- package/node/internals/hooks/useValueWithTimezone.js +2 -2
- package/node/internals/hooks/useViews.js +2 -2
- package/node/internals/utils/date-time-utils.js +29 -1
- package/node/locales/esES.js +1 -1
- package/node/timeViewRenderers/timeViewRenderers.js +2 -2
- package/package.json +4 -4
|
@@ -3,5 +3,15 @@ import { DesktopTimePickerProps } from './DesktopTimePicker.types';
|
|
|
3
3
|
type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [DesktopTimePicker API](https://mui.com/x/api/date-pickers/desktop-time-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const DesktopTimePicker: DesktopTimePickerComponent;
|
|
7
17
|
export { DesktopTimePicker };
|
|
@@ -13,20 +13,29 @@ import { useDesktopPicker } from '../internals/hooks/useDesktopPicker';
|
|
|
13
13
|
import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
|
|
14
14
|
import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '../timeViewRenderers';
|
|
15
15
|
import { resolveTimeFormat } from '../internals/utils/time-utils';
|
|
16
|
+
import { resolveTimeViewsResponse } from '../internals/utils/date-time-utils';
|
|
17
|
+
/**
|
|
18
|
+
* Demos:
|
|
19
|
+
*
|
|
20
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
21
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
22
|
+
*
|
|
23
|
+
* API:
|
|
24
|
+
*
|
|
25
|
+
* - [DesktopTimePicker API](https://mui.com/x/api/date-pickers/desktop-time-picker/)
|
|
26
|
+
*/
|
|
16
27
|
const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePicker(inProps, ref) {
|
|
17
|
-
var _defaultizedProps$
|
|
28
|
+
var _defaultizedProps$amp, _viewRenderers$hours, _defaultizedProps$slo2, _defaultizedProps$slo3, _props$localeText$ope, _props$localeText;
|
|
18
29
|
const localeText = useLocaleText();
|
|
19
30
|
const utils = useUtils();
|
|
20
31
|
|
|
21
32
|
// Props with the default values common to all time pickers
|
|
22
33
|
const defaultizedProps = useTimePickerDefaultizedProps(inProps, 'MuiDesktopTimePicker');
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}, defaultizedProps.timeSteps);
|
|
29
|
-
const shouldRenderTimeInASingleColumn = 24 * 60 / (timeSteps.hours * timeSteps.minutes) <= thresholdToRenderTimeInASingleColumn;
|
|
34
|
+
const {
|
|
35
|
+
shouldRenderTimeInASingleColumn,
|
|
36
|
+
views: resolvedViews,
|
|
37
|
+
timeSteps
|
|
38
|
+
} = resolveTimeViewsResponse(defaultizedProps);
|
|
30
39
|
const renderTimeView = shouldRenderTimeInASingleColumn ? renderDigitalClockTimeView : renderMultiSectionDigitalClockTimeView;
|
|
31
40
|
const viewRenderers = _extends({
|
|
32
41
|
hours: renderTimeView,
|
|
@@ -38,7 +47,7 @@ const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePick
|
|
|
38
47
|
const actionBarActions = shouldRenderTimeInASingleColumn ? [] : ['accept'];
|
|
39
48
|
// Need to avoid adding the `meridiem` view when unexpected renderer is specified
|
|
40
49
|
const shouldHoursRendererContainMeridiemView = ((_viewRenderers$hours = viewRenderers.hours) == null ? void 0 : _viewRenderers$hours.name) === renderMultiSectionDigitalClockTimeView.name;
|
|
41
|
-
const views =
|
|
50
|
+
const views = !shouldHoursRendererContainMeridiemView ? resolvedViews.filter(view => view !== 'meridiem') : resolvedViews;
|
|
42
51
|
|
|
43
52
|
// Props with the default values specific to the desktop variant
|
|
44
53
|
const props = _extends({}, defaultizedProps, {
|
|
@@ -3,5 +3,15 @@ import { DigitalClockProps } from './DigitalClock.types';
|
|
|
3
3
|
type DigitalClockComponent = (<TDate>(props: DigitalClockProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
10
|
+
* - [DigitalClock](https://mui.com/x/react-date-pickers/digital-clock/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [DigitalClock API](https://mui.com/x/api/date-pickers/digital-clock/)
|
|
15
|
+
*/
|
|
6
16
|
export declare const DigitalClock: DigitalClockComponent;
|
|
7
17
|
export {};
|
|
@@ -79,6 +79,16 @@ const DigitalClockItem = styled(MenuItem, {
|
|
|
79
79
|
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.focusOpacity)
|
|
80
80
|
}
|
|
81
81
|
}));
|
|
82
|
+
/**
|
|
83
|
+
* Demos:
|
|
84
|
+
*
|
|
85
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
86
|
+
* - [DigitalClock](https://mui.com/x/react-date-pickers/digital-clock/)
|
|
87
|
+
*
|
|
88
|
+
* API:
|
|
89
|
+
*
|
|
90
|
+
* - [DigitalClock API](https://mui.com/x/api/date-pickers/digital-clock/)
|
|
91
|
+
*/
|
|
82
92
|
export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(inProps, ref) {
|
|
83
93
|
var _ref, _slots$digitalClockIt, _slotProps$digitalClo;
|
|
84
94
|
const utils = useUtils();
|
|
@@ -153,7 +163,7 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
|
|
|
153
163
|
props,
|
|
154
164
|
timezone
|
|
155
165
|
});
|
|
156
|
-
const handleValueChange = useEventCallback(newValue => handleRawValueChange(newValue, 'finish'));
|
|
166
|
+
const handleValueChange = useEventCallback(newValue => handleRawValueChange(newValue, 'finish', 'hours'));
|
|
157
167
|
const {
|
|
158
168
|
setValueAndGoToNextView
|
|
159
169
|
} = useViews({
|
|
@@ -41,5 +41,17 @@ export interface LocalizationProviderProps<TDate, TLocale> {
|
|
|
41
41
|
type LocalizationProviderComponent = (<TDate, TLocale>(props: LocalizationProviderProps<TDate, TLocale>) => React.JSX.Element) & {
|
|
42
42
|
propTypes?: any;
|
|
43
43
|
};
|
|
44
|
+
/**
|
|
45
|
+
* Demos:
|
|
46
|
+
*
|
|
47
|
+
* - [Date format and localization](https://mui.com/x/react-date-pickers/adapters-locale/)
|
|
48
|
+
* - [Calendar systems](https://mui.com/x/react-date-pickers/calendar-systems/)
|
|
49
|
+
* - [Translated components](https://mui.com/x/react-date-pickers/localization/)
|
|
50
|
+
* - [UTC and timezones](https://mui.com/x/react-date-pickers/timezone/)
|
|
51
|
+
*
|
|
52
|
+
* API:
|
|
53
|
+
*
|
|
54
|
+
* - [LocalizationProvider API](https://mui.com/x/api/date-pickers/localization-provider/)
|
|
55
|
+
*/
|
|
44
56
|
export declare const LocalizationProvider: LocalizationProviderComponent;
|
|
45
57
|
export {};
|
|
@@ -9,6 +9,18 @@ export const MuiPickersAdapterContext = /*#__PURE__*/React.createContext(null);
|
|
|
9
9
|
if (process.env.NODE_ENV !== 'production') {
|
|
10
10
|
MuiPickersAdapterContext.displayName = 'MuiPickersAdapterContext';
|
|
11
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Demos:
|
|
14
|
+
*
|
|
15
|
+
* - [Date format and localization](https://mui.com/x/react-date-pickers/adapters-locale/)
|
|
16
|
+
* - [Calendar systems](https://mui.com/x/react-date-pickers/calendar-systems/)
|
|
17
|
+
* - [Translated components](https://mui.com/x/react-date-pickers/localization/)
|
|
18
|
+
* - [UTC and timezones](https://mui.com/x/react-date-pickers/timezone/)
|
|
19
|
+
*
|
|
20
|
+
* API:
|
|
21
|
+
*
|
|
22
|
+
* - [LocalizationProvider API](https://mui.com/x/api/date-pickers/localization-provider/)
|
|
23
|
+
*/
|
|
12
24
|
export const LocalizationProvider = function LocalizationProvider(inProps) {
|
|
13
25
|
var _React$useContext;
|
|
14
26
|
const {
|
|
@@ -3,5 +3,15 @@ import { MobileDatePickerProps } from './MobileDatePicker.types';
|
|
|
3
3
|
type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [MobileDatePicker API](https://mui.com/x/api/date-pickers/mobile-date-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const MobileDatePicker: MobileDatePickerComponent;
|
|
7
17
|
export { MobileDatePicker };
|
|
@@ -11,6 +11,16 @@ import { extractValidationProps } from '../internals/utils/validation/extractVal
|
|
|
11
11
|
import { singleItemValueManager } from '../internals/utils/valueManagers';
|
|
12
12
|
import { renderDateViewCalendar } from '../dateViewRenderers';
|
|
13
13
|
import { resolveDateFormat } from '../internals/utils/date-utils';
|
|
14
|
+
/**
|
|
15
|
+
* Demos:
|
|
16
|
+
*
|
|
17
|
+
* - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
|
|
18
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
19
|
+
*
|
|
20
|
+
* API:
|
|
21
|
+
*
|
|
22
|
+
* - [MobileDatePicker API](https://mui.com/x/api/date-pickers/mobile-date-picker/)
|
|
23
|
+
*/
|
|
14
24
|
const MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker(inProps, ref) {
|
|
15
25
|
var _defaultizedProps$slo2, _props$localeText$ope, _props$localeText;
|
|
16
26
|
const localeText = useLocaleText();
|
|
@@ -3,5 +3,15 @@ import { MobileDateTimePickerProps } from './MobileDateTimePicker.types';
|
|
|
3
3
|
type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [MobileDateTimePicker API](https://mui.com/x/api/date-pickers/mobile-date-time-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const MobileDateTimePicker: MobileDateTimePickerComponent;
|
|
7
17
|
export { MobileDateTimePicker };
|
|
@@ -13,6 +13,16 @@ import { extractValidationProps } from '../internals/utils/validation/extractVal
|
|
|
13
13
|
import { renderDateViewCalendar } from '../dateViewRenderers';
|
|
14
14
|
import { renderTimeViewClock } from '../timeViewRenderers';
|
|
15
15
|
import { resolveDateTimeFormat } from '../internals/utils/date-time-utils';
|
|
16
|
+
/**
|
|
17
|
+
* Demos:
|
|
18
|
+
*
|
|
19
|
+
* - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
|
|
20
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
21
|
+
*
|
|
22
|
+
* API:
|
|
23
|
+
*
|
|
24
|
+
* - [MobileDateTimePicker API](https://mui.com/x/api/date-pickers/mobile-date-time-picker/)
|
|
25
|
+
*/
|
|
16
26
|
const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTimePicker(inProps, ref) {
|
|
17
27
|
var _defaultizedProps$amp, _defaultizedProps$slo2, _defaultizedProps$slo3, _props$localeText$ope, _props$localeText;
|
|
18
28
|
const localeText = useLocaleText();
|
|
@@ -3,5 +3,15 @@ import { MobileTimePickerProps } from './MobileTimePicker.types';
|
|
|
3
3
|
type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [MobileTimePicker API](https://mui.com/x/api/date-pickers/mobile-time-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const MobileTimePicker: MobileTimePickerComponent;
|
|
7
17
|
export { MobileTimePicker };
|
|
@@ -12,6 +12,16 @@ import { useMobilePicker } from '../internals/hooks/useMobilePicker';
|
|
|
12
12
|
import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
|
|
13
13
|
import { renderTimeViewClock } from '../timeViewRenderers';
|
|
14
14
|
import { resolveTimeFormat } from '../internals/utils/time-utils';
|
|
15
|
+
/**
|
|
16
|
+
* Demos:
|
|
17
|
+
*
|
|
18
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
19
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
20
|
+
*
|
|
21
|
+
* API:
|
|
22
|
+
*
|
|
23
|
+
* - [MobileTimePicker API](https://mui.com/x/api/date-pickers/mobile-time-picker/)
|
|
24
|
+
*/
|
|
15
25
|
const MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker(inProps, ref) {
|
|
16
26
|
var _defaultizedProps$amp, _defaultizedProps$slo2, _props$localeText$ope, _props$localeText;
|
|
17
27
|
const localeText = useLocaleText();
|
|
@@ -3,5 +3,15 @@ import { MultiSectionDigitalClockProps } from './MultiSectionDigitalClock.types'
|
|
|
3
3
|
type MultiSectionDigitalClockComponent = (<TDate>(props: MultiSectionDigitalClockProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
10
|
+
* - [DigitalClock](https://mui.com/x/react-date-pickers/digital-clock/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [MultiSectionDigitalClock API](https://mui.com/x/api/date-pickers/multi-section-digital-clock/)
|
|
15
|
+
*/
|
|
6
16
|
export declare const MultiSectionDigitalClock: MultiSectionDigitalClockComponent;
|
|
7
17
|
export {};
|
|
@@ -41,6 +41,16 @@ const MultiSectionDigitalClockRoot = styled(PickerViewRoot, {
|
|
|
41
41
|
width: '100%',
|
|
42
42
|
borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`
|
|
43
43
|
}));
|
|
44
|
+
/**
|
|
45
|
+
* Demos:
|
|
46
|
+
*
|
|
47
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
48
|
+
* - [DigitalClock](https://mui.com/x/react-date-pickers/digital-clock/)
|
|
49
|
+
*
|
|
50
|
+
* API:
|
|
51
|
+
*
|
|
52
|
+
* - [MultiSectionDigitalClock API](https://mui.com/x/api/date-pickers/multi-section-digital-clock/)
|
|
53
|
+
*/
|
|
44
54
|
export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function MultiSectionDigitalClock(inProps, ref) {
|
|
45
55
|
const utils = useUtils();
|
|
46
56
|
const props = useThemeProps({
|
|
@@ -13,6 +13,16 @@ export interface PickersActionBarProps extends DialogActionsProps {
|
|
|
13
13
|
onCancel: () => void;
|
|
14
14
|
onSetToday: () => void;
|
|
15
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* Demos:
|
|
18
|
+
*
|
|
19
|
+
* - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
|
|
20
|
+
* - [Custom layout](https://mui.com/x/react-date-pickers/custom-layout/)
|
|
21
|
+
*
|
|
22
|
+
* API:
|
|
23
|
+
*
|
|
24
|
+
* - [PickersActionBar API](https://mui.com/x/api/date-pickers/pickers-action-bar/)
|
|
25
|
+
*/
|
|
16
26
|
declare function PickersActionBar(props: PickersActionBarProps): React.JSX.Element | null;
|
|
17
27
|
declare namespace PickersActionBar {
|
|
18
28
|
var propTypes: any;
|
|
@@ -7,6 +7,16 @@ import Button from '@mui/material/Button';
|
|
|
7
7
|
import DialogActions from '@mui/material/DialogActions';
|
|
8
8
|
import { useLocaleText } from '../internals/hooks/useUtils';
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
/**
|
|
11
|
+
* Demos:
|
|
12
|
+
*
|
|
13
|
+
* - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
|
|
14
|
+
* - [Custom layout](https://mui.com/x/react-date-pickers/custom-layout/)
|
|
15
|
+
*
|
|
16
|
+
* API:
|
|
17
|
+
*
|
|
18
|
+
* - [PickersActionBar API](https://mui.com/x/api/date-pickers/pickers-action-bar/)
|
|
19
|
+
*/
|
|
10
20
|
function PickersActionBar(props) {
|
|
11
21
|
const {
|
|
12
22
|
onAccept,
|
|
@@ -64,5 +64,16 @@ export interface PickersCalendarHeaderProps<TDate> extends ExportedPickersArrowS
|
|
|
64
64
|
type PickersCalendarHeaderComponent = (<TDate>(props: PickersCalendarHeaderProps<TDate> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element) & {
|
|
65
65
|
propTypes?: any;
|
|
66
66
|
};
|
|
67
|
+
/**
|
|
68
|
+
* Demos:
|
|
69
|
+
*
|
|
70
|
+
* - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
|
|
71
|
+
* - [DateRangeCalendar](https://mui.com/x/react-date-pickers/date-range-calendar/)
|
|
72
|
+
* - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
|
|
73
|
+
*
|
|
74
|
+
* API:
|
|
75
|
+
*
|
|
76
|
+
* - [PickersCalendarHeader API](https://mui.com/x/api/date-pickers/pickers-calendar-header/)
|
|
77
|
+
*/
|
|
67
78
|
declare const PickersCalendarHeader: PickersCalendarHeaderComponent;
|
|
68
79
|
export { PickersCalendarHeader };
|
|
@@ -94,6 +94,17 @@ const PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDownIcon, {
|
|
|
94
94
|
transition: theme.transitions.create('transform'),
|
|
95
95
|
transform: 'rotate(0deg)'
|
|
96
96
|
}));
|
|
97
|
+
/**
|
|
98
|
+
* Demos:
|
|
99
|
+
*
|
|
100
|
+
* - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
|
|
101
|
+
* - [DateRangeCalendar](https://mui.com/x/react-date-pickers/date-range-calendar/)
|
|
102
|
+
* - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
|
|
103
|
+
*
|
|
104
|
+
* API:
|
|
105
|
+
*
|
|
106
|
+
* - [PickersCalendarHeader API](https://mui.com/x/api/date-pickers/pickers-calendar-header/)
|
|
107
|
+
*/
|
|
97
108
|
const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalendarHeader(inProps, ref) {
|
|
98
109
|
var _slots$switchViewButt, _slots$switchViewIcon;
|
|
99
110
|
const localeText = useLocaleText();
|
|
@@ -74,11 +74,9 @@ type PickersDayComponent = (<TDate>(props: PickersDayProps<TDate> & React.RefAtt
|
|
|
74
74
|
propTypes?: any;
|
|
75
75
|
};
|
|
76
76
|
/**
|
|
77
|
-
*
|
|
78
77
|
* Demos:
|
|
79
78
|
*
|
|
80
|
-
* - [
|
|
81
|
-
*
|
|
79
|
+
* - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
|
|
82
80
|
* API:
|
|
83
81
|
*
|
|
84
82
|
* - [PickersDay API](https://mui.com/x/api/date-pickers/pickers-day/)
|
package/PickersDay/PickersDay.js
CHANGED
|
@@ -343,11 +343,9 @@ process.env.NODE_ENV !== "production" ? PickersDayRaw.propTypes = {
|
|
|
343
343
|
} : void 0;
|
|
344
344
|
|
|
345
345
|
/**
|
|
346
|
-
*
|
|
347
346
|
* Demos:
|
|
348
347
|
*
|
|
349
|
-
* - [
|
|
350
|
-
*
|
|
348
|
+
* - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
|
|
351
349
|
* API:
|
|
352
350
|
*
|
|
353
351
|
* - [PickersDay API](https://mui.com/x/api/date-pickers/pickers-day/)
|
|
@@ -8,6 +8,15 @@ declare const PickersLayoutRoot: import("@emotion/styled").StyledComponent<impor
|
|
|
8
8
|
}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
|
|
9
9
|
export { PickersLayoutRoot };
|
|
10
10
|
export declare const PickersLayoutContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
|
|
11
|
+
/**
|
|
12
|
+
* Demos:
|
|
13
|
+
*
|
|
14
|
+
* - [Custom layout](https://mui.com/x/react-date-pickers/custom-layout/)
|
|
15
|
+
*
|
|
16
|
+
* API:
|
|
17
|
+
*
|
|
18
|
+
* - [PickersLayout API](https://mui.com/x/api/date-pickers/pickers-layout/)
|
|
19
|
+
*/
|
|
11
20
|
declare const PickersLayout: {
|
|
12
21
|
<TValue, TDate, TView extends DateOrTimeViewWithMeridiem>(inProps: PickersLayoutProps<TValue, TDate, TView>): React.JSX.Element;
|
|
13
22
|
propTypes: any;
|
|
@@ -70,6 +70,16 @@ export const PickersLayoutContentWrapper = styled('div', {
|
|
|
70
70
|
display: 'flex',
|
|
71
71
|
flexDirection: 'column'
|
|
72
72
|
});
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
* Demos:
|
|
76
|
+
*
|
|
77
|
+
* - [Custom layout](https://mui.com/x/react-date-pickers/custom-layout/)
|
|
78
|
+
*
|
|
79
|
+
* API:
|
|
80
|
+
*
|
|
81
|
+
* - [PickersLayout API](https://mui.com/x/api/date-pickers/pickers-layout/)
|
|
82
|
+
*/
|
|
73
83
|
const PickersLayout = function PickersLayout(inProps) {
|
|
74
84
|
const props = useThemeProps({
|
|
75
85
|
props: inProps,
|
|
@@ -29,6 +29,15 @@ export interface PickersShortcutsProps<TValue> extends ExportedPickersShortcutPr
|
|
|
29
29
|
onChange: (newValue: TValue, changeImportance?: PickerShortcutChangeImportance, shortcut?: PickersShortcutsItemContext) => void;
|
|
30
30
|
isValid: (value: TValue) => boolean;
|
|
31
31
|
}
|
|
32
|
+
/**
|
|
33
|
+
* Demos:
|
|
34
|
+
*
|
|
35
|
+
* - [Shortcuts](https://mui.com/x/react-date-pickers/shortcuts/)
|
|
36
|
+
*
|
|
37
|
+
* API:
|
|
38
|
+
*
|
|
39
|
+
* - [PickersShortcuts API](https://mui.com/x/api/date-pickers/pickers-shortcuts/)
|
|
40
|
+
*/
|
|
32
41
|
declare function PickersShortcuts<TValue>(props: PickersShortcutsProps<TValue>): React.JSX.Element | null;
|
|
33
42
|
declare namespace PickersShortcuts {
|
|
34
43
|
var propTypes: any;
|
|
@@ -9,6 +9,15 @@ import ListItem from '@mui/material/ListItem';
|
|
|
9
9
|
import Chip from '@mui/material/Chip';
|
|
10
10
|
import { VIEW_HEIGHT } from '../internals/constants/dimensions';
|
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
/**
|
|
13
|
+
* Demos:
|
|
14
|
+
*
|
|
15
|
+
* - [Shortcuts](https://mui.com/x/react-date-pickers/shortcuts/)
|
|
16
|
+
*
|
|
17
|
+
* API:
|
|
18
|
+
*
|
|
19
|
+
* - [PickersShortcuts API](https://mui.com/x/api/date-pickers/pickers-shortcuts/)
|
|
20
|
+
*/
|
|
12
21
|
function PickersShortcuts(props) {
|
|
13
22
|
const {
|
|
14
23
|
items,
|
|
@@ -3,5 +3,15 @@ import { StaticDatePickerProps } from './StaticDatePicker.types';
|
|
|
3
3
|
type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [StaticDatePicker API](https://mui.com/x/api/date-pickers/static-date-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const StaticDatePicker: StaticDatePickerComponent;
|
|
7
17
|
export { StaticDatePicker };
|
|
@@ -6,6 +6,16 @@ import { renderDateViewCalendar } from '../dateViewRenderers';
|
|
|
6
6
|
import { useStaticPicker } from '../internals/hooks/useStaticPicker';
|
|
7
7
|
import { validateDate } from '../internals';
|
|
8
8
|
import { singleItemValueManager } from '../internals/utils/valueManagers';
|
|
9
|
+
/**
|
|
10
|
+
* Demos:
|
|
11
|
+
*
|
|
12
|
+
* - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
|
|
13
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [StaticDatePicker API](https://mui.com/x/api/date-pickers/static-date-picker/)
|
|
18
|
+
*/
|
|
9
19
|
const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker(inProps, ref) {
|
|
10
20
|
var _defaultizedProps$dis, _defaultizedProps$yea, _defaultizedProps$slo;
|
|
11
21
|
const defaultizedProps = useDatePickerDefaultizedProps(inProps, 'MuiStaticDatePicker');
|
|
@@ -3,5 +3,15 @@ import { StaticDateTimePickerProps } from './StaticDateTimePicker.types';
|
|
|
3
3
|
type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [StaticDateTimePicker API](https://mui.com/x/api/date-pickers/static-date-time-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const StaticDateTimePicker: StaticDateTimePickerComponent;
|
|
7
17
|
export { StaticDateTimePicker };
|
|
@@ -7,6 +7,16 @@ import { renderDateViewCalendar } from '../dateViewRenderers';
|
|
|
7
7
|
import { singleItemValueManager } from '../internals/utils/valueManagers';
|
|
8
8
|
import { useStaticPicker } from '../internals/hooks/useStaticPicker';
|
|
9
9
|
import { validateDateTime } from '../internals/utils/validation/validateDateTime';
|
|
10
|
+
/**
|
|
11
|
+
* Demos:
|
|
12
|
+
*
|
|
13
|
+
* - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
|
|
14
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
15
|
+
*
|
|
16
|
+
* API:
|
|
17
|
+
*
|
|
18
|
+
* - [StaticDateTimePicker API](https://mui.com/x/api/date-pickers/static-date-time-picker/)
|
|
19
|
+
*/
|
|
10
20
|
const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTimePicker(inProps, ref) {
|
|
11
21
|
var _defaultizedProps$dis, _defaultizedProps$amp, _defaultizedProps$yea, _defaultizedProps$slo, _defaultizedProps$slo2;
|
|
12
22
|
const defaultizedProps = useDateTimePickerDefaultizedProps(inProps, 'MuiStaticDateTimePicker');
|
|
@@ -3,5 +3,15 @@ import { StaticTimePickerProps } from './StaticTimePicker.types';
|
|
|
3
3
|
type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [StaticTimePicker API](https://mui.com/x/api/date-pickers/static-time-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const StaticTimePicker: StaticTimePickerComponent;
|
|
7
17
|
export { StaticTimePicker };
|
|
@@ -6,6 +6,16 @@ import { renderTimeViewClock } from '../timeViewRenderers';
|
|
|
6
6
|
import { singleItemValueManager } from '../internals/utils/valueManagers';
|
|
7
7
|
import { useStaticPicker } from '../internals/hooks/useStaticPicker';
|
|
8
8
|
import { validateTime } from '../internals/utils/validation/validateTime';
|
|
9
|
+
/**
|
|
10
|
+
* Demos:
|
|
11
|
+
*
|
|
12
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
13
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [StaticTimePicker API](https://mui.com/x/api/date-pickers/static-time-picker/)
|
|
18
|
+
*/
|
|
9
19
|
const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker(inProps, ref) {
|
|
10
20
|
var _defaultizedProps$dis, _defaultizedProps$amp, _defaultizedProps$slo;
|
|
11
21
|
const defaultizedProps = useTimePickerDefaultizedProps(inProps, 'MuiStaticTimePicker');
|
package/TimeClock/TimeClock.d.ts
CHANGED
|
@@ -4,6 +4,10 @@ type TimeClockComponent = (<TDate>(props: TimeClockProps<TDate> & React.RefAttri
|
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
10
|
+
* - [TimeClock](https://mui.com/x/react-date-pickers/time-clock/)
|
|
7
11
|
*
|
|
8
12
|
* API:
|
|
9
13
|
*
|
package/TimeClock/TimeClock.js
CHANGED
|
@@ -52,6 +52,10 @@ const TimeClockArrowSwitcher = styled(PickersArrowSwitcher, {
|
|
|
52
52
|
const TIME_CLOCK_DEFAULT_VIEWS = ['hours', 'minutes'];
|
|
53
53
|
|
|
54
54
|
/**
|
|
55
|
+
* Demos:
|
|
56
|
+
*
|
|
57
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
58
|
+
* - [TimeClock](https://mui.com/x/react-date-pickers/time-clock/)
|
|
55
59
|
*
|
|
56
60
|
* API:
|
|
57
61
|
*
|
package/TimeField/TimeField.d.ts
CHANGED
|
@@ -3,5 +3,15 @@ import { TimeFieldProps } from './TimeField.types';
|
|
|
3
3
|
type TimeFieldComponent = (<TDate>(props: TimeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [TimeField](http://mui.com/x/react-date-pickers/time-field/)
|
|
10
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [TimeField API](https://mui.com/x/api/date-pickers/time-field/)
|
|
15
|
+
*/
|
|
6
16
|
declare const TimeField: TimeFieldComponent;
|
|
7
17
|
export { TimeField };
|
package/TimeField/TimeField.js
CHANGED
|
@@ -12,6 +12,16 @@ import { refType } from '@mui/utils';
|
|
|
12
12
|
import { useTimeField } from './useTimeField';
|
|
13
13
|
import { useClearableField } from '../hooks';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
/**
|
|
16
|
+
* Demos:
|
|
17
|
+
*
|
|
18
|
+
* - [TimeField](http://mui.com/x/react-date-pickers/time-field/)
|
|
19
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
20
|
+
*
|
|
21
|
+
* API:
|
|
22
|
+
*
|
|
23
|
+
* - [TimeField API](https://mui.com/x/api/date-pickers/time-field/)
|
|
24
|
+
*/
|
|
15
25
|
const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref) {
|
|
16
26
|
var _ref, _slots$textField, _slotProps$textField;
|
|
17
27
|
const themeProps = useThemeProps({
|
|
@@ -108,7 +118,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
|
|
|
108
118
|
/**
|
|
109
119
|
* The color of the component.
|
|
110
120
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
111
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#
|
|
121
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
112
122
|
* @default 'primary'
|
|
113
123
|
*/
|
|
114
124
|
color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
|
|
@@ -3,5 +3,15 @@ import { TimePickerProps } from './TimePicker.types';
|
|
|
3
3
|
type TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [TimePicker API](https://mui.com/x/api/date-pickers/time-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const TimePicker: TimePickerComponent;
|
|
7
17
|
export { TimePicker };
|