@mui/x-date-pickers-pro 7.11.0 → 7.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +194 -4
- package/DateRangeCalendar/DateRangeCalendar.js +6 -4
- package/DateRangeCalendar/DateRangeCalendar.types.d.ts +1 -1
- package/DateRangePicker/DateRangePicker.js +2 -0
- package/DateRangePicker/DateRangePickerToolbar.js +1 -1
- package/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/DateTimeRangePicker/DateTimeRangePicker.js +2 -0
- package/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -1
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +3 -1
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +3 -1
- package/MobileDateRangePicker/MobileDateRangePicker.js +3 -1
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +3 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.js +3 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +1 -1
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +3 -1
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +1 -1
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -1
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +1 -1
- package/SingleInputDateRangeField/SingleInputDateRangeField.js +3 -1
- package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +1 -1
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +3 -1
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +1 -1
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +1 -1
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +1 -1
- package/StaticDateRangePicker/StaticDateRangePicker.js +2 -0
- package/index.js +1 -1
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +1 -1
- package/internals/hooks/useEnrichedRangePickerFieldProps.d.ts +1 -1
- package/internals/hooks/useEnrichedRangePickerFieldProps.js +1 -1
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
- package/internals/utils/releaseInfo.js +1 -1
- package/models/fields.d.ts +1 -1
- package/modern/DateRangeCalendar/DateRangeCalendar.js +6 -4
- package/modern/DateRangePicker/DateRangePicker.js +2 -0
- package/modern/DateRangePicker/DateRangePickerToolbar.js +1 -1
- package/modern/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/modern/DateTimeRangePicker/DateTimeRangePicker.js +2 -0
- package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -1
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +3 -1
- package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +3 -1
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +3 -1
- package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +3 -1
- package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +3 -1
- package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +3 -1
- package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -1
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +3 -1
- package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +3 -1
- package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +1 -1
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +2 -0
- package/modern/index.js +1 -1
- package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +1 -1
- package/modern/internals/hooks/useEnrichedRangePickerFieldProps.js +1 -1
- package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/node/DateRangeCalendar/DateRangeCalendar.js +7 -5
- package/node/DateRangePicker/DateRangePicker.js +2 -0
- package/node/DateRangePicker/DateRangePickerToolbar.js +2 -2
- package/node/DateRangePickerDay/DateRangePickerDay.js +2 -2
- package/node/DateTimeRangePicker/DateTimeRangePicker.js +2 -0
- package/node/DateTimeRangePicker/DateTimeRangePickerToolbar.js +2 -2
- package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +6 -4
- package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +7 -5
- package/node/MobileDateRangePicker/MobileDateRangePicker.js +6 -4
- package/node/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +4 -2
- package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +11 -9
- package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +11 -9
- package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +9 -9
- package/node/SingleInputDateRangeField/SingleInputDateRangeField.js +6 -4
- package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +4 -2
- package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js +4 -4
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +2 -0
- package/node/index.js +1 -1
- package/node/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +2 -2
- package/node/internals/hooks/useEnrichedRangePickerFieldProps.js +4 -4
- package/node/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +2 -2
- package/node/internals/utils/releaseInfo.js +1 -1
- package/package.json +6 -7
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import Stack, { StackProps } from '@mui/material/Stack';
|
|
3
3
|
import Typography, { TypographyProps } from '@mui/material/Typography';
|
|
4
4
|
import TextField from '@mui/material/TextField';
|
|
5
|
-
import { SlotComponentProps } from '@mui/
|
|
5
|
+
import { SlotComponentProps } from '@mui/utils';
|
|
6
6
|
import { BaseSingleInputFieldProps, FieldRef, PickerValidDate } from '@mui/x-date-pickers/models';
|
|
7
7
|
import { UseClearableFieldSlots, UseClearableFieldSlotProps } from '@mui/x-date-pickers/hooks';
|
|
8
8
|
import { PickersInputLocaleText } from '@mui/x-date-pickers/locales';
|
|
@@ -2,7 +2,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
const _excluded = ["clearable", "onClear"];
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
import
|
|
5
|
+
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
6
6
|
import useEventCallback from '@mui/utils/useEventCallback';
|
|
7
7
|
import useForkRef from '@mui/utils/useForkRef';
|
|
8
8
|
import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
|
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
const _excluded = ["props"];
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
import
|
|
5
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
6
6
|
import { useLicenseVerifier } from '@mui/x-license';
|
|
7
7
|
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
8
8
|
import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTcyMjQ2MzIwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
package/models/fields.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/
|
|
2
|
+
import { SlotComponentProps } from '@mui/utils';
|
|
3
3
|
import { BaseFieldProps, UseFieldResponse } from '@mui/x-date-pickers/internals';
|
|
4
4
|
import { BaseSingleInputPickersTextFieldProps, FieldRef, FieldSection, PickerValidDate } from '@mui/x-date-pickers/models';
|
|
5
5
|
import { UseClearableFieldResponse } from '@mui/x-date-pickers/hooks';
|
|
@@ -7,12 +7,13 @@ import PropTypes from 'prop-types';
|
|
|
7
7
|
import clsx from 'clsx';
|
|
8
8
|
import useEventCallback from '@mui/utils/useEventCallback';
|
|
9
9
|
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
10
|
-
import
|
|
10
|
+
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
11
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
11
12
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
12
13
|
import composeClasses from '@mui/utils/composeClasses';
|
|
13
14
|
import useId from '@mui/utils/useId';
|
|
14
15
|
import { Watermark } from '@mui/x-license';
|
|
15
|
-
import { applyDefaultDate, DayCalendar, useDefaultReduceAnimations, useCalendarState, useDefaultDates, useUtils, useNow, DEFAULT_DESKTOP_MODE_MEDIA_QUERY,
|
|
16
|
+
import { applyDefaultDate, DayCalendar, useDefaultReduceAnimations, useCalendarState, useDefaultDates, useUtils, useNow, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, warnOnce, useControlledValueWithTimezone, useViews } from '@mui/x-date-pickers/internals';
|
|
16
17
|
import { getReleaseInfo } from '../internals/utils/releaseInfo';
|
|
17
18
|
import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from './dateRangeCalendarClasses';
|
|
18
19
|
import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../internals/utils/date-utils';
|
|
@@ -45,7 +46,6 @@ const DateRangeCalendarMonthContainer = styled('div', {
|
|
|
45
46
|
}
|
|
46
47
|
}));
|
|
47
48
|
const weeksContainerHeight = (DAY_RANGE_SIZE + DAY_MARGIN * 2) * 6;
|
|
48
|
-
const warnInvalidCurrentMonthCalendarPosition = buildWarning(['The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
|
|
49
49
|
const DayCalendarForRange = styled(DayCalendar)(({
|
|
50
50
|
theme
|
|
51
51
|
}) => ({
|
|
@@ -402,7 +402,7 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
|
|
|
402
402
|
const visibleMonths = React.useMemo(() => {
|
|
403
403
|
if (process.env.NODE_ENV !== 'production') {
|
|
404
404
|
if (currentMonthCalendarPosition > calendars || currentMonthCalendarPosition < 1) {
|
|
405
|
-
|
|
405
|
+
warnOnce(['MUI X: The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
|
|
406
406
|
}
|
|
407
407
|
}
|
|
408
408
|
const firstMonth = utils.addMonths(calendarState.currentMonth, 1 - currentMonthCalendarPosition);
|
|
@@ -577,10 +577,12 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
|
|
|
577
577
|
loading: PropTypes.bool,
|
|
578
578
|
/**
|
|
579
579
|
* Maximal selectable date.
|
|
580
|
+
* @default 2099-12-31
|
|
580
581
|
*/
|
|
581
582
|
maxDate: PropTypes.object,
|
|
582
583
|
/**
|
|
583
584
|
* Minimal selectable date.
|
|
585
|
+
* @default 1900-01-01
|
|
584
586
|
*/
|
|
585
587
|
minDate: PropTypes.object,
|
|
586
588
|
/**
|
|
@@ -176,10 +176,12 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
|
|
|
176
176
|
localeText: PropTypes.object,
|
|
177
177
|
/**
|
|
178
178
|
* Maximal selectable date.
|
|
179
|
+
* @default 2099-12-31
|
|
179
180
|
*/
|
|
180
181
|
maxDate: PropTypes.object,
|
|
181
182
|
/**
|
|
182
183
|
* Minimal selectable date.
|
|
184
|
+
* @default 1900-01-01
|
|
183
185
|
*/
|
|
184
186
|
minDate: PropTypes.object,
|
|
185
187
|
/**
|
|
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
|
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import Typography from '@mui/material/Typography';
|
|
8
8
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
9
|
-
import
|
|
9
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
10
10
|
import { PickersToolbar, PickersToolbarButton, useUtils } from '@mui/x-date-pickers/internals';
|
|
11
11
|
import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
|
|
12
12
|
import { getDateRangePickerToolbarUtilityClass } from './dateRangePickerToolbarClasses';
|
|
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
|
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import { useLicenseVerifier } from '@mui/x-license';
|
|
8
8
|
import { alpha, styled, useThemeProps } from '@mui/material/styles';
|
|
9
|
-
import
|
|
9
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
10
10
|
import { useUtils } from '@mui/x-date-pickers/internals';
|
|
11
11
|
import { PickersDay } from '@mui/x-date-pickers/PickersDay';
|
|
12
12
|
import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from './dateRangePickerDayClasses';
|
|
@@ -186,6 +186,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
186
186
|
localeText: PropTypes.object,
|
|
187
187
|
/**
|
|
188
188
|
* Maximal selectable date.
|
|
189
|
+
* @default 2099-12-31
|
|
189
190
|
*/
|
|
190
191
|
maxDate: PropTypes.object,
|
|
191
192
|
/**
|
|
@@ -199,6 +200,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
199
200
|
maxTime: PropTypes.object,
|
|
200
201
|
/**
|
|
201
202
|
* Minimal selectable date.
|
|
203
|
+
* @default 1900-01-01
|
|
202
204
|
*/
|
|
203
205
|
minDate: PropTypes.object,
|
|
204
206
|
/**
|
|
@@ -5,7 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
8
|
-
import
|
|
8
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
9
9
|
import { useUtils } from '@mui/x-date-pickers/internals';
|
|
10
10
|
import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
|
|
11
11
|
import { DateTimePickerToolbar } from '@mui/x-date-pickers/DateTimePicker';
|
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { extractValidationProps } from '@mui/x-date-pickers/internals';
|
|
5
|
-
import
|
|
5
|
+
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
6
6
|
import { refType } from '@mui/utils';
|
|
7
7
|
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
8
8
|
import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
|
|
@@ -181,10 +181,12 @@ DesktopDateRangePicker.propTypes = {
|
|
|
181
181
|
localeText: PropTypes.object,
|
|
182
182
|
/**
|
|
183
183
|
* Maximal selectable date.
|
|
184
|
+
* @default 2099-12-31
|
|
184
185
|
*/
|
|
185
186
|
maxDate: PropTypes.object,
|
|
186
187
|
/**
|
|
187
188
|
* Minimal selectable date.
|
|
189
|
+
* @default 1900-01-01
|
|
188
190
|
*/
|
|
189
191
|
minDate: PropTypes.object,
|
|
190
192
|
/**
|
|
@@ -4,7 +4,7 @@ const _excluded = ["openTo", "rangePosition"];
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import { extractValidationProps, isDatePickerView, isInternalTimeView, resolveDateTimeFormat, useUtils } from '@mui/x-date-pickers/internals';
|
|
7
|
-
import
|
|
7
|
+
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
8
8
|
import { refType } from '@mui/utils';
|
|
9
9
|
import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';
|
|
10
10
|
import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '@mui/x-date-pickers/MultiSectionDigitalClock';
|
|
@@ -266,6 +266,7 @@ DesktopDateTimeRangePicker.propTypes = {
|
|
|
266
266
|
localeText: PropTypes.object,
|
|
267
267
|
/**
|
|
268
268
|
* Maximal selectable date.
|
|
269
|
+
* @default 2099-12-31
|
|
269
270
|
*/
|
|
270
271
|
maxDate: PropTypes.object,
|
|
271
272
|
/**
|
|
@@ -279,6 +280,7 @@ DesktopDateTimeRangePicker.propTypes = {
|
|
|
279
280
|
maxTime: PropTypes.object,
|
|
280
281
|
/**
|
|
281
282
|
* Minimal selectable date.
|
|
283
|
+
* @default 1900-01-01
|
|
282
284
|
*/
|
|
283
285
|
minDate: PropTypes.object,
|
|
284
286
|
/**
|
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { extractValidationProps } from '@mui/x-date-pickers/internals';
|
|
5
|
-
import
|
|
5
|
+
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
6
6
|
import { refType } from '@mui/utils';
|
|
7
7
|
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
8
8
|
import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
|
|
@@ -177,10 +177,12 @@ MobileDateRangePicker.propTypes = {
|
|
|
177
177
|
localeText: PropTypes.object,
|
|
178
178
|
/**
|
|
179
179
|
* Maximal selectable date.
|
|
180
|
+
* @default 2099-12-31
|
|
180
181
|
*/
|
|
181
182
|
maxDate: PropTypes.object,
|
|
182
183
|
/**
|
|
183
184
|
* Minimal selectable date.
|
|
185
|
+
* @default 1900-01-01
|
|
184
186
|
*/
|
|
185
187
|
minDate: PropTypes.object,
|
|
186
188
|
/**
|
|
@@ -5,7 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import { refType } from '@mui/utils';
|
|
7
7
|
import { DIALOG_WIDTH, VIEW_HEIGHT, extractValidationProps, isInternalTimeView, isDatePickerView, resolveDateTimeFormat, useUtils } from '@mui/x-date-pickers/internals';
|
|
8
|
-
import
|
|
8
|
+
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
9
9
|
import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';
|
|
10
10
|
import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '@mui/x-date-pickers/MultiSectionDigitalClock';
|
|
11
11
|
import { digitalClockClasses } from '@mui/x-date-pickers/DigitalClock';
|
|
@@ -260,6 +260,7 @@ MobileDateTimeRangePicker.propTypes = {
|
|
|
260
260
|
localeText: PropTypes.object,
|
|
261
261
|
/**
|
|
262
262
|
* Maximal selectable date.
|
|
263
|
+
* @default 2099-12-31
|
|
263
264
|
*/
|
|
264
265
|
maxDate: PropTypes.object,
|
|
265
266
|
/**
|
|
@@ -273,6 +274,7 @@ MobileDateTimeRangePicker.propTypes = {
|
|
|
273
274
|
maxTime: PropTypes.object,
|
|
274
275
|
/**
|
|
275
276
|
* Minimal selectable date.
|
|
277
|
+
* @default 1900-01-01
|
|
276
278
|
*/
|
|
277
279
|
minDate: PropTypes.object,
|
|
278
280
|
/**
|
|
@@ -8,7 +8,7 @@ import Stack from '@mui/material/Stack';
|
|
|
8
8
|
import MuiTextField from '@mui/material/TextField';
|
|
9
9
|
import Typography from '@mui/material/Typography';
|
|
10
10
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
11
|
-
import
|
|
11
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
12
12
|
import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
13
13
|
import { splitFieldInternalAndForwardedProps, convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/internals';
|
|
14
14
|
import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
|
|
@@ -190,10 +190,12 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
|
|
|
190
190
|
formatDensity: PropTypes.oneOf(['dense', 'spacious']),
|
|
191
191
|
/**
|
|
192
192
|
* Maximal selectable date.
|
|
193
|
+
* @default 2099-12-31
|
|
193
194
|
*/
|
|
194
195
|
maxDate: PropTypes.object,
|
|
195
196
|
/**
|
|
196
197
|
* Minimal selectable date.
|
|
198
|
+
* @default 1900-01-01
|
|
197
199
|
*/
|
|
198
200
|
minDate: PropTypes.object,
|
|
199
201
|
/**
|
|
@@ -8,7 +8,7 @@ import Stack from '@mui/material/Stack';
|
|
|
8
8
|
import MuiTextField from '@mui/material/TextField';
|
|
9
9
|
import Typography from '@mui/material/Typography';
|
|
10
10
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
11
|
-
import
|
|
11
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
12
12
|
import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
13
13
|
import { splitFieldInternalAndForwardedProps, convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/internals';
|
|
14
14
|
import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
|
|
@@ -200,6 +200,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
|
|
|
200
200
|
formatDensity: PropTypes.oneOf(['dense', 'spacious']),
|
|
201
201
|
/**
|
|
202
202
|
* Maximal selectable date.
|
|
203
|
+
* @default 2099-12-31
|
|
203
204
|
*/
|
|
204
205
|
maxDate: PropTypes.object,
|
|
205
206
|
/**
|
|
@@ -213,6 +214,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
|
|
|
213
214
|
maxTime: PropTypes.object,
|
|
214
215
|
/**
|
|
215
216
|
* Minimal selectable date.
|
|
217
|
+
* @default 1900-01-01
|
|
216
218
|
*/
|
|
217
219
|
minDate: PropTypes.object,
|
|
218
220
|
/**
|
|
@@ -8,7 +8,7 @@ import Stack from '@mui/material/Stack';
|
|
|
8
8
|
import MuiTextField from '@mui/material/TextField';
|
|
9
9
|
import Typography from '@mui/material/Typography';
|
|
10
10
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
11
|
-
import
|
|
11
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
12
12
|
import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
13
13
|
import { splitFieldInternalAndForwardedProps, convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/internals';
|
|
14
14
|
import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
|
|
@@ -5,7 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import MuiTextField from '@mui/material/TextField';
|
|
7
7
|
import { useThemeProps } from '@mui/material/styles';
|
|
8
|
-
import
|
|
8
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
9
9
|
import { refType } from '@mui/utils';
|
|
10
10
|
import { useClearableField } from '@mui/x-date-pickers/hooks';
|
|
11
11
|
import { convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/internals';
|
|
@@ -180,10 +180,12 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
|
|
|
180
180
|
margin: PropTypes.oneOf(['dense', 'none', 'normal']),
|
|
181
181
|
/**
|
|
182
182
|
* Maximal selectable date.
|
|
183
|
+
* @default 2099-12-31
|
|
183
184
|
*/
|
|
184
185
|
maxDate: PropTypes.object,
|
|
185
186
|
/**
|
|
186
187
|
* Minimal selectable date.
|
|
188
|
+
* @default 1900-01-01
|
|
187
189
|
*/
|
|
188
190
|
minDate: PropTypes.object,
|
|
189
191
|
/**
|
|
@@ -8,7 +8,7 @@ import { convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/i
|
|
|
8
8
|
import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
|
|
9
9
|
import { useThemeProps } from '@mui/material/styles';
|
|
10
10
|
import { refType } from '@mui/utils';
|
|
11
|
-
import
|
|
11
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
12
12
|
import { useClearableField } from '@mui/x-date-pickers/hooks';
|
|
13
13
|
import { useSingleInputDateTimeRangeField } from './useSingleInputDateTimeRangeField';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -190,6 +190,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
|
|
|
190
190
|
margin: PropTypes.oneOf(['dense', 'none', 'normal']),
|
|
191
191
|
/**
|
|
192
192
|
* Maximal selectable date.
|
|
193
|
+
* @default 2099-12-31
|
|
193
194
|
*/
|
|
194
195
|
maxDate: PropTypes.object,
|
|
195
196
|
/**
|
|
@@ -203,6 +204,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
|
|
|
203
204
|
maxTime: PropTypes.object,
|
|
204
205
|
/**
|
|
205
206
|
* Minimal selectable date.
|
|
207
|
+
* @default 1900-01-01
|
|
206
208
|
*/
|
|
207
209
|
minDate: PropTypes.object,
|
|
208
210
|
/**
|
|
@@ -8,7 +8,7 @@ import { useClearableField } from '@mui/x-date-pickers/hooks';
|
|
|
8
8
|
import { convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/internals';
|
|
9
9
|
import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
|
|
10
10
|
import { useThemeProps } from '@mui/material/styles';
|
|
11
|
-
import
|
|
11
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
12
12
|
import { refType } from '@mui/utils';
|
|
13
13
|
import { useSingleInputTimeRangeField } from './useSingleInputTimeRangeField';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -145,10 +145,12 @@ StaticDateRangePicker.propTypes = {
|
|
|
145
145
|
localeText: PropTypes.object,
|
|
146
146
|
/**
|
|
147
147
|
* Maximal selectable date.
|
|
148
|
+
* @default 2099-12-31
|
|
148
149
|
*/
|
|
149
150
|
maxDate: PropTypes.object,
|
|
150
151
|
/**
|
|
151
152
|
* Minimal selectable date.
|
|
153
|
+
* @default 1900-01-01
|
|
152
154
|
*/
|
|
153
155
|
minDate: PropTypes.object,
|
|
154
156
|
/**
|
package/modern/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
const _excluded = ["props"];
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
import
|
|
5
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
6
6
|
import { useLicenseVerifier } from '@mui/x-license';
|
|
7
7
|
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
8
8
|
import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
|
|
@@ -2,7 +2,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
const _excluded = ["clearable", "onClear"];
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
import
|
|
5
|
+
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
6
6
|
import useEventCallback from '@mui/utils/useEventCallback';
|
|
7
7
|
import useForkRef from '@mui/utils/useForkRef';
|
|
8
8
|
import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
|
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
const _excluded = ["props"];
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
import
|
|
5
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
6
6
|
import { useLicenseVerifier } from '@mui/x-license';
|
|
7
7
|
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
8
8
|
import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTcyMjQ2MzIwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -12,7 +12,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
13
|
var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
|
|
14
14
|
var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
|
|
15
|
-
var
|
|
15
|
+
var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
|
|
16
|
+
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
16
17
|
var _styles = require("@mui/material/styles");
|
|
17
18
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
18
19
|
var _useId = _interopRequireDefault(require("@mui/utils/useId"));
|
|
@@ -54,7 +55,6 @@ const DateRangeCalendarMonthContainer = (0, _styles.styled)('div', {
|
|
|
54
55
|
}
|
|
55
56
|
}));
|
|
56
57
|
const weeksContainerHeight = (_dimensions.DAY_RANGE_SIZE + _dimensions.DAY_MARGIN * 2) * 6;
|
|
57
|
-
const warnInvalidCurrentMonthCalendarPosition = (0, _internals.buildWarning)(['The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
|
|
58
58
|
const DayCalendarForRange = (0, _styles.styled)(_internals.DayCalendar)(({
|
|
59
59
|
theme
|
|
60
60
|
}) => ({
|
|
@@ -292,7 +292,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
|
|
|
292
292
|
timezone
|
|
293
293
|
});
|
|
294
294
|
const CalendarHeader = slots?.calendarHeader ?? _PickersRangeCalendarHeader.PickersRangeCalendarHeader;
|
|
295
|
-
const calendarHeaderProps = (0,
|
|
295
|
+
const calendarHeaderProps = (0, _useSlotProps.default)({
|
|
296
296
|
elementType: CalendarHeader,
|
|
297
297
|
externalSlotProps: slotProps?.calendarHeader,
|
|
298
298
|
additionalProps: {
|
|
@@ -402,7 +402,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
|
|
|
402
402
|
'data-position': datePosition
|
|
403
403
|
}, dragEventHandlers, {
|
|
404
404
|
draggable: isElementDraggable ? true : undefined
|
|
405
|
-
}, (0,
|
|
405
|
+
}, (0, _resolveComponentProps.default)(slotProps?.day, dayOwnerState) ?? {});
|
|
406
406
|
}
|
|
407
407
|
});
|
|
408
408
|
const calendarMonths = React.useMemo(() => Array.from({
|
|
@@ -411,7 +411,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
|
|
|
411
411
|
const visibleMonths = React.useMemo(() => {
|
|
412
412
|
if (process.env.NODE_ENV !== 'production') {
|
|
413
413
|
if (currentMonthCalendarPosition > calendars || currentMonthCalendarPosition < 1) {
|
|
414
|
-
|
|
414
|
+
(0, _internals.warnOnce)(['MUI X: The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
|
|
415
415
|
}
|
|
416
416
|
}
|
|
417
417
|
const firstMonth = utils.addMonths(calendarState.currentMonth, 1 - currentMonthCalendarPosition);
|
|
@@ -586,10 +586,12 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
|
|
|
586
586
|
loading: _propTypes.default.bool,
|
|
587
587
|
/**
|
|
588
588
|
* Maximal selectable date.
|
|
589
|
+
* @default 2099-12-31
|
|
589
590
|
*/
|
|
590
591
|
maxDate: _propTypes.default.object,
|
|
591
592
|
/**
|
|
592
593
|
* Minimal selectable date.
|
|
594
|
+
* @default 1900-01-01
|
|
593
595
|
*/
|
|
594
596
|
minDate: _propTypes.default.object,
|
|
595
597
|
/**
|
|
@@ -185,10 +185,12 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
|
|
|
185
185
|
localeText: _propTypes.default.object,
|
|
186
186
|
/**
|
|
187
187
|
* Maximal selectable date.
|
|
188
|
+
* @default 2099-12-31
|
|
188
189
|
*/
|
|
189
190
|
maxDate: _propTypes.default.object,
|
|
190
191
|
/**
|
|
191
192
|
* Minimal selectable date.
|
|
193
|
+
* @default 1900-01-01
|
|
192
194
|
*/
|
|
193
195
|
minDate: _propTypes.default.object,
|
|
194
196
|
/**
|
|
@@ -12,7 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
13
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
14
14
|
var _styles = require("@mui/material/styles");
|
|
15
|
-
var
|
|
15
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
16
16
|
var _internals = require("@mui/x-date-pickers/internals");
|
|
17
17
|
var _hooks = require("@mui/x-date-pickers/hooks");
|
|
18
18
|
var _dateRangePickerToolbarClasses = require("./dateRangePickerToolbarClasses");
|
|
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
|
|
|
28
28
|
root: ['root'],
|
|
29
29
|
container: ['container']
|
|
30
30
|
};
|
|
31
|
-
return (0,
|
|
31
|
+
return (0, _composeClasses.default)(slots, _dateRangePickerToolbarClasses.getDateRangePickerToolbarUtilityClass, classes);
|
|
32
32
|
};
|
|
33
33
|
const DateRangePickerToolbarRoot = (0, _styles.styled)(_internals.PickersToolbar, {
|
|
34
34
|
name: 'MuiDateRangePickerToolbar',
|
|
@@ -12,7 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
13
|
var _xLicense = require("@mui/x-license");
|
|
14
14
|
var _styles = require("@mui/material/styles");
|
|
15
|
-
var
|
|
15
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
16
16
|
var _internals = require("@mui/x-date-pickers/internals");
|
|
17
17
|
var _PickersDay = require("@mui/x-date-pickers/PickersDay");
|
|
18
18
|
var _dateRangePickerDayClasses = require("./dateRangePickerDayClasses");
|
|
@@ -44,7 +44,7 @@ const useUtilityClasses = ownerState => {
|
|
|
44
44
|
rangeIntervalPreview: ['rangeIntervalPreview', isPreviewing && 'rangeIntervalDayPreview', (isStartOfPreviewing || isStartOfMonth) && 'rangeIntervalDayPreviewStart', (isEndOfPreviewing || isEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
|
|
45
45
|
day: ['day', !selected && 'notSelectedDate', !isHighlighting && 'dayOutsideRangeInterval', !selected && isHighlighting && 'dayInsideRangeInterval']
|
|
46
46
|
};
|
|
47
|
-
return (0,
|
|
47
|
+
return (0, _composeClasses.default)(slots, _dateRangePickerDayClasses.getDateRangePickerDayUtilityClass, classes);
|
|
48
48
|
};
|
|
49
49
|
const endBorderStyle = {
|
|
50
50
|
borderTopRightRadius: '50%',
|
|
@@ -195,6 +195,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
195
195
|
localeText: _propTypes.default.object,
|
|
196
196
|
/**
|
|
197
197
|
* Maximal selectable date.
|
|
198
|
+
* @default 2099-12-31
|
|
198
199
|
*/
|
|
199
200
|
maxDate: _propTypes.default.object,
|
|
200
201
|
/**
|
|
@@ -208,6 +209,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
208
209
|
maxTime: _propTypes.default.object,
|
|
209
210
|
/**
|
|
210
211
|
* Minimal selectable date.
|
|
212
|
+
* @default 1900-01-01
|
|
211
213
|
*/
|
|
212
214
|
minDate: _propTypes.default.object,
|
|
213
215
|
/**
|
|
@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
13
|
var _styles = require("@mui/material/styles");
|
|
14
|
-
var
|
|
14
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
15
15
|
var _internals = require("@mui/x-date-pickers/internals");
|
|
16
16
|
var _hooks = require("@mui/x-date-pickers/hooks");
|
|
17
17
|
var _DateTimePicker = require("@mui/x-date-pickers/DateTimePicker");
|
|
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
|
|
|
30
30
|
startToolbar: ['startToolbar'],
|
|
31
31
|
endToolbar: ['endToolbar']
|
|
32
32
|
};
|
|
33
|
-
return (0,
|
|
33
|
+
return (0, _composeClasses.default)(slots, _dateTimeRangePickerToolbarClasses.getDateTimeRangePickerToolbarUtilityClass, classes);
|
|
34
34
|
};
|
|
35
35
|
const DateTimeRangePickerToolbarRoot = (0, _styles.styled)('div', {
|
|
36
36
|
name: 'MuiDateTimeRangePickerToolbar',
|
|
@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
var _internals = require("@mui/x-date-pickers/internals");
|
|
12
|
-
var
|
|
13
|
-
var
|
|
12
|
+
var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
|
|
13
|
+
var _utils = require("@mui/utils");
|
|
14
14
|
var _valueManagers = require("../internals/utils/valueManagers");
|
|
15
15
|
var _shared = require("../DateRangePicker/shared");
|
|
16
16
|
var _dateRangeViewRenderers = require("../dateRangeViewRenderers");
|
|
@@ -44,7 +44,7 @@ const DesktopDateRangePicker = exports.DesktopDateRangePicker = /*#__PURE__*/Rea
|
|
|
44
44
|
field: _MultiInputDateRangeField.MultiInputDateRangeField
|
|
45
45
|
}, defaultizedProps.slots),
|
|
46
46
|
slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
|
|
47
|
-
field: ownerState => (0, _extends2.default)({}, (0,
|
|
47
|
+
field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _internals.extractValidationProps)(defaultizedProps), {
|
|
48
48
|
ref
|
|
49
49
|
}),
|
|
50
50
|
toolbar: (0, _extends2.default)({
|
|
@@ -171,7 +171,7 @@ DesktopDateRangePicker.propTypes = {
|
|
|
171
171
|
* Pass a ref to the `input` element.
|
|
172
172
|
* Ignored if the field has several inputs.
|
|
173
173
|
*/
|
|
174
|
-
inputRef:
|
|
174
|
+
inputRef: _utils.refType,
|
|
175
175
|
/**
|
|
176
176
|
* The label content.
|
|
177
177
|
* Ignored if the field has several inputs.
|
|
@@ -190,10 +190,12 @@ DesktopDateRangePicker.propTypes = {
|
|
|
190
190
|
localeText: _propTypes.default.object,
|
|
191
191
|
/**
|
|
192
192
|
* Maximal selectable date.
|
|
193
|
+
* @default 2099-12-31
|
|
193
194
|
*/
|
|
194
195
|
maxDate: _propTypes.default.object,
|
|
195
196
|
/**
|
|
196
197
|
* Minimal selectable date.
|
|
198
|
+
* @default 1900-01-01
|
|
197
199
|
*/
|
|
198
200
|
minDate: _propTypes.default.object,
|
|
199
201
|
/**
|