@mui/x-date-pickers-pro 7.0.0-beta.2 → 7.0.0-beta.4
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 +298 -23
- package/DateRangeCalendar/DateRangeCalendar.js +3 -1
- package/DateRangeCalendar/DateRangeCalendar.types.d.ts +3 -0
- package/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/DateRangePicker/DateRangePicker.js +9 -9
- package/DateRangePicker/DateRangePicker.types.d.ts +3 -3
- package/DateRangePicker/DateRangePickerToolbar.d.ts +3 -0
- package/DateRangePicker/DateRangePickerToolbar.js +6 -0
- package/DateTimeRangePicker/DateTimeRangePicker.d.ts +1 -1
- package/DateTimeRangePicker/DateTimeRangePicker.js +11 -12
- package/DateTimeRangePicker/DateTimeRangePicker.types.d.ts +3 -3
- package/DateTimeRangePicker/DateTimeRangePickerTabs.js +7 -1
- package/DateTimeRangePicker/DateTimeRangePickerToolbar.d.ts +3 -0
- package/DateTimeRangePicker/DateTimeRangePickerToolbar.js +6 -0
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +1 -1
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +9 -9
- package/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +3 -3
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.d.ts +1 -1
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +11 -12
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.ts +3 -3
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +1 -1
- package/MobileDateRangePicker/MobileDateRangePicker.js +9 -9
- package/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +3 -3
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.d.ts +1 -1
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +11 -12
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.d.ts +3 -3
- package/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +1 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.js +17 -19
- package/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +11 -14
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +1 -1
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +17 -19
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +12 -16
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +1 -1
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +17 -19
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +12 -16
- package/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +2 -2
- package/SingleInputDateRangeField/SingleInputDateRangeField.js +12 -10
- package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +11 -14
- package/SingleInputDateRangeField/index.d.ts +1 -1
- package/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +2 -3
- package/SingleInputDateRangeField/useSingleInputDateRangeField.js +2 -15
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +2 -2
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +12 -10
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +12 -15
- package/SingleInputDateTimeRangeField/index.d.ts +1 -1
- package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +2 -3
- package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +2 -20
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +2 -2
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +11 -9
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +12 -15
- package/SingleInputTimeRangeField/index.d.ts +1 -1
- package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +2 -3
- package/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +2 -14
- package/StaticDateRangePicker/StaticDateRangePicker.js +0 -1
- package/index.d.ts +0 -1
- package/index.js +2 -1
- package/internals/hooks/models/useRangePicker.d.ts +5 -5
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -1
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +16 -7
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +5 -5
- package/internals/hooks/useEnrichedRangePickerFieldProps.d.ts +15 -15
- package/internals/hooks/useEnrichedRangePickerFieldProps.js +37 -40
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -1
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +17 -8
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +5 -5
- package/internals/hooks/useMultiInputFieldSelectedSections.d.ts +21 -0
- package/internals/hooks/useMultiInputFieldSelectedSections.js +43 -0
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.d.ts +1 -1
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +17 -12
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.d.ts +2 -3
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +23 -31
- package/internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types.d.ts +4 -4
- package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.d.ts +2 -3
- package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +23 -25
- package/internals/hooks/useRangePosition.d.ts +2 -4
- package/internals/hooks/useRangePosition.js +3 -6
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +1 -0
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +1 -2
- package/internals/models/dateRange.d.ts +3 -15
- package/internals/models/dateTimeRange.d.ts +4 -6
- package/internals/models/index.d.ts +0 -1
- package/internals/models/index.js +0 -1
- package/internals/models/timeRange.d.ts +3 -6
- package/internals/utils/date-fields-utils.d.ts +1 -5
- package/internals/utils/releaseInfo.js +1 -1
- package/internals/utils/valueManagers.d.ts +1 -2
- package/internals/utils/valueManagers.js +11 -6
- package/models/fields.d.ts +69 -0
- package/models/index.d.ts +1 -0
- package/models/index.js +1 -0
- package/modern/DateRangeCalendar/DateRangeCalendar.js +3 -1
- package/modern/DateRangePicker/DateRangePicker.js +9 -9
- package/modern/DateRangePicker/DateRangePickerToolbar.js +6 -0
- package/modern/DateTimeRangePicker/DateTimeRangePicker.js +11 -12
- package/modern/DateTimeRangePicker/DateTimeRangePickerTabs.js +7 -1
- package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js +6 -0
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +9 -9
- package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +11 -12
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +9 -9
- package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +11 -12
- package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +17 -19
- package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +17 -19
- package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +17 -19
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +12 -10
- package/modern/SingleInputDateRangeField/useSingleInputDateRangeField.js +2 -14
- package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +12 -10
- package/modern/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +2 -19
- package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +11 -9
- package/modern/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +2 -13
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +0 -1
- package/modern/index.js +2 -1
- package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +16 -7
- package/modern/internals/hooks/useEnrichedRangePickerFieldProps.js +34 -37
- package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +17 -8
- package/modern/internals/hooks/useMultiInputFieldSelectedSections.js +40 -0
- package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +17 -12
- package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +23 -30
- package/modern/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +23 -24
- package/modern/internals/hooks/useRangePosition.js +3 -6
- package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +1 -0
- package/modern/internals/models/index.js +0 -1
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/modern/internals/utils/valueManagers.js +11 -6
- package/modern/models/index.js +1 -0
- package/node/DateRangeCalendar/DateRangeCalendar.js +3 -1
- package/node/DateRangePicker/DateRangePicker.js +9 -9
- package/node/DateRangePicker/DateRangePickerToolbar.js +6 -0
- package/node/DateTimeRangePicker/DateTimeRangePicker.js +11 -12
- package/node/DateTimeRangePicker/DateTimeRangePickerTabs.js +7 -1
- package/node/DateTimeRangePicker/DateTimeRangePickerToolbar.js +6 -0
- package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +9 -9
- package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +11 -12
- package/node/MobileDateRangePicker/MobileDateRangePicker.js +9 -9
- package/node/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +13 -14
- package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +17 -19
- package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +17 -19
- package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +17 -19
- package/node/SingleInputDateRangeField/SingleInputDateRangeField.js +12 -10
- package/node/SingleInputDateRangeField/useSingleInputDateRangeField.js +2 -16
- package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +15 -13
- package/node/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +2 -21
- package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js +11 -9
- package/node/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +2 -15
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +0 -1
- package/node/index.js +1 -1
- package/node/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +16 -7
- package/node/internals/hooks/useEnrichedRangePickerFieldProps.js +33 -36
- package/node/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +17 -8
- package/node/internals/hooks/useMultiInputFieldSelectedSections.js +50 -0
- package/node/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +16 -11
- package/node/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +23 -31
- package/node/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +23 -25
- package/node/internals/hooks/useRangePosition.js +3 -8
- package/node/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +1 -0
- package/node/internals/models/index.js +0 -11
- package/node/internals/utils/releaseInfo.js +1 -1
- package/node/internals/utils/valueManagers.js +10 -5
- package/node/models/index.js +11 -0
- package/package.json +5 -5
- package/themeAugmentation/props.d.ts +12 -12
- package/internals/models/fields.d.ts +0 -49
- package/legacy/AdapterDateFns/index.js +0 -1
- package/legacy/AdapterDateFnsJalali/index.js +0 -1
- package/legacy/AdapterDateFnsV3/index.js +0 -1
- package/legacy/AdapterDayjs/index.js +0 -1
- package/legacy/AdapterLuxon/index.js +0 -1
- package/legacy/AdapterMoment/index.js +0 -1
- package/legacy/AdapterMomentHijri/index.js +0 -1
- package/legacy/AdapterMomentJalaali/index.js +0 -1
- package/legacy/DateRangeCalendar/DateRangeCalendar.js +0 -764
- package/legacy/DateRangeCalendar/DateRangeCalendar.types.js +0 -1
- package/legacy/DateRangeCalendar/dateRangeCalendarClasses.js +0 -5
- package/legacy/DateRangeCalendar/index.js +0 -2
- package/legacy/DateRangeCalendar/useDragRange.js +0 -258
- package/legacy/DateRangePicker/DateRangePicker.js +0 -334
- package/legacy/DateRangePicker/DateRangePicker.types.js +0 -1
- package/legacy/DateRangePicker/DateRangePickerToolbar.js +0 -127
- package/legacy/DateRangePicker/dateRangePickerToolbarClasses.js +0 -5
- package/legacy/DateRangePicker/index.js +0 -3
- package/legacy/DateRangePicker/shared.js +0 -33
- package/legacy/DateRangePickerDay/DateRangePickerDay.js +0 -366
- package/legacy/DateRangePickerDay/dateRangePickerDayClasses.js +0 -5
- package/legacy/DateRangePickerDay/index.js +0 -2
- package/legacy/DateTimeRangePicker/DateTimeRangePicker.js +0 -413
- package/legacy/DateTimeRangePicker/DateTimeRangePicker.types.js +0 -1
- package/legacy/DateTimeRangePicker/DateTimeRangePickerTabs.js +0 -191
- package/legacy/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js +0 -57
- package/legacy/DateTimeRangePicker/DateTimeRangePickerToolbar.js +0 -184
- package/legacy/DateTimeRangePicker/dateTimeRangePickerTabsClasses.js +0 -6
- package/legacy/DateTimeRangePicker/dateTimeRangePickerToolbarClasses.js +0 -5
- package/legacy/DateTimeRangePicker/index.js +0 -5
- package/legacy/DateTimeRangePicker/shared.js +0 -54
- package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -343
- package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.types.js +0 -1
- package/legacy/DesktopDateRangePicker/index.js +0 -1
- package/legacy/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +0 -491
- package/legacy/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.js +0 -1
- package/legacy/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js +0 -48
- package/legacy/DesktopDateTimeRangePicker/index.js +0 -1
- package/legacy/MobileDateRangePicker/MobileDateRangePicker.js +0 -339
- package/legacy/MobileDateRangePicker/MobileDateRangePicker.types.js +0 -1
- package/legacy/MobileDateRangePicker/index.js +0 -1
- package/legacy/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +0 -484
- package/legacy/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.js +0 -1
- package/legacy/MobileDateTimeRangePicker/index.js +0 -1
- package/legacy/MultiInputDateRangeField/MultiInputDateRangeField.js +0 -316
- package/legacy/MultiInputDateRangeField/MultiInputDateRangeField.types.js +0 -1
- package/legacy/MultiInputDateRangeField/index.js +0 -2
- package/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +0 -357
- package/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.js +0 -1
- package/legacy/MultiInputDateTimeRangeField/index.js +0 -2
- package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.js +0 -330
- package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.types.js +0 -1
- package/legacy/MultiInputTimeRangeField/index.js +0 -2
- package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.js +0 -307
- package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.types.js +0 -1
- package/legacy/SingleInputDateRangeField/index.js +0 -2
- package/legacy/SingleInputDateRangeField/useSingleInputDateRangeField.js +0 -30
- package/legacy/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +0 -348
- package/legacy/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.js +0 -1
- package/legacy/SingleInputDateTimeRangeField/index.js +0 -2
- package/legacy/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +0 -35
- package/legacy/SingleInputTimeRangeField/SingleInputTimeRangeField.js +0 -321
- package/legacy/SingleInputTimeRangeField/SingleInputTimeRangeField.types.js +0 -1
- package/legacy/SingleInputTimeRangeField/index.js +0 -2
- package/legacy/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +0 -29
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +0 -276
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.types.js +0 -1
- package/legacy/StaticDateRangePicker/index.js +0 -1
- package/legacy/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -87
- package/legacy/dateRangeViewRenderers/index.js +0 -1
- package/legacy/index.js +0 -52
- package/legacy/internals/constants/dimensions.js +0 -5
- package/legacy/internals/hooks/models/index.js +0 -1
- package/legacy/internals/hooks/models/useRangePicker.js +0 -1
- package/legacy/internals/hooks/useDesktopRangePicker/index.js +0 -1
- package/legacy/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +0 -154
- package/legacy/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.js +0 -1
- package/legacy/internals/hooks/useEnrichedRangePickerFieldProps.js +0 -258
- package/legacy/internals/hooks/useMobileRangePicker/index.js +0 -1
- package/legacy/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +0 -144
- package/legacy/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.js +0 -1
- package/legacy/internals/hooks/useMultiInputRangeField/shared.js +0 -9
- package/legacy/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +0 -102
- package/legacy/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +0 -115
- package/legacy/internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types.js +0 -1
- package/legacy/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +0 -109
- package/legacy/internals/hooks/useRangePosition.js +0 -39
- package/legacy/internals/hooks/useStaticRangePicker/index.js +0 -1
- package/legacy/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +0 -76
- package/legacy/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.js +0 -1
- package/legacy/internals/models/dateRange.js +0 -1
- package/legacy/internals/models/dateTimeRange.js +0 -1
- package/legacy/internals/models/index.js +0 -5
- package/legacy/internals/models/rangePickerProps.js +0 -1
- package/legacy/internals/models/timeRange.js +0 -1
- package/legacy/internals/utils/date-fields-utils.js +0 -26
- package/legacy/internals/utils/date-range-manager.js +0 -65
- package/legacy/internals/utils/date-utils.js +0 -12
- package/legacy/internals/utils/releaseInfo.js +0 -13
- package/legacy/internals/utils/validation/validateDateRange.js +0 -45
- package/legacy/internals/utils/validation/validateDateTimeRange.js +0 -45
- package/legacy/internals/utils/validation/validateTimeRange.js +0 -32
- package/legacy/internals/utils/valueManagers.js +0 -135
- package/legacy/locales/index.js +0 -1
- package/legacy/models/index.js +0 -3
- package/legacy/models/multiInputRangeFieldClasses.js +0 -1
- package/legacy/models/range.js +0 -1
- package/legacy/models/validation.js +0 -1
- package/legacy/themeAugmentation/index.js +0 -4
- package/modern/internals/models/fields.js +0 -1
- /package/{internals/models → models}/fields.js +0 -0
- /package/{legacy/internals → modern}/models/fields.js +0 -0
- /package/node/{internals/models → models}/fields.js +0 -0
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
-
var _excluded = ["value", "rangePosition", "onRangePositionChange", "className", "onViewChange", "toolbarVariant", "onChange", "classes", "view"];
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import clsx from 'clsx';
|
|
8
|
-
import { styled, useThemeProps } from '@mui/material/styles';
|
|
9
|
-
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
10
|
-
import { useLocaleText, useUtils } from '@mui/x-date-pickers/internals';
|
|
11
|
-
import { DateTimePickerToolbar } from '@mui/x-date-pickers/DateTimePicker';
|
|
12
|
-
import { getDateTimeRangePickerToolbarUtilityClass } from './dateTimeRangePickerToolbarClasses';
|
|
13
|
-
import { calculateRangeChange } from '../internals/utils/date-range-manager';
|
|
14
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
|
-
var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
17
|
-
var classes = ownerState.classes;
|
|
18
|
-
var slots = {
|
|
19
|
-
root: ['root'],
|
|
20
|
-
startToolbar: ['startToolbar'],
|
|
21
|
-
endToolbar: ['endToolbar']
|
|
22
|
-
};
|
|
23
|
-
return composeClasses(slots, getDateTimeRangePickerToolbarUtilityClass, classes);
|
|
24
|
-
};
|
|
25
|
-
var DateTimeRangePickerToolbarRoot = styled('div', {
|
|
26
|
-
name: 'MuiDateTimeRangePickerToolbar',
|
|
27
|
-
slot: 'Root',
|
|
28
|
-
overridesResolver: function overridesResolver(_, styles) {
|
|
29
|
-
return styles.root;
|
|
30
|
-
}
|
|
31
|
-
})({
|
|
32
|
-
display: 'flex',
|
|
33
|
-
flexDirection: 'column'
|
|
34
|
-
});
|
|
35
|
-
var DateTimeRangePickerToolbarStart = styled(DateTimePickerToolbar, {
|
|
36
|
-
name: 'MuiDateTimeRangePickerToolbar',
|
|
37
|
-
slot: 'StartToolbar',
|
|
38
|
-
overridesResolver: function overridesResolver(_, styles) {
|
|
39
|
-
return styles.startToolbar;
|
|
40
|
-
}
|
|
41
|
-
})(function (_ref) {
|
|
42
|
-
var ownerState = _ref.ownerState;
|
|
43
|
-
return _extends({
|
|
44
|
-
borderBottom: 'none'
|
|
45
|
-
}, (ownerState == null ? void 0 : ownerState.toolbarVariant) !== 'desktop' ? {
|
|
46
|
-
padding: '12px 8px 0 12px'
|
|
47
|
-
} : {
|
|
48
|
-
paddingBottom: 0
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
var DateTimeRangePickerToolbarEnd = styled(DateTimePickerToolbar, {
|
|
52
|
-
name: 'MuiDateTimeRangePickerToolbar',
|
|
53
|
-
slot: 'EndToolbar',
|
|
54
|
-
overridesResolver: function overridesResolver(_, styles) {
|
|
55
|
-
return styles.endToolbar;
|
|
56
|
-
}
|
|
57
|
-
})(function (_ref2) {
|
|
58
|
-
var ownerState = _ref2.ownerState;
|
|
59
|
-
return {
|
|
60
|
-
padding: (ownerState == null ? void 0 : ownerState.toolbarVariant) !== 'desktop' ? '12px 8px 12px 12px' : undefined
|
|
61
|
-
};
|
|
62
|
-
});
|
|
63
|
-
var DateTimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateTimeRangePickerToolbar(inProps, ref) {
|
|
64
|
-
var props = useThemeProps({
|
|
65
|
-
props: inProps,
|
|
66
|
-
name: 'MuiDateTimeRangePickerToolbar'
|
|
67
|
-
});
|
|
68
|
-
var utils = useUtils();
|
|
69
|
-
var _props$value = _slicedToArray(props.value, 2),
|
|
70
|
-
start = _props$value[0],
|
|
71
|
-
end = _props$value[1],
|
|
72
|
-
rangePosition = props.rangePosition,
|
|
73
|
-
onRangePositionChange = props.onRangePositionChange,
|
|
74
|
-
className = props.className,
|
|
75
|
-
onViewChange = props.onViewChange,
|
|
76
|
-
toolbarVariant = props.toolbarVariant,
|
|
77
|
-
onChange = props.onChange,
|
|
78
|
-
inClasses = props.classes,
|
|
79
|
-
view = props.view,
|
|
80
|
-
other = _objectWithoutProperties(props, _excluded);
|
|
81
|
-
var localeText = useLocaleText();
|
|
82
|
-
var ownerState = props;
|
|
83
|
-
var classes = useUtilityClasses(ownerState);
|
|
84
|
-
var handleStartRangeViewChange = React.useCallback(function (newView) {
|
|
85
|
-
if (newView === 'year' || newView === 'month') {
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
if (rangePosition !== 'start') {
|
|
89
|
-
onRangePositionChange('start');
|
|
90
|
-
}
|
|
91
|
-
onViewChange(newView);
|
|
92
|
-
}, [onRangePositionChange, onViewChange, rangePosition]);
|
|
93
|
-
var handleEndRangeViewChange = React.useCallback(function (newView) {
|
|
94
|
-
if (newView === 'year' || newView === 'month') {
|
|
95
|
-
return;
|
|
96
|
-
}
|
|
97
|
-
if (rangePosition !== 'end') {
|
|
98
|
-
onRangePositionChange('end');
|
|
99
|
-
}
|
|
100
|
-
onViewChange(newView);
|
|
101
|
-
}, [onRangePositionChange, onViewChange, rangePosition]);
|
|
102
|
-
var handleOnChange = React.useCallback(function (newDate) {
|
|
103
|
-
var _calculateRangeChange = calculateRangeChange({
|
|
104
|
-
newDate: newDate,
|
|
105
|
-
utils: utils,
|
|
106
|
-
range: props.value,
|
|
107
|
-
rangePosition: rangePosition,
|
|
108
|
-
allowRangeFlip: true
|
|
109
|
-
}),
|
|
110
|
-
nextSelection = _calculateRangeChange.nextSelection,
|
|
111
|
-
newRange = _calculateRangeChange.newRange;
|
|
112
|
-
onRangePositionChange(nextSelection);
|
|
113
|
-
onChange(newRange);
|
|
114
|
-
}, [onChange, onRangePositionChange, props.value, rangePosition, utils]);
|
|
115
|
-
return /*#__PURE__*/_jsxs(DateTimeRangePickerToolbarRoot, {
|
|
116
|
-
className: clsx(className, classes.root),
|
|
117
|
-
ownerState: ownerState,
|
|
118
|
-
ref: ref,
|
|
119
|
-
children: [/*#__PURE__*/_jsx(DateTimeRangePickerToolbarStart, _extends({}, other, {
|
|
120
|
-
value: start,
|
|
121
|
-
onViewChange: handleStartRangeViewChange,
|
|
122
|
-
toolbarTitle: localeText.start,
|
|
123
|
-
ownerState: ownerState,
|
|
124
|
-
toolbarVariant: "desktop",
|
|
125
|
-
view: rangePosition === 'start' ? view : undefined,
|
|
126
|
-
className: classes.startToolbar,
|
|
127
|
-
onChange: handleOnChange
|
|
128
|
-
})), /*#__PURE__*/_jsx(DateTimeRangePickerToolbarEnd, _extends({}, other, {
|
|
129
|
-
value: end,
|
|
130
|
-
onViewChange: handleEndRangeViewChange,
|
|
131
|
-
toolbarTitle: localeText.end,
|
|
132
|
-
ownerState: ownerState,
|
|
133
|
-
toolbarVariant: "desktop",
|
|
134
|
-
view: rangePosition === 'end' ? view : undefined,
|
|
135
|
-
className: classes.endToolbar,
|
|
136
|
-
onChange: handleOnChange
|
|
137
|
-
}))]
|
|
138
|
-
});
|
|
139
|
-
});
|
|
140
|
-
process.env.NODE_ENV !== "production" ? DateTimeRangePickerToolbar.propTypes = {
|
|
141
|
-
// ----------------------------- Warning --------------------------------
|
|
142
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
143
|
-
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
144
|
-
// ----------------------------------------------------------------------
|
|
145
|
-
ampm: PropTypes.bool,
|
|
146
|
-
classes: PropTypes.object,
|
|
147
|
-
className: PropTypes.string,
|
|
148
|
-
disabled: PropTypes.bool,
|
|
149
|
-
/**
|
|
150
|
-
* If `true`, show the toolbar even in desktop mode.
|
|
151
|
-
* @default `true` for Desktop, `false` for Mobile.
|
|
152
|
-
*/
|
|
153
|
-
hidden: PropTypes.bool,
|
|
154
|
-
isLandscape: PropTypes.bool.isRequired,
|
|
155
|
-
onChange: PropTypes.func.isRequired,
|
|
156
|
-
onRangePositionChange: PropTypes.func.isRequired,
|
|
157
|
-
/**
|
|
158
|
-
* Callback called when a toolbar is clicked
|
|
159
|
-
* @template TView
|
|
160
|
-
* @param {TView} view The view to open
|
|
161
|
-
*/
|
|
162
|
-
onViewChange: PropTypes.func.isRequired,
|
|
163
|
-
rangePosition: PropTypes.oneOf(['end', 'start']).isRequired,
|
|
164
|
-
readOnly: PropTypes.bool,
|
|
165
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
166
|
-
titleId: PropTypes.string,
|
|
167
|
-
/**
|
|
168
|
-
* Toolbar date format.
|
|
169
|
-
*/
|
|
170
|
-
toolbarFormat: PropTypes.string,
|
|
171
|
-
/**
|
|
172
|
-
* Toolbar value placeholder—it is displayed when the value is empty.
|
|
173
|
-
* @default "––"
|
|
174
|
-
*/
|
|
175
|
-
toolbarPlaceholder: PropTypes.node,
|
|
176
|
-
toolbarVariant: PropTypes.oneOf(['desktop', 'mobile']),
|
|
177
|
-
value: PropTypes.arrayOf(PropTypes.object).isRequired,
|
|
178
|
-
/**
|
|
179
|
-
* Currently visible picker view.
|
|
180
|
-
*/
|
|
181
|
-
view: PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'seconds']).isRequired,
|
|
182
|
-
views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'seconds']).isRequired).isRequired
|
|
183
|
-
} : void 0;
|
|
184
|
-
export { DateTimeRangePickerToolbar };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export function getDateTimeRangePickerTabsUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('MuiDateTimeRangePickerTabs', slot);
|
|
5
|
-
}
|
|
6
|
-
export var dateTimeRangePickerTabsClasses = generateUtilityClasses('MuiDateTimeRangePickerTabs', ['root', 'tabButton', 'navigationButton', 'filler']);
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
2
|
-
export function getDateTimeRangePickerToolbarUtilityClass(slot) {
|
|
3
|
-
return generateUtilityClass('MuiDateTimeRangePickerToolbar', slot);
|
|
4
|
-
}
|
|
5
|
-
export var dateTimeRangePickerToolbarClasses = generateUtilityClasses('MuiDateTimeRangePickerToolbar', ['root', 'startToolbar', 'endToolbar']);
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { DateTimeRangePicker } from './DateTimeRangePicker';
|
|
2
|
-
export { DateTimeRangePickerTabs } from './DateTimeRangePickerTabs';
|
|
3
|
-
export { getDateTimeRangePickerTabsUtilityClass, dateTimeRangePickerTabsClasses } from './dateTimeRangePickerTabsClasses';
|
|
4
|
-
export { DateTimeRangePickerToolbar } from './DateTimeRangePickerToolbar';
|
|
5
|
-
export { getDateTimeRangePickerToolbarUtilityClass, dateTimeRangePickerToolbarClasses } from './dateTimeRangePickerToolbarClasses';
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import { useThemeProps } from '@mui/material/styles';
|
|
3
|
-
import { useDefaultDates, useUtils, applyDefaultDate, applyDefaultViewProps, resolveTimeViewsResponse } from '@mui/x-date-pickers/internals';
|
|
4
|
-
import { DateTimeRangePickerToolbar } from './DateTimeRangePickerToolbar';
|
|
5
|
-
import { DateTimeRangePickerTabs } from './DateTimeRangePickerTabs';
|
|
6
|
-
export function useDateTimeRangePickerDefaultizedProps(props, name) {
|
|
7
|
-
var _themeProps$ampm, _themeProps$disableFu, _themeProps$disablePa, _themeProps$slotProps;
|
|
8
|
-
var utils = useUtils();
|
|
9
|
-
var defaultDates = useDefaultDates();
|
|
10
|
-
var themeProps = useThemeProps({
|
|
11
|
-
props: props,
|
|
12
|
-
name: name
|
|
13
|
-
});
|
|
14
|
-
var ampm = (_themeProps$ampm = themeProps.ampm) != null ? _themeProps$ampm : utils.is12HourCycleInCurrentLocale();
|
|
15
|
-
var _applyDefaultViewProp = applyDefaultViewProps({
|
|
16
|
-
views: themeProps.views,
|
|
17
|
-
openTo: themeProps.openTo,
|
|
18
|
-
defaultViews: ['day', 'hours', 'minutes'],
|
|
19
|
-
defaultOpenTo: 'day'
|
|
20
|
-
}),
|
|
21
|
-
openTo = _applyDefaultViewProp.openTo,
|
|
22
|
-
defaultViews = _applyDefaultViewProp.views;
|
|
23
|
-
var _resolveTimeViewsResp = resolveTimeViewsResponse({
|
|
24
|
-
thresholdToRenderTimeInASingleColumn: themeProps.thresholdToRenderTimeInASingleColumn,
|
|
25
|
-
ampm: ampm,
|
|
26
|
-
timeSteps: themeProps.timeSteps,
|
|
27
|
-
views: defaultViews
|
|
28
|
-
}),
|
|
29
|
-
shouldRenderTimeInASingleColumn = _resolveTimeViewsResp.shouldRenderTimeInASingleColumn,
|
|
30
|
-
thresholdToRenderTimeInASingleColumn = _resolveTimeViewsResp.thresholdToRenderTimeInASingleColumn,
|
|
31
|
-
views = _resolveTimeViewsResp.views,
|
|
32
|
-
timeSteps = _resolveTimeViewsResp.timeSteps;
|
|
33
|
-
return _extends({}, themeProps, {
|
|
34
|
-
timeSteps: timeSteps,
|
|
35
|
-
openTo: openTo,
|
|
36
|
-
shouldRenderTimeInASingleColumn: shouldRenderTimeInASingleColumn,
|
|
37
|
-
thresholdToRenderTimeInASingleColumn: thresholdToRenderTimeInASingleColumn,
|
|
38
|
-
views: views,
|
|
39
|
-
ampm: ampm,
|
|
40
|
-
disableFuture: (_themeProps$disableFu = themeProps.disableFuture) != null ? _themeProps$disableFu : false,
|
|
41
|
-
disablePast: (_themeProps$disablePa = themeProps.disablePast) != null ? _themeProps$disablePa : false,
|
|
42
|
-
minDate: applyDefaultDate(utils, themeProps.minDate, defaultDates.minDate),
|
|
43
|
-
maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate),
|
|
44
|
-
slots: _extends({
|
|
45
|
-
tabs: DateTimeRangePickerTabs,
|
|
46
|
-
toolbar: DateTimeRangePickerToolbar
|
|
47
|
-
}, themeProps.slots),
|
|
48
|
-
slotProps: _extends({}, themeProps.slotProps, {
|
|
49
|
-
toolbar: _extends({}, (_themeProps$slotProps = themeProps.slotProps) == null ? void 0 : _themeProps$slotProps.toolbar, {
|
|
50
|
-
ampm: ampm
|
|
51
|
-
})
|
|
52
|
-
})
|
|
53
|
-
});
|
|
54
|
-
}
|
|
@@ -1,343 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { extractValidationProps } from '@mui/x-date-pickers/internals';
|
|
5
|
-
import { resolveComponentProps } from '@mui/base/utils';
|
|
6
|
-
import { refType } from '@mui/utils';
|
|
7
|
-
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
8
|
-
import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
|
|
9
|
-
import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
10
|
-
import { MultiInputDateRangeField } from '../MultiInputDateRangeField';
|
|
11
|
-
import { useDesktopRangePicker } from '../internals/hooks/useDesktopRangePicker';
|
|
12
|
-
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
13
|
-
/**
|
|
14
|
-
* Demos:
|
|
15
|
-
*
|
|
16
|
-
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
17
|
-
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
18
|
-
*
|
|
19
|
-
* API:
|
|
20
|
-
*
|
|
21
|
-
* - [DesktopDateRangePicker API](https://mui.com/x/api/date-pickers/desktop-date-range-picker/)
|
|
22
|
-
*/
|
|
23
|
-
var DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateRangePicker(inProps, ref) {
|
|
24
|
-
var _defaultizedProps$cal, _defaultizedProps$slo2;
|
|
25
|
-
// Props with the default values common to all date time pickers
|
|
26
|
-
var defaultizedProps = useDateRangePickerDefaultizedProps(inProps, 'MuiDesktopDateRangePicker');
|
|
27
|
-
var viewRenderers = _extends({
|
|
28
|
-
day: renderDateRangeViewCalendar
|
|
29
|
-
}, defaultizedProps.viewRenderers);
|
|
30
|
-
var props = _extends({}, defaultizedProps, {
|
|
31
|
-
viewRenderers: viewRenderers,
|
|
32
|
-
calendars: (_defaultizedProps$cal = defaultizedProps.calendars) != null ? _defaultizedProps$cal : 2,
|
|
33
|
-
views: ['day'],
|
|
34
|
-
openTo: 'day',
|
|
35
|
-
slots: _extends({
|
|
36
|
-
field: MultiInputDateRangeField
|
|
37
|
-
}, defaultizedProps.slots),
|
|
38
|
-
slotProps: _extends({}, defaultizedProps.slotProps, {
|
|
39
|
-
field: function field(ownerState) {
|
|
40
|
-
var _defaultizedProps$slo;
|
|
41
|
-
return _extends({}, resolveComponentProps((_defaultizedProps$slo = defaultizedProps.slotProps) == null ? void 0 : _defaultizedProps$slo.field, ownerState), extractValidationProps(defaultizedProps), {
|
|
42
|
-
ref: ref
|
|
43
|
-
});
|
|
44
|
-
},
|
|
45
|
-
toolbar: _extends({
|
|
46
|
-
hidden: true
|
|
47
|
-
}, (_defaultizedProps$slo2 = defaultizedProps.slotProps) == null ? void 0 : _defaultizedProps$slo2.toolbar)
|
|
48
|
-
})
|
|
49
|
-
});
|
|
50
|
-
var _useDesktopRangePicke = useDesktopRangePicker({
|
|
51
|
-
props: props,
|
|
52
|
-
valueManager: rangeValueManager,
|
|
53
|
-
valueType: 'date',
|
|
54
|
-
validator: validateDateRange
|
|
55
|
-
}),
|
|
56
|
-
renderPicker = _useDesktopRangePicke.renderPicker;
|
|
57
|
-
return renderPicker();
|
|
58
|
-
});
|
|
59
|
-
DesktopDateRangePicker.propTypes = {
|
|
60
|
-
// ----------------------------- Warning --------------------------------
|
|
61
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
62
|
-
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
63
|
-
// ----------------------------------------------------------------------
|
|
64
|
-
/**
|
|
65
|
-
* If `true`, the main element is focused during the first mount.
|
|
66
|
-
* This main element is:
|
|
67
|
-
* - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
|
|
68
|
-
* - the `input` element if there is a field rendered.
|
|
69
|
-
*/
|
|
70
|
-
autoFocus: PropTypes.bool,
|
|
71
|
-
/**
|
|
72
|
-
* The number of calendars to render on **desktop**.
|
|
73
|
-
* @default 2
|
|
74
|
-
*/
|
|
75
|
-
calendars: PropTypes.oneOf([1, 2, 3]),
|
|
76
|
-
className: PropTypes.string,
|
|
77
|
-
/**
|
|
78
|
-
* If `true`, the popover or modal will close after submitting the full date.
|
|
79
|
-
* @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
|
|
80
|
-
*/
|
|
81
|
-
closeOnSelect: PropTypes.bool,
|
|
82
|
-
/**
|
|
83
|
-
* Position the current month is rendered in.
|
|
84
|
-
* @default 1
|
|
85
|
-
*/
|
|
86
|
-
currentMonthCalendarPosition: PropTypes.oneOf([1, 2, 3]),
|
|
87
|
-
/**
|
|
88
|
-
* Formats the day of week displayed in the calendar header.
|
|
89
|
-
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
90
|
-
* @returns {string} The name to display.
|
|
91
|
-
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
92
|
-
*/
|
|
93
|
-
dayOfWeekFormatter: PropTypes.func,
|
|
94
|
-
/**
|
|
95
|
-
* The initial position in the edited date range.
|
|
96
|
-
* Used when the component is not controlled.
|
|
97
|
-
* @default 'start'
|
|
98
|
-
*/
|
|
99
|
-
defaultRangePosition: PropTypes.oneOf(['end', 'start']),
|
|
100
|
-
/**
|
|
101
|
-
* The default value.
|
|
102
|
-
* Used when the component is not controlled.
|
|
103
|
-
*/
|
|
104
|
-
defaultValue: PropTypes.arrayOf(PropTypes.object),
|
|
105
|
-
/**
|
|
106
|
-
* If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
|
|
107
|
-
* @default false
|
|
108
|
-
*/
|
|
109
|
-
disableAutoMonthSwitching: PropTypes.bool,
|
|
110
|
-
/**
|
|
111
|
-
* If `true`, the picker and text field are disabled.
|
|
112
|
-
* @default false
|
|
113
|
-
*/
|
|
114
|
-
disabled: PropTypes.bool,
|
|
115
|
-
/**
|
|
116
|
-
* If `true`, editing dates by dragging is disabled.
|
|
117
|
-
* @default false
|
|
118
|
-
*/
|
|
119
|
-
disableDragEditing: PropTypes.bool,
|
|
120
|
-
/**
|
|
121
|
-
* If `true`, disable values after the current date for date components, time for time components and both for date time components.
|
|
122
|
-
* @default false
|
|
123
|
-
*/
|
|
124
|
-
disableFuture: PropTypes.bool,
|
|
125
|
-
/**
|
|
126
|
-
* If `true`, today's date is rendering without highlighting with circle.
|
|
127
|
-
* @default false
|
|
128
|
-
*/
|
|
129
|
-
disableHighlightToday: PropTypes.bool,
|
|
130
|
-
/**
|
|
131
|
-
* If `true`, the open picker button will not be rendered (renders only the field).
|
|
132
|
-
* @default false
|
|
133
|
-
*/
|
|
134
|
-
disableOpenPicker: PropTypes.bool,
|
|
135
|
-
/**
|
|
136
|
-
* If `true`, disable values before the current date for date components, time for time components and both for date time components.
|
|
137
|
-
* @default false
|
|
138
|
-
*/
|
|
139
|
-
disablePast: PropTypes.bool,
|
|
140
|
-
/**
|
|
141
|
-
* If `true`, the week number will be display in the calendar.
|
|
142
|
-
*/
|
|
143
|
-
displayWeekNumber: PropTypes.bool,
|
|
144
|
-
/**
|
|
145
|
-
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
146
|
-
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|
|
147
|
-
* @default undefined
|
|
148
|
-
*/
|
|
149
|
-
fixedWeekNumber: PropTypes.number,
|
|
150
|
-
/**
|
|
151
|
-
* Format of the date when rendered in the input(s).
|
|
152
|
-
* Defaults to localized format based on the used `views`.
|
|
153
|
-
*/
|
|
154
|
-
format: PropTypes.string,
|
|
155
|
-
/**
|
|
156
|
-
* Density of the format when rendered in the input.
|
|
157
|
-
* Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
|
|
158
|
-
* @default "dense"
|
|
159
|
-
*/
|
|
160
|
-
formatDensity: PropTypes.oneOf(['dense', 'spacious']),
|
|
161
|
-
/**
|
|
162
|
-
* Pass a ref to the `input` element.
|
|
163
|
-
* Ignored if the field has several inputs.
|
|
164
|
-
*/
|
|
165
|
-
inputRef: refType,
|
|
166
|
-
/**
|
|
167
|
-
* The label content.
|
|
168
|
-
* Ignored if the field has several inputs.
|
|
169
|
-
*/
|
|
170
|
-
label: PropTypes.node,
|
|
171
|
-
/**
|
|
172
|
-
* If `true`, calls `renderLoading` instead of rendering the day calendar.
|
|
173
|
-
* Can be used to preload information and show it in calendar.
|
|
174
|
-
* @default false
|
|
175
|
-
*/
|
|
176
|
-
loading: PropTypes.bool,
|
|
177
|
-
/**
|
|
178
|
-
* Locale for components texts.
|
|
179
|
-
* Allows overriding texts coming from `LocalizationProvider` and `theme`.
|
|
180
|
-
*/
|
|
181
|
-
localeText: PropTypes.object,
|
|
182
|
-
/**
|
|
183
|
-
* Maximal selectable date.
|
|
184
|
-
*/
|
|
185
|
-
maxDate: PropTypes.object,
|
|
186
|
-
/**
|
|
187
|
-
* Minimal selectable date.
|
|
188
|
-
*/
|
|
189
|
-
minDate: PropTypes.object,
|
|
190
|
-
/**
|
|
191
|
-
* Name attribute used by the `input` element in the Field.
|
|
192
|
-
* Ignored if the field has several inputs.
|
|
193
|
-
*/
|
|
194
|
-
name: PropTypes.string,
|
|
195
|
-
/**
|
|
196
|
-
* Callback fired when the value is accepted.
|
|
197
|
-
* @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
|
|
198
|
-
* @param {TValue} value The value that was just accepted.
|
|
199
|
-
*/
|
|
200
|
-
onAccept: PropTypes.func,
|
|
201
|
-
/**
|
|
202
|
-
* Callback fired when the value changes.
|
|
203
|
-
* @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
|
|
204
|
-
* @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
|
|
205
|
-
* @param {TValue} value The new value.
|
|
206
|
-
* @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
|
|
207
|
-
*/
|
|
208
|
-
onChange: PropTypes.func,
|
|
209
|
-
/**
|
|
210
|
-
* Callback fired when the popup requests to be closed.
|
|
211
|
-
* Use in controlled mode (see `open`).
|
|
212
|
-
*/
|
|
213
|
-
onClose: PropTypes.func,
|
|
214
|
-
/**
|
|
215
|
-
* Callback fired when the error associated to the current value changes.
|
|
216
|
-
* If the error has a non-null value, then the `TextField` will be rendered in `error` state.
|
|
217
|
-
*
|
|
218
|
-
* @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
|
|
219
|
-
* @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
|
|
220
|
-
* @param {TError} error The new error describing why the current value is not valid.
|
|
221
|
-
* @param {TValue} value The value associated to the error.
|
|
222
|
-
*/
|
|
223
|
-
onError: PropTypes.func,
|
|
224
|
-
/**
|
|
225
|
-
* Callback fired on month change.
|
|
226
|
-
* @template TDate
|
|
227
|
-
* @param {TDate} month The new month.
|
|
228
|
-
*/
|
|
229
|
-
onMonthChange: PropTypes.func,
|
|
230
|
-
/**
|
|
231
|
-
* Callback fired when the popup requests to be opened.
|
|
232
|
-
* Use in controlled mode (see `open`).
|
|
233
|
-
*/
|
|
234
|
-
onOpen: PropTypes.func,
|
|
235
|
-
/**
|
|
236
|
-
* Callback fired when the range position changes.
|
|
237
|
-
* @param {RangePosition} rangePosition The new range position.
|
|
238
|
-
*/
|
|
239
|
-
onRangePositionChange: PropTypes.func,
|
|
240
|
-
/**
|
|
241
|
-
* Callback fired when the selected sections change.
|
|
242
|
-
* @param {FieldSelectedSections} newValue The new selected sections.
|
|
243
|
-
*/
|
|
244
|
-
onSelectedSectionsChange: PropTypes.func,
|
|
245
|
-
/**
|
|
246
|
-
* Control the popup or dialog open state.
|
|
247
|
-
* @default false
|
|
248
|
-
*/
|
|
249
|
-
open: PropTypes.bool,
|
|
250
|
-
/**
|
|
251
|
-
* The position in the currently edited date range.
|
|
252
|
-
* Used when the component position is controlled.
|
|
253
|
-
*/
|
|
254
|
-
rangePosition: PropTypes.oneOf(['end', 'start']),
|
|
255
|
-
readOnly: PropTypes.bool,
|
|
256
|
-
/**
|
|
257
|
-
* If `true`, disable heavy animations.
|
|
258
|
-
* @default `@media(prefers-reduced-motion: reduce)` || `navigator.userAgent` matches Android <10 or iOS <13
|
|
259
|
-
*/
|
|
260
|
-
reduceAnimations: PropTypes.bool,
|
|
261
|
-
/**
|
|
262
|
-
* The date used to generate the new value when both `value` and `defaultValue` are empty.
|
|
263
|
-
* @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
|
|
264
|
-
*/
|
|
265
|
-
referenceDate: PropTypes.object,
|
|
266
|
-
/**
|
|
267
|
-
* Component rendered on the "day" view when `props.loading` is true.
|
|
268
|
-
* @returns {React.ReactNode} The node to render when loading.
|
|
269
|
-
* @default () => "..."
|
|
270
|
-
*/
|
|
271
|
-
renderLoading: PropTypes.func,
|
|
272
|
-
/**
|
|
273
|
-
* The currently selected sections.
|
|
274
|
-
* This prop accept four formats:
|
|
275
|
-
* 1. If a number is provided, the section at this index will be selected.
|
|
276
|
-
* 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
|
|
277
|
-
* 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
|
|
278
|
-
* 4. If `null` is provided, no section will be selected
|
|
279
|
-
* If not provided, the selected sections will be handled internally.
|
|
280
|
-
*/
|
|
281
|
-
selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
|
|
282
|
-
endIndex: PropTypes.number.isRequired,
|
|
283
|
-
startIndex: PropTypes.number.isRequired
|
|
284
|
-
})]),
|
|
285
|
-
/**
|
|
286
|
-
* Disable specific date.
|
|
287
|
-
*
|
|
288
|
-
* Warning: This function can be called multiple times (e.g. when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
|
|
289
|
-
*
|
|
290
|
-
* @template TDate
|
|
291
|
-
* @param {TDate} day The date to test.
|
|
292
|
-
* @param {string} position The date to test, 'start' or 'end'.
|
|
293
|
-
* @returns {boolean} Returns `true` if the date should be disabled.
|
|
294
|
-
*/
|
|
295
|
-
shouldDisableDate: PropTypes.func,
|
|
296
|
-
/**
|
|
297
|
-
* If `true`, days outside the current month are rendered:
|
|
298
|
-
*
|
|
299
|
-
* - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
|
|
300
|
-
*
|
|
301
|
-
* - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
|
|
302
|
-
*
|
|
303
|
-
* - ignored if `calendars` equals more than `1` on range pickers.
|
|
304
|
-
* @default false
|
|
305
|
-
*/
|
|
306
|
-
showDaysOutsideCurrentMonth: PropTypes.bool,
|
|
307
|
-
/**
|
|
308
|
-
* The props used for each component slot.
|
|
309
|
-
* @default {}
|
|
310
|
-
*/
|
|
311
|
-
slotProps: PropTypes.object,
|
|
312
|
-
/**
|
|
313
|
-
* Overridable component slots.
|
|
314
|
-
* @default {}
|
|
315
|
-
*/
|
|
316
|
-
slots: PropTypes.object,
|
|
317
|
-
/**
|
|
318
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
319
|
-
*/
|
|
320
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
321
|
-
/**
|
|
322
|
-
* Choose which timezone to use for the value.
|
|
323
|
-
* Example: "default", "system", "UTC", "America/New_York".
|
|
324
|
-
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
325
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
326
|
-
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
327
|
-
*/
|
|
328
|
-
timezone: PropTypes.string,
|
|
329
|
-
/**
|
|
330
|
-
* The selected value.
|
|
331
|
-
* Used when the component is controlled.
|
|
332
|
-
*/
|
|
333
|
-
value: PropTypes.arrayOf(PropTypes.object),
|
|
334
|
-
/**
|
|
335
|
-
* Define custom view renderers for each section.
|
|
336
|
-
* If `null`, the section will only have field editing.
|
|
337
|
-
* If `undefined`, internally defined view will be the used.
|
|
338
|
-
*/
|
|
339
|
-
viewRenderers: PropTypes.shape({
|
|
340
|
-
day: PropTypes.func
|
|
341
|
-
})
|
|
342
|
-
};
|
|
343
|
-
export { DesktopDateRangePicker };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DesktopDateRangePicker } from './DesktopDateRangePicker';
|