@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
|
@@ -7,8 +7,8 @@ exports.useIsDateDisabled = void 0;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _validateDate = require("../internals/utils/validation/validateDate");
|
|
9
9
|
var _useUtils = require("../internals/hooks/useUtils");
|
|
10
|
-
function _getRequireWildcardCache(
|
|
11
|
-
function _interopRequireWildcard(
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
12
|
const useIsDateDisabled = ({
|
|
13
13
|
shouldDisableDate,
|
|
14
14
|
shouldDisableMonth,
|
|
@@ -19,8 +19,18 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
19
19
|
const _excluded = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"],
|
|
20
20
|
_excluded2 = ["inputRef"],
|
|
21
21
|
_excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
|
|
22
|
-
function _getRequireWildcardCache(
|
|
23
|
-
function _interopRequireWildcard(
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
|
+
/**
|
|
25
|
+
* Demos:
|
|
26
|
+
*
|
|
27
|
+
* - [DateField](http://mui.com/x/react-date-pickers/date-field/)
|
|
28
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
29
|
+
*
|
|
30
|
+
* API:
|
|
31
|
+
*
|
|
32
|
+
* - [DateField API](https://mui.com/x/api/date-pickers/date-field/)
|
|
33
|
+
*/
|
|
24
34
|
const DateField = exports.DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref) {
|
|
25
35
|
const themeProps = (0, _styles.useThemeProps)({
|
|
26
36
|
props: inProps,
|
|
@@ -111,7 +121,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
|
|
|
111
121
|
/**
|
|
112
122
|
* The color of the component.
|
|
113
123
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
114
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#
|
|
124
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
115
125
|
* @default 'primary'
|
|
116
126
|
*/
|
|
117
127
|
color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
|
|
@@ -17,8 +17,18 @@ var _MobileDatePicker = require("../MobileDatePicker");
|
|
|
17
17
|
var _utils2 = require("../internals/utils/utils");
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
const _excluded = ["desktopModeMediaQuery"];
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
|
+
/**
|
|
23
|
+
* Demos:
|
|
24
|
+
*
|
|
25
|
+
* - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
|
|
26
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
27
|
+
*
|
|
28
|
+
* API:
|
|
29
|
+
*
|
|
30
|
+
* - [DatePicker API](https://mui.com/x/api/date-pickers/date-picker/)
|
|
31
|
+
*/
|
|
22
32
|
const DatePicker = exports.DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(inProps, ref) {
|
|
23
33
|
const props = (0, _styles.useThemeProps)({
|
|
24
34
|
props: inProps,
|
|
@@ -18,8 +18,8 @@ var _datePickerToolbarClasses = require("./datePickerToolbarClasses");
|
|
|
18
18
|
var _dateUtils = require("../internals/utils/date-utils");
|
|
19
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
20
|
const _excluded = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceholder", "views"];
|
|
21
|
-
function _getRequireWildcardCache(
|
|
22
|
-
function _interopRequireWildcard(
|
|
21
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
22
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
23
|
const useUtilityClasses = ownerState => {
|
|
24
24
|
const {
|
|
25
25
|
classes
|
|
@@ -48,6 +48,16 @@ const DatePickerToolbarTitle = (0, _styles.styled)(_Typography.default, {
|
|
|
48
48
|
}) => (0, _extends2.default)({}, ownerState.isLandscape && {
|
|
49
49
|
margin: 'auto 16px auto auto'
|
|
50
50
|
}));
|
|
51
|
+
/**
|
|
52
|
+
* Demos:
|
|
53
|
+
*
|
|
54
|
+
* - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
|
|
55
|
+
* - [Custom components](https://mui.com/x/react-date-pickers/custom-components/)
|
|
56
|
+
*
|
|
57
|
+
* API:
|
|
58
|
+
*
|
|
59
|
+
* - [DatePickerToolbar API](https://mui.com/x/api/date-pickers/date-picker-toolbar/)
|
|
60
|
+
*/
|
|
51
61
|
const DatePickerToolbar = exports.DatePickerToolbar = /*#__PURE__*/React.forwardRef(function DatePickerToolbar(inProps, ref) {
|
|
52
62
|
const props = (0, _styles.useThemeProps)({
|
|
53
63
|
props: inProps,
|
|
@@ -13,8 +13,8 @@ var _views = require("../internals/utils/views");
|
|
|
13
13
|
var _dateUtils = require("../internals/utils/date-utils");
|
|
14
14
|
var _DatePickerToolbar = require("./DatePickerToolbar");
|
|
15
15
|
var _slotsMigration = require("../internals/utils/slots-migration");
|
|
16
|
-
function _getRequireWildcardCache(
|
|
17
|
-
function _interopRequireWildcard(
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
18
|
function useDatePickerDefaultizedProps(props, name) {
|
|
19
19
|
const utils = (0, _useUtils.useUtils)();
|
|
20
20
|
const defaultDates = (0, _useUtils.useDefaultDates)();
|
|
@@ -19,8 +19,18 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
19
19
|
const _excluded = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"],
|
|
20
20
|
_excluded2 = ["inputRef"],
|
|
21
21
|
_excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
|
|
22
|
-
function _getRequireWildcardCache(
|
|
23
|
-
function _interopRequireWildcard(
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
|
+
/**
|
|
25
|
+
* Demos:
|
|
26
|
+
*
|
|
27
|
+
* - [DateTimeField](http://mui.com/x/react-date-pickers/date-time-field/)
|
|
28
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
29
|
+
*
|
|
30
|
+
* API:
|
|
31
|
+
*
|
|
32
|
+
* - [DateTimeField API](https://mui.com/x/api/date-pickers/date-time-field/)
|
|
33
|
+
*/
|
|
24
34
|
const DateTimeField = exports.DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps, ref) {
|
|
25
35
|
const themeProps = (0, _styles.useThemeProps)({
|
|
26
36
|
props: inProps,
|
|
@@ -116,7 +126,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
116
126
|
/**
|
|
117
127
|
* The color of the component.
|
|
118
128
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
119
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#
|
|
129
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
120
130
|
* @default 'primary'
|
|
121
131
|
*/
|
|
122
132
|
color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
|
|
@@ -17,8 +17,18 @@ var _MobileDateTimePicker = require("../MobileDateTimePicker");
|
|
|
17
17
|
var _utils2 = require("../internals/utils/utils");
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
const _excluded = ["desktopModeMediaQuery"];
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
|
+
/**
|
|
23
|
+
* Demos:
|
|
24
|
+
*
|
|
25
|
+
* - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
|
|
26
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
27
|
+
*
|
|
28
|
+
* API:
|
|
29
|
+
*
|
|
30
|
+
* - [DateTimePicker API](https://mui.com/x/api/date-pickers/date-time-picker/)
|
|
31
|
+
*/
|
|
22
32
|
const DateTimePicker = exports.DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
|
|
23
33
|
const props = (0, _styles.useThemeProps)({
|
|
24
34
|
props: inProps,
|
|
@@ -386,6 +396,11 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
386
396
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
387
397
|
*/
|
|
388
398
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
399
|
+
/**
|
|
400
|
+
* Amount of time options below or at which the single column time renderer is used.
|
|
401
|
+
* @default 24
|
|
402
|
+
*/
|
|
403
|
+
thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
|
|
389
404
|
/**
|
|
390
405
|
* The time steps between two time unit options.
|
|
391
406
|
* For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
@@ -16,8 +16,8 @@ var _useUtils = require("../internals/hooks/useUtils");
|
|
|
16
16
|
var _dateTimePickerTabsClasses = require("./dateTimePickerTabsClasses");
|
|
17
17
|
var _dateUtils = require("../internals/utils/date-utils");
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
function _getRequireWildcardCache(
|
|
20
|
-
function _interopRequireWildcard(
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
21
21
|
const viewToTab = view => {
|
|
22
22
|
if ((0, _dateUtils.isDatePickerView)(view)) {
|
|
23
23
|
return 'date';
|
|
@@ -55,6 +55,17 @@ const DateTimePickerTabsRoot = (0, _styles.styled)(_Tabs.default, {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
}));
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Demos:
|
|
61
|
+
*
|
|
62
|
+
* - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
|
|
63
|
+
* - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
|
|
64
|
+
*
|
|
65
|
+
* API:
|
|
66
|
+
*
|
|
67
|
+
* - [DateTimePickerTabs API](https://mui.com/x/api/date-pickers/date-time-picker-tabs/)
|
|
68
|
+
*/
|
|
58
69
|
const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerTabs(inProps) {
|
|
59
70
|
const props = (0, _styles.useThemeProps)({
|
|
60
71
|
props: inProps,
|
|
@@ -21,8 +21,8 @@ var _dimensions = require("../internals/constants/dimensions");
|
|
|
21
21
|
var _dateUtils = require("../internals/utils/date-utils");
|
|
22
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
23
|
const _excluded = ["ampm", "ampmInClock", "value", "onChange", "view", "isLandscape", "onViewChange", "toolbarFormat", "toolbarPlaceholder", "views", "disabled", "readOnly", "toolbarVariant"];
|
|
24
|
-
function _getRequireWildcardCache(
|
|
25
|
-
function _interopRequireWildcard(
|
|
24
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
25
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
26
26
|
const useUtilityClasses = ownerState => {
|
|
27
27
|
const {
|
|
28
28
|
classes,
|
|
@@ -161,6 +161,17 @@ const DateTimePickerToolbarAmPmSelection = (0, _styles.styled)('div', {
|
|
|
161
161
|
fontSize: 17
|
|
162
162
|
}
|
|
163
163
|
}));
|
|
164
|
+
|
|
165
|
+
/**
|
|
166
|
+
* Demos:
|
|
167
|
+
*
|
|
168
|
+
* - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
|
|
169
|
+
* - [Custom components](https://mui.com/x/react-date-pickers/custom-components/)
|
|
170
|
+
*
|
|
171
|
+
* API:
|
|
172
|
+
*
|
|
173
|
+
* - [DateTimePickerToolbar API](https://mui.com/x/api/date-pickers/date-time-picker-toolbar/)
|
|
174
|
+
*/
|
|
164
175
|
function DateTimePickerToolbar(inProps) {
|
|
165
176
|
const props = (0, _styles.useThemeProps)({
|
|
166
177
|
props: inProps,
|
|
@@ -14,8 +14,8 @@ var _DateTimePickerTabs = require("./DateTimePickerTabs");
|
|
|
14
14
|
var _DateTimePickerToolbar = require("./DateTimePickerToolbar");
|
|
15
15
|
var _views = require("../internals/utils/views");
|
|
16
16
|
var _slotsMigration = require("../internals/utils/slots-migration");
|
|
17
|
-
function _getRequireWildcardCache(
|
|
18
|
-
function _interopRequireWildcard(
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
19
|
function useDateTimePickerDefaultizedProps(props, name) {
|
|
20
20
|
const utils = (0, _useUtils.useUtils)();
|
|
21
21
|
const defaultDates = (0, _useUtils.useDefaultDates)();
|
|
@@ -17,8 +17,8 @@ var _dimensions = require("../internals/constants/dimensions");
|
|
|
17
17
|
var _dayCalendarSkeletonClasses = require("./dayCalendarSkeletonClasses");
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
const _excluded = ["className"];
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
22
|
const useUtilityClasses = ownerState => {
|
|
23
23
|
const {
|
|
24
24
|
classes
|
|
@@ -69,10 +69,9 @@ DayCalendarSkeletonDay.propTypes = {
|
|
|
69
69
|
const monthMap = [[0, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 0, 0, 0]];
|
|
70
70
|
|
|
71
71
|
/**
|
|
72
|
-
*
|
|
73
72
|
* Demos:
|
|
74
73
|
*
|
|
75
|
-
* - [
|
|
74
|
+
* - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
|
|
76
75
|
*
|
|
77
76
|
* API:
|
|
78
77
|
*
|
|
@@ -19,8 +19,18 @@ var _DateField = require("../DateField");
|
|
|
19
19
|
var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
|
|
20
20
|
var _dateViewRenderers = require("../dateViewRenderers");
|
|
21
21
|
var _dateUtils = require("../internals/utils/date-utils");
|
|
22
|
-
function _getRequireWildcardCache(
|
|
23
|
-
function _interopRequireWildcard(
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
|
+
/**
|
|
25
|
+
* Demos:
|
|
26
|
+
*
|
|
27
|
+
* - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
|
|
28
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
29
|
+
*
|
|
30
|
+
* API:
|
|
31
|
+
*
|
|
32
|
+
* - [DesktopDatePicker API](https://mui.com/x/api/date-pickers/desktop-date-picker/)
|
|
33
|
+
*/
|
|
24
34
|
const DesktopDatePicker = exports.DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePicker(inProps, ref) {
|
|
25
35
|
const localeText = (0, _internals.useLocaleText)();
|
|
26
36
|
const utils = (0, _internals.useUtils)();
|
|
@@ -21,19 +21,30 @@ var _icons = require("../icons");
|
|
|
21
21
|
var _useDesktopPicker = require("../internals/hooks/useDesktopPicker");
|
|
22
22
|
var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
|
|
23
23
|
var _dateTimeUtils = require("../internals/utils/date-time-utils");
|
|
24
|
-
function _getRequireWildcardCache(
|
|
25
|
-
function _interopRequireWildcard(
|
|
24
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
25
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
26
|
+
/**
|
|
27
|
+
* Demos:
|
|
28
|
+
*
|
|
29
|
+
* - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
|
|
30
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
31
|
+
*
|
|
32
|
+
* API:
|
|
33
|
+
*
|
|
34
|
+
* - [DesktopDateTimePicker API](https://mui.com/x/api/date-pickers/desktop-date-time-picker/)
|
|
35
|
+
*/
|
|
26
36
|
const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDateTimePicker(inProps, ref) {
|
|
27
37
|
const localeText = (0, _useUtils.useLocaleText)();
|
|
28
38
|
const utils = (0, _useUtils.useUtils)();
|
|
29
39
|
|
|
30
40
|
// Props with the default values common to all date time pickers
|
|
31
41
|
const defaultizedProps = (0, _shared.useDateTimePickerDefaultizedProps)(inProps, 'MuiDesktopDateTimePicker');
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
42
|
+
const {
|
|
43
|
+
shouldRenderTimeInASingleColumn,
|
|
44
|
+
thresholdToRenderTimeInASingleColumn,
|
|
45
|
+
views,
|
|
46
|
+
timeSteps
|
|
47
|
+
} = (0, _dateTimeUtils.resolveTimeViewsResponse)(defaultizedProps);
|
|
37
48
|
const shouldUseNewRenderer = !defaultizedProps.viewRenderers || Object.keys(defaultizedProps.viewRenderers).length === 0;
|
|
38
49
|
const viewRenderers =
|
|
39
50
|
// we can only ensure the expected two-column layout if none of the renderers are overridden
|
|
@@ -62,10 +73,12 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
|
|
|
62
73
|
const props = (0, _extends2.default)({}, defaultizedProps, {
|
|
63
74
|
viewRenderers,
|
|
64
75
|
format: (0, _dateTimeUtils.resolveDateTimeFormat)(utils, defaultizedProps),
|
|
65
|
-
views
|
|
76
|
+
views,
|
|
66
77
|
yearsPerRow: defaultizedProps.yearsPerRow ?? 4,
|
|
67
78
|
ampmInClock,
|
|
68
79
|
timeSteps,
|
|
80
|
+
thresholdToRenderTimeInASingleColumn,
|
|
81
|
+
shouldRenderTimeInASingleColumn,
|
|
69
82
|
slots: (0, _extends2.default)({
|
|
70
83
|
field: _DateTimeField.DateTimeField,
|
|
71
84
|
openPickerIcon: _icons.CalendarIcon
|
|
@@ -436,6 +449,11 @@ DesktopDateTimePicker.propTypes = {
|
|
|
436
449
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
437
450
|
*/
|
|
438
451
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
452
|
+
/**
|
|
453
|
+
* Amount of time options below or at which the single column time renderer is used.
|
|
454
|
+
* @default 24
|
|
455
|
+
*/
|
|
456
|
+
thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
|
|
439
457
|
/**
|
|
440
458
|
* The time steps between two time unit options.
|
|
441
459
|
* For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
@@ -20,21 +20,30 @@ var _useDesktopPicker = require("../internals/hooks/useDesktopPicker");
|
|
|
20
20
|
var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
|
|
21
21
|
var _timeViewRenderers = require("../timeViewRenderers");
|
|
22
22
|
var _timeUtils = require("../internals/utils/time-utils");
|
|
23
|
-
|
|
24
|
-
function
|
|
23
|
+
var _dateTimeUtils = require("../internals/utils/date-time-utils");
|
|
24
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
25
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
26
|
+
/**
|
|
27
|
+
* Demos:
|
|
28
|
+
*
|
|
29
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
30
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
31
|
+
*
|
|
32
|
+
* API:
|
|
33
|
+
*
|
|
34
|
+
* - [DesktopTimePicker API](https://mui.com/x/api/date-pickers/desktop-time-picker/)
|
|
35
|
+
*/
|
|
25
36
|
const DesktopTimePicker = exports.DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePicker(inProps, ref) {
|
|
26
37
|
const localeText = (0, _useUtils.useLocaleText)();
|
|
27
38
|
const utils = (0, _useUtils.useUtils)();
|
|
28
39
|
|
|
29
40
|
// Props with the default values common to all time pickers
|
|
30
41
|
const defaultizedProps = (0, _shared.useTimePickerDefaultizedProps)(inProps, 'MuiDesktopTimePicker');
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}, defaultizedProps.timeSteps);
|
|
37
|
-
const shouldRenderTimeInASingleColumn = 24 * 60 / (timeSteps.hours * timeSteps.minutes) <= thresholdToRenderTimeInASingleColumn;
|
|
42
|
+
const {
|
|
43
|
+
shouldRenderTimeInASingleColumn,
|
|
44
|
+
views: resolvedViews,
|
|
45
|
+
timeSteps
|
|
46
|
+
} = (0, _dateTimeUtils.resolveTimeViewsResponse)(defaultizedProps);
|
|
38
47
|
const renderTimeView = shouldRenderTimeInASingleColumn ? _timeViewRenderers.renderDigitalClockTimeView : _timeViewRenderers.renderMultiSectionDigitalClockTimeView;
|
|
39
48
|
const viewRenderers = (0, _extends2.default)({
|
|
40
49
|
hours: renderTimeView,
|
|
@@ -46,7 +55,7 @@ const DesktopTimePicker = exports.DesktopTimePicker = /*#__PURE__*/React.forward
|
|
|
46
55
|
const actionBarActions = shouldRenderTimeInASingleColumn ? [] : ['accept'];
|
|
47
56
|
// Need to avoid adding the `meridiem` view when unexpected renderer is specified
|
|
48
57
|
const shouldHoursRendererContainMeridiemView = viewRenderers.hours?.name === _timeViewRenderers.renderMultiSectionDigitalClockTimeView.name;
|
|
49
|
-
const views =
|
|
58
|
+
const views = !shouldHoursRendererContainMeridiemView ? resolvedViews.filter(view => view !== 'meridiem') : resolvedViews;
|
|
50
59
|
|
|
51
60
|
// Props with the default values specific to the desktop variant
|
|
52
61
|
const props = (0, _extends2.default)({}, defaultizedProps, {
|
|
@@ -28,8 +28,8 @@ var _valueManagers = require("../internals/utils/valueManagers");
|
|
|
28
28
|
var _useClockReferenceDate = require("../internals/hooks/useClockReferenceDate");
|
|
29
29
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
30
30
|
const _excluded = ["ampm", "timeStep", "autoFocus", "components", "componentsProps", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "onChange", "view", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "views", "skipDisabled", "timezone"];
|
|
31
|
-
function _getRequireWildcardCache(
|
|
32
|
-
function _interopRequireWildcard(
|
|
31
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
32
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
33
33
|
const useUtilityClasses = ownerState => {
|
|
34
34
|
const {
|
|
35
35
|
classes
|
|
@@ -88,6 +88,16 @@ const DigitalClockItem = (0, _styles.styled)(_MenuItem.default, {
|
|
|
88
88
|
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.focusOpacity)
|
|
89
89
|
}
|
|
90
90
|
}));
|
|
91
|
+
/**
|
|
92
|
+
* Demos:
|
|
93
|
+
*
|
|
94
|
+
* - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
|
|
95
|
+
* - [DigitalClock](https://mui.com/x/react-date-pickers/digital-clock/)
|
|
96
|
+
*
|
|
97
|
+
* API:
|
|
98
|
+
*
|
|
99
|
+
* - [DigitalClock API](https://mui.com/x/api/date-pickers/digital-clock/)
|
|
100
|
+
*/
|
|
91
101
|
const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(inProps, ref) {
|
|
92
102
|
const utils = (0, _useUtils.useUtils)();
|
|
93
103
|
const containerRef = React.useRef(null);
|
|
@@ -161,7 +171,7 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
|
|
|
161
171
|
props,
|
|
162
172
|
timezone
|
|
163
173
|
});
|
|
164
|
-
const handleValueChange = (0, _useEventCallback.default)(newValue => handleRawValueChange(newValue, 'finish'));
|
|
174
|
+
const handleValueChange = (0, _useEventCallback.default)(newValue => handleRawValueChange(newValue, 'finish', 'hours'));
|
|
165
175
|
const {
|
|
166
176
|
setValueAndGoToNextView
|
|
167
177
|
} = (0, _useViews.useViews)({
|
|
@@ -12,12 +12,24 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _styles = require("@mui/material/styles");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
const _excluded = ["localeText"];
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
const MuiPickersAdapterContext = exports.MuiPickersAdapterContext = /*#__PURE__*/React.createContext(null);
|
|
18
18
|
if (process.env.NODE_ENV !== 'production') {
|
|
19
19
|
MuiPickersAdapterContext.displayName = 'MuiPickersAdapterContext';
|
|
20
20
|
}
|
|
21
|
+
/**
|
|
22
|
+
* Demos:
|
|
23
|
+
*
|
|
24
|
+
* - [Date format and localization](https://mui.com/x/react-date-pickers/adapters-locale/)
|
|
25
|
+
* - [Calendar systems](https://mui.com/x/react-date-pickers/calendar-systems/)
|
|
26
|
+
* - [Translated components](https://mui.com/x/react-date-pickers/localization/)
|
|
27
|
+
* - [UTC and timezones](https://mui.com/x/react-date-pickers/timezone/)
|
|
28
|
+
*
|
|
29
|
+
* API:
|
|
30
|
+
*
|
|
31
|
+
* - [LocalizationProvider API](https://mui.com/x/api/date-pickers/localization-provider/)
|
|
32
|
+
*/
|
|
21
33
|
const LocalizationProvider = exports.LocalizationProvider = function LocalizationProvider(inProps) {
|
|
22
34
|
const {
|
|
23
35
|
localeText: inLocaleText
|
|
@@ -18,8 +18,18 @@ var _extractValidationProps = require("../internals/utils/validation/extractVali
|
|
|
18
18
|
var _valueManagers = require("../internals/utils/valueManagers");
|
|
19
19
|
var _dateViewRenderers = require("../dateViewRenderers");
|
|
20
20
|
var _dateUtils = require("../internals/utils/date-utils");
|
|
21
|
-
function _getRequireWildcardCache(
|
|
22
|
-
function _interopRequireWildcard(
|
|
21
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
22
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
|
+
/**
|
|
24
|
+
* Demos:
|
|
25
|
+
*
|
|
26
|
+
* - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
|
|
27
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
28
|
+
*
|
|
29
|
+
* API:
|
|
30
|
+
*
|
|
31
|
+
* - [MobileDatePicker API](https://mui.com/x/api/date-pickers/mobile-date-picker/)
|
|
32
|
+
*/
|
|
23
33
|
const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker(inProps, ref) {
|
|
24
34
|
const localeText = (0, _internals.useLocaleText)();
|
|
25
35
|
const utils = (0, _internals.useUtils)();
|