@mui/x-date-pickers-pro 7.0.0-beta.2 → 7.0.0-beta.5
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 +429 -30
- 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 +5 -2
- package/DateRangePicker/DateRangePickerToolbar.js +22 -2
- 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 +45 -9
- package/DateTimeRangePicker/shared.js +8 -3
- 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/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +1 -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 +18 -9
- 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 +22 -2
- package/modern/DateTimeRangePicker/DateTimeRangePicker.js +11 -12
- package/modern/DateTimeRangePicker/DateTimeRangePickerTabs.js +7 -1
- package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js +45 -9
- package/modern/DateTimeRangePicker/shared.js +7 -2
- 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 +18 -9
- 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 +22 -2
- package/node/DateTimeRangePicker/DateTimeRangePicker.js +11 -12
- package/node/DateTimeRangePicker/DateTimeRangePickerTabs.js +7 -1
- package/node/DateTimeRangePicker/DateTimeRangePickerToolbar.js +45 -9
- package/node/DateTimeRangePicker/shared.js +7 -2
- 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 +18 -9
- 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 +15 -14
- 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,127 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
|
-
var _excluded = ["value", "rangePosition", "onRangePositionChange", "toolbarFormat", "className"];
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import clsx from 'clsx';
|
|
8
|
-
import Typography from '@mui/material/Typography';
|
|
9
|
-
import { styled, useThemeProps } from '@mui/material/styles';
|
|
10
|
-
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
11
|
-
import { PickersToolbar, PickersToolbarButton, useUtils, useLocaleText } from '@mui/x-date-pickers/internals';
|
|
12
|
-
import { getDateRangePickerToolbarUtilityClass } from './dateRangePickerToolbarClasses';
|
|
13
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
-
var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
16
|
-
var classes = ownerState.classes;
|
|
17
|
-
var slots = {
|
|
18
|
-
root: ['root'],
|
|
19
|
-
container: ['container']
|
|
20
|
-
};
|
|
21
|
-
return composeClasses(slots, getDateRangePickerToolbarUtilityClass, classes);
|
|
22
|
-
};
|
|
23
|
-
var DateRangePickerToolbarRoot = styled(PickersToolbar, {
|
|
24
|
-
name: 'MuiDateRangePickerToolbar',
|
|
25
|
-
slot: 'Root',
|
|
26
|
-
overridesResolver: function overridesResolver(_, styles) {
|
|
27
|
-
return styles.root;
|
|
28
|
-
}
|
|
29
|
-
})({});
|
|
30
|
-
var DateRangePickerToolbarContainer = styled('div', {
|
|
31
|
-
name: 'MuiDateRangePickerToolbar',
|
|
32
|
-
slot: 'Container',
|
|
33
|
-
overridesResolver: function overridesResolver(_, styles) {
|
|
34
|
-
return styles.container;
|
|
35
|
-
}
|
|
36
|
-
})({
|
|
37
|
-
display: 'flex'
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* Demos:
|
|
42
|
-
*
|
|
43
|
-
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
44
|
-
* - [Custom components](https://mui.com/x/react-date-pickers/custom-components/)
|
|
45
|
-
*
|
|
46
|
-
* API:
|
|
47
|
-
*
|
|
48
|
-
* - [DateRangePickerToolbar API](https://mui.com/x/api/date-pickers/date-range-picker-toolbar/)
|
|
49
|
-
*/
|
|
50
|
-
var DateRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateRangePickerToolbar(inProps, ref) {
|
|
51
|
-
var utils = useUtils();
|
|
52
|
-
var props = useThemeProps({
|
|
53
|
-
props: inProps,
|
|
54
|
-
name: 'MuiDateRangePickerToolbar'
|
|
55
|
-
});
|
|
56
|
-
var _props$value = _slicedToArray(props.value, 2),
|
|
57
|
-
start = _props$value[0],
|
|
58
|
-
end = _props$value[1],
|
|
59
|
-
rangePosition = props.rangePosition,
|
|
60
|
-
onRangePositionChange = props.onRangePositionChange,
|
|
61
|
-
toolbarFormat = props.toolbarFormat,
|
|
62
|
-
className = props.className,
|
|
63
|
-
other = _objectWithoutProperties(props, _excluded);
|
|
64
|
-
var localeText = useLocaleText();
|
|
65
|
-
var startDateValue = start ? utils.formatByString(start, toolbarFormat || utils.formats.shortDate) : localeText.start;
|
|
66
|
-
var endDateValue = end ? utils.formatByString(end, toolbarFormat || utils.formats.shortDate) : localeText.end;
|
|
67
|
-
var ownerState = props;
|
|
68
|
-
var classes = useUtilityClasses(ownerState);
|
|
69
|
-
return /*#__PURE__*/_jsx(DateRangePickerToolbarRoot, _extends({}, other, {
|
|
70
|
-
toolbarTitle: localeText.dateRangePickerToolbarTitle,
|
|
71
|
-
isLandscape: false,
|
|
72
|
-
className: clsx(className, classes.root),
|
|
73
|
-
ownerState: ownerState,
|
|
74
|
-
ref: ref,
|
|
75
|
-
children: /*#__PURE__*/_jsxs(DateRangePickerToolbarContainer, {
|
|
76
|
-
className: classes.container,
|
|
77
|
-
children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
|
|
78
|
-
variant: start !== null ? 'h5' : 'h6',
|
|
79
|
-
value: startDateValue,
|
|
80
|
-
selected: rangePosition === 'start',
|
|
81
|
-
onClick: function onClick() {
|
|
82
|
-
return onRangePositionChange('start');
|
|
83
|
-
}
|
|
84
|
-
}), /*#__PURE__*/_jsxs(Typography, {
|
|
85
|
-
variant: "h5",
|
|
86
|
-
children: ["\xA0", '–', "\xA0"]
|
|
87
|
-
}), /*#__PURE__*/_jsx(PickersToolbarButton, {
|
|
88
|
-
variant: end !== null ? 'h5' : 'h6',
|
|
89
|
-
value: endDateValue,
|
|
90
|
-
selected: rangePosition === 'end',
|
|
91
|
-
onClick: function onClick() {
|
|
92
|
-
return onRangePositionChange('end');
|
|
93
|
-
}
|
|
94
|
-
})]
|
|
95
|
-
})
|
|
96
|
-
}));
|
|
97
|
-
});
|
|
98
|
-
process.env.NODE_ENV !== "production" ? DateRangePickerToolbar.propTypes = {
|
|
99
|
-
// ----------------------------- Warning --------------------------------
|
|
100
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
101
|
-
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
102
|
-
// ----------------------------------------------------------------------
|
|
103
|
-
classes: PropTypes.object,
|
|
104
|
-
className: PropTypes.string,
|
|
105
|
-
disabled: PropTypes.bool,
|
|
106
|
-
/**
|
|
107
|
-
* If `true`, show the toolbar even in desktop mode.
|
|
108
|
-
* @default `true` for Desktop, `false` for Mobile.
|
|
109
|
-
*/
|
|
110
|
-
hidden: PropTypes.bool,
|
|
111
|
-
onRangePositionChange: PropTypes.func.isRequired,
|
|
112
|
-
rangePosition: PropTypes.oneOf(['end', 'start']).isRequired,
|
|
113
|
-
readOnly: PropTypes.bool,
|
|
114
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
115
|
-
titleId: PropTypes.string,
|
|
116
|
-
/**
|
|
117
|
-
* Toolbar date format.
|
|
118
|
-
*/
|
|
119
|
-
toolbarFormat: PropTypes.string,
|
|
120
|
-
/**
|
|
121
|
-
* Toolbar value placeholder—it is displayed when the value is empty.
|
|
122
|
-
* @default "––"
|
|
123
|
-
*/
|
|
124
|
-
toolbarPlaceholder: PropTypes.node,
|
|
125
|
-
value: PropTypes.arrayOf(PropTypes.object).isRequired
|
|
126
|
-
} : void 0;
|
|
127
|
-
export { DateRangePickerToolbar };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
2
|
-
export function getDateRangePickerToolbarUtilityClass(slot) {
|
|
3
|
-
return generateUtilityClass('MuiDateRangePickerToolbar', slot);
|
|
4
|
-
}
|
|
5
|
-
export var dateRangePickerToolbarClasses = generateUtilityClasses('MuiDateRangePickerToolbar', ['root', 'container']);
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { useThemeProps } from '@mui/material/styles';
|
|
4
|
-
import { useDefaultDates, useUtils, applyDefaultDate } from '@mui/x-date-pickers/internals';
|
|
5
|
-
import { DateRangePickerToolbar } from './DateRangePickerToolbar';
|
|
6
|
-
export function useDateRangePickerDefaultizedProps(props, name) {
|
|
7
|
-
var _themeProps$disableFu, _themeProps$disablePa;
|
|
8
|
-
var utils = useUtils();
|
|
9
|
-
var defaultDates = useDefaultDates();
|
|
10
|
-
var themeProps = useThemeProps({
|
|
11
|
-
props: props,
|
|
12
|
-
name: name
|
|
13
|
-
});
|
|
14
|
-
var localeText = React.useMemo(function () {
|
|
15
|
-
var _themeProps$localeTex;
|
|
16
|
-
if (((_themeProps$localeTex = themeProps.localeText) == null ? void 0 : _themeProps$localeTex.toolbarTitle) == null) {
|
|
17
|
-
return themeProps.localeText;
|
|
18
|
-
}
|
|
19
|
-
return _extends({}, themeProps.localeText, {
|
|
20
|
-
dateRangePickerToolbarTitle: themeProps.localeText.toolbarTitle
|
|
21
|
-
});
|
|
22
|
-
}, [themeProps.localeText]);
|
|
23
|
-
return _extends({}, themeProps, {
|
|
24
|
-
localeText: localeText,
|
|
25
|
-
disableFuture: (_themeProps$disableFu = themeProps.disableFuture) != null ? _themeProps$disableFu : false,
|
|
26
|
-
disablePast: (_themeProps$disablePa = themeProps.disablePast) != null ? _themeProps$disablePa : false,
|
|
27
|
-
minDate: applyDefaultDate(utils, themeProps.minDate, defaultDates.minDate),
|
|
28
|
-
maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate),
|
|
29
|
-
slots: _extends({
|
|
30
|
-
toolbar: DateRangePickerToolbar
|
|
31
|
-
}, themeProps.slots)
|
|
32
|
-
});
|
|
33
|
-
}
|
|
@@ -1,366 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
-
var _excluded = ["className", "day", "outsideCurrentMonth", "isEndOfHighlighting", "isEndOfPreviewing", "isHighlighting", "isPreviewing", "isStartOfHighlighting", "isStartOfPreviewing", "selected", "isVisuallySelected", "sx", "draggable", "isFirstVisibleCell", "isLastVisibleCell"];
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import clsx from 'clsx';
|
|
8
|
-
import { useLicenseVerifier } from '@mui/x-license';
|
|
9
|
-
import { alpha, styled, useThemeProps } from '@mui/material/styles';
|
|
10
|
-
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
11
|
-
import { useUtils } from '@mui/x-date-pickers/internals';
|
|
12
|
-
import { PickersDay } from '@mui/x-date-pickers/PickersDay';
|
|
13
|
-
import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from './dateRangePickerDayClasses';
|
|
14
|
-
import { getReleaseInfo } from '../internals/utils/releaseInfo';
|
|
15
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
|
-
var releaseInfo = getReleaseInfo();
|
|
17
|
-
var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
18
|
-
var isHighlighting = ownerState.isHighlighting,
|
|
19
|
-
outsideCurrentMonth = ownerState.outsideCurrentMonth,
|
|
20
|
-
isStartOfHighlighting = ownerState.isStartOfHighlighting,
|
|
21
|
-
isStartOfMonth = ownerState.isStartOfMonth,
|
|
22
|
-
isEndOfHighlighting = ownerState.isEndOfHighlighting,
|
|
23
|
-
isEndOfMonth = ownerState.isEndOfMonth,
|
|
24
|
-
isPreviewing = ownerState.isPreviewing,
|
|
25
|
-
isStartOfPreviewing = ownerState.isStartOfPreviewing,
|
|
26
|
-
isEndOfPreviewing = ownerState.isEndOfPreviewing,
|
|
27
|
-
isFirstVisibleCell = ownerState.isFirstVisibleCell,
|
|
28
|
-
isLastVisibleCell = ownerState.isLastVisibleCell,
|
|
29
|
-
isHiddenDayFiller = ownerState.isHiddenDayFiller,
|
|
30
|
-
selected = ownerState.selected,
|
|
31
|
-
classes = ownerState.classes;
|
|
32
|
-
var slots = {
|
|
33
|
-
root: ['root', isHighlighting && 'rangeIntervalDayHighlight', isStartOfHighlighting && 'rangeIntervalDayHighlightStart', isEndOfHighlighting && 'rangeIntervalDayHighlightEnd', outsideCurrentMonth && 'outsideCurrentMonth', isStartOfMonth && 'startOfMonth', isEndOfMonth && 'endOfMonth', isFirstVisibleCell && 'firstVisibleCell', isLastVisibleCell && 'lastVisibleCell', isHiddenDayFiller && 'hiddenDayFiller'],
|
|
34
|
-
rangeIntervalPreview: ['rangeIntervalPreview', isPreviewing && 'rangeIntervalDayPreview', (isStartOfPreviewing || isStartOfMonth) && 'rangeIntervalDayPreviewStart', (isEndOfPreviewing || isEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
|
|
35
|
-
day: ['day', !selected && 'notSelectedDate', !isHighlighting && 'dayOutsideRangeInterval', !selected && isHighlighting && 'dayInsideRangeInterval']
|
|
36
|
-
};
|
|
37
|
-
return composeClasses(slots, getDateRangePickerDayUtilityClass, classes);
|
|
38
|
-
};
|
|
39
|
-
var endBorderStyle = {
|
|
40
|
-
borderTopRightRadius: '50%',
|
|
41
|
-
borderBottomRightRadius: '50%'
|
|
42
|
-
};
|
|
43
|
-
var startBorderStyle = {
|
|
44
|
-
borderTopLeftRadius: '50%',
|
|
45
|
-
borderBottomLeftRadius: '50%'
|
|
46
|
-
};
|
|
47
|
-
var DateRangePickerDayRoot = styled('div', {
|
|
48
|
-
name: 'MuiDateRangePickerDay',
|
|
49
|
-
slot: 'Root',
|
|
50
|
-
overridesResolver: function overridesResolver(_, styles) {
|
|
51
|
-
return [_defineProperty({}, "&.".concat(dateRangePickerDayClasses.rangeIntervalDayHighlight), styles.rangeIntervalDayHighlight), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.rangeIntervalDayHighlightStart), styles.rangeIntervalDayHighlightStart), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.rangeIntervalDayHighlightEnd), styles.rangeIntervalDayHighlightEnd), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.firstVisibleCell), styles.firstVisibleCell), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.lastVisibleCell), styles.lastVisibleCell), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.startOfMonth), styles.startOfMonth), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.endOfMonth), styles.endOfMonth), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.outsideCurrentMonth), styles.outsideCurrentMonth), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.hiddenDayFiller), styles.hiddenDayFiller), styles.root];
|
|
52
|
-
}
|
|
53
|
-
})(function (_ref10) {
|
|
54
|
-
var theme = _ref10.theme,
|
|
55
|
-
ownerState = _ref10.ownerState;
|
|
56
|
-
return ownerState.isHiddenDayFiller ? {} : _extends(_defineProperty(_defineProperty({}, "&:first-of-type .".concat(dateRangePickerDayClasses.rangeIntervalDayPreview), _extends({}, startBorderStyle, {
|
|
57
|
-
borderLeftColor: (theme.vars || theme).palette.divider
|
|
58
|
-
})), "&:last-of-type .".concat(dateRangePickerDayClasses.rangeIntervalDayPreview), _extends({}, endBorderStyle, {
|
|
59
|
-
borderRightColor: (theme.vars || theme).palette.divider
|
|
60
|
-
})), ownerState.isHighlighting && {
|
|
61
|
-
borderRadius: 0,
|
|
62
|
-
color: (theme.vars || theme).palette.primary.contrastText,
|
|
63
|
-
backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.focusOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.focusOpacity),
|
|
64
|
-
'&:first-of-type': startBorderStyle,
|
|
65
|
-
'&:last-of-type': endBorderStyle
|
|
66
|
-
}, (ownerState.isStartOfHighlighting || ownerState.isFirstVisibleCell) && _extends({}, startBorderStyle, {
|
|
67
|
-
paddingLeft: 0
|
|
68
|
-
}), (ownerState.isEndOfHighlighting || ownerState.isLastVisibleCell) && _extends({}, endBorderStyle, {
|
|
69
|
-
paddingRight: 0
|
|
70
|
-
}));
|
|
71
|
-
});
|
|
72
|
-
DateRangePickerDayRoot.propTypes = {
|
|
73
|
-
// ----------------------------- Warning --------------------------------
|
|
74
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
75
|
-
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
76
|
-
// ----------------------------------------------------------------------
|
|
77
|
-
ownerState: PropTypes.object.isRequired
|
|
78
|
-
};
|
|
79
|
-
var DateRangePickerDayRangeIntervalPreview = styled('div', {
|
|
80
|
-
name: 'MuiDateRangePickerDay',
|
|
81
|
-
slot: 'RangeIntervalPreview',
|
|
82
|
-
overridesResolver: function overridesResolver(_, styles) {
|
|
83
|
-
return [_defineProperty({}, "&.".concat(dateRangePickerDayClasses.rangeIntervalDayPreview), styles.rangeIntervalDayPreview), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.rangeIntervalDayPreviewStart), styles.rangeIntervalDayPreviewStart), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.rangeIntervalDayPreviewEnd), styles.rangeIntervalDayPreviewEnd), styles.rangeIntervalPreview];
|
|
84
|
-
}
|
|
85
|
-
})(function (_ref14) {
|
|
86
|
-
var theme = _ref14.theme,
|
|
87
|
-
ownerState = _ref14.ownerState;
|
|
88
|
-
return _extends({
|
|
89
|
-
// replace default day component margin with transparent border to avoid jumping on preview
|
|
90
|
-
border: '2px solid transparent'
|
|
91
|
-
}, ownerState.isPreviewing && !ownerState.isHiddenDayFiller && _extends({
|
|
92
|
-
borderRadius: 0,
|
|
93
|
-
border: "2px dashed ".concat((theme.vars || theme).palette.divider),
|
|
94
|
-
borderLeftColor: 'transparent',
|
|
95
|
-
borderRightColor: 'transparent'
|
|
96
|
-
}, (ownerState.isStartOfPreviewing || ownerState.isFirstVisibleCell) && _extends({
|
|
97
|
-
borderLeftColor: (theme.vars || theme).palette.divider
|
|
98
|
-
}, startBorderStyle), (ownerState.isEndOfPreviewing || ownerState.isLastVisibleCell) && _extends({
|
|
99
|
-
borderRightColor: (theme.vars || theme).palette.divider
|
|
100
|
-
}, endBorderStyle)));
|
|
101
|
-
});
|
|
102
|
-
DateRangePickerDayRangeIntervalPreview.propTypes = {
|
|
103
|
-
// ----------------------------- Warning --------------------------------
|
|
104
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
105
|
-
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
106
|
-
// ----------------------------------------------------------------------
|
|
107
|
-
ownerState: PropTypes.object.isRequired
|
|
108
|
-
};
|
|
109
|
-
var DateRangePickerDayDay = styled(PickersDay, {
|
|
110
|
-
name: 'MuiDateRangePickerDay',
|
|
111
|
-
slot: 'Day',
|
|
112
|
-
overridesResolver: function overridesResolver(_, styles) {
|
|
113
|
-
return [_defineProperty({}, "&.".concat(dateRangePickerDayClasses.dayInsideRangeInterval), styles.dayInsideRangeInterval), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.dayOutsideRangeInterval), styles.dayOutsideRangeInterval), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.notSelectedDate), styles.notSelectedDate), styles.day];
|
|
114
|
-
}
|
|
115
|
-
})(function (_ref18) {
|
|
116
|
-
var ownerState = _ref18.ownerState;
|
|
117
|
-
return _extends({
|
|
118
|
-
// Required to overlap preview border
|
|
119
|
-
transform: 'scale(1.1)',
|
|
120
|
-
'& > *': {
|
|
121
|
-
transform: 'scale(0.9)'
|
|
122
|
-
}
|
|
123
|
-
}, ownerState.draggable && {
|
|
124
|
-
cursor: 'grab'
|
|
125
|
-
}, ownerState.draggable && {
|
|
126
|
-
touchAction: 'none'
|
|
127
|
-
});
|
|
128
|
-
});
|
|
129
|
-
var DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePickerDay(inProps, ref) {
|
|
130
|
-
var props = useThemeProps({
|
|
131
|
-
props: inProps,
|
|
132
|
-
name: 'MuiDateRangePickerDay'
|
|
133
|
-
});
|
|
134
|
-
var className = props.className,
|
|
135
|
-
day = props.day,
|
|
136
|
-
outsideCurrentMonth = props.outsideCurrentMonth,
|
|
137
|
-
isEndOfHighlighting = props.isEndOfHighlighting,
|
|
138
|
-
isEndOfPreviewing = props.isEndOfPreviewing,
|
|
139
|
-
isHighlighting = props.isHighlighting,
|
|
140
|
-
isPreviewing = props.isPreviewing,
|
|
141
|
-
isStartOfHighlighting = props.isStartOfHighlighting,
|
|
142
|
-
isStartOfPreviewing = props.isStartOfPreviewing,
|
|
143
|
-
_props$selected = props.selected,
|
|
144
|
-
selected = _props$selected === void 0 ? false : _props$selected,
|
|
145
|
-
isVisuallySelected = props.isVisuallySelected,
|
|
146
|
-
sx = props.sx,
|
|
147
|
-
draggable = props.draggable,
|
|
148
|
-
isFirstVisibleCell = props.isFirstVisibleCell,
|
|
149
|
-
isLastVisibleCell = props.isLastVisibleCell,
|
|
150
|
-
other = _objectWithoutProperties(props, _excluded);
|
|
151
|
-
useLicenseVerifier('x-date-pickers-pro', releaseInfo);
|
|
152
|
-
var utils = useUtils();
|
|
153
|
-
var isEndOfMonth = utils.isSameDay(day, utils.endOfMonth(day));
|
|
154
|
-
var isStartOfMonth = utils.isSameDay(day, utils.startOfMonth(day));
|
|
155
|
-
var shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
|
|
156
|
-
var shouldRenderPreview = isPreviewing && !outsideCurrentMonth;
|
|
157
|
-
var ownerState = _extends({}, props, {
|
|
158
|
-
selected: selected,
|
|
159
|
-
isStartOfMonth: isStartOfMonth,
|
|
160
|
-
isEndOfMonth: isEndOfMonth,
|
|
161
|
-
draggable: draggable,
|
|
162
|
-
isFirstVisibleCell: isFirstVisibleCell,
|
|
163
|
-
isLastVisibleCell: isLastVisibleCell,
|
|
164
|
-
isHiddenDayFiller: outsideCurrentMonth && !other.showDaysOutsideCurrentMonth
|
|
165
|
-
});
|
|
166
|
-
var classes = useUtilityClasses(ownerState);
|
|
167
|
-
return /*#__PURE__*/_jsx(DateRangePickerDayRoot, {
|
|
168
|
-
className: clsx(classes.root, className),
|
|
169
|
-
ownerState: ownerState,
|
|
170
|
-
sx: sx,
|
|
171
|
-
children: /*#__PURE__*/_jsx(DateRangePickerDayRangeIntervalPreview, {
|
|
172
|
-
className: classes.rangeIntervalPreview,
|
|
173
|
-
ownerState: ownerState,
|
|
174
|
-
children: /*#__PURE__*/_jsx(DateRangePickerDayDay, _extends({}, other, {
|
|
175
|
-
ref: ref,
|
|
176
|
-
disableMargin: true,
|
|
177
|
-
day: day,
|
|
178
|
-
selected: isVisuallySelected,
|
|
179
|
-
outsideCurrentMonth: outsideCurrentMonth,
|
|
180
|
-
className: classes.day,
|
|
181
|
-
ownerState: ownerState,
|
|
182
|
-
draggable: draggable,
|
|
183
|
-
isFirstVisibleCell: isFirstVisibleCell,
|
|
184
|
-
isLastVisibleCell: isLastVisibleCell
|
|
185
|
-
}))
|
|
186
|
-
})
|
|
187
|
-
});
|
|
188
|
-
});
|
|
189
|
-
process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
|
|
190
|
-
// ----------------------------- Warning --------------------------------
|
|
191
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
192
|
-
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
193
|
-
// ----------------------------------------------------------------------
|
|
194
|
-
/**
|
|
195
|
-
* A ref for imperative actions.
|
|
196
|
-
* It currently only supports `focusVisible()` action.
|
|
197
|
-
*/
|
|
198
|
-
action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
199
|
-
current: PropTypes.shape({
|
|
200
|
-
focusVisible: PropTypes.func.isRequired
|
|
201
|
-
})
|
|
202
|
-
})]),
|
|
203
|
-
/**
|
|
204
|
-
* If `true`, the ripples are centered.
|
|
205
|
-
* They won't start at the cursor interaction position.
|
|
206
|
-
* @default false
|
|
207
|
-
*/
|
|
208
|
-
centerRipple: PropTypes.bool,
|
|
209
|
-
/**
|
|
210
|
-
* Override or extend the styles applied to the component.
|
|
211
|
-
*/
|
|
212
|
-
classes: PropTypes.object,
|
|
213
|
-
className: PropTypes.string,
|
|
214
|
-
component: PropTypes.elementType,
|
|
215
|
-
/**
|
|
216
|
-
* The date to show.
|
|
217
|
-
*/
|
|
218
|
-
day: PropTypes.object.isRequired,
|
|
219
|
-
/**
|
|
220
|
-
* If `true`, renders as disabled.
|
|
221
|
-
* @default false
|
|
222
|
-
*/
|
|
223
|
-
disabled: PropTypes.bool,
|
|
224
|
-
/**
|
|
225
|
-
* If `true`, today's date is rendering without highlighting with circle.
|
|
226
|
-
* @default false
|
|
227
|
-
*/
|
|
228
|
-
disableHighlightToday: PropTypes.bool,
|
|
229
|
-
/**
|
|
230
|
-
* If `true`, days are rendering without margin. Useful for displaying linked range of days.
|
|
231
|
-
* @default false
|
|
232
|
-
*/
|
|
233
|
-
disableMargin: PropTypes.bool,
|
|
234
|
-
/**
|
|
235
|
-
* If `true`, the ripple effect is disabled.
|
|
236
|
-
*
|
|
237
|
-
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
|
|
238
|
-
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
|
239
|
-
* @default false
|
|
240
|
-
*/
|
|
241
|
-
disableRipple: PropTypes.bool,
|
|
242
|
-
/**
|
|
243
|
-
* If `true`, the touch ripple effect is disabled.
|
|
244
|
-
* @default false
|
|
245
|
-
*/
|
|
246
|
-
disableTouchRipple: PropTypes.bool,
|
|
247
|
-
/**
|
|
248
|
-
* If `true`, the base button will have a keyboard focus ripple.
|
|
249
|
-
* @default false
|
|
250
|
-
*/
|
|
251
|
-
focusRipple: PropTypes.bool,
|
|
252
|
-
/**
|
|
253
|
-
* This prop can help identify which element has keyboard focus.
|
|
254
|
-
* The class name will be applied when the element gains the focus through keyboard interaction.
|
|
255
|
-
* It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
|
|
256
|
-
* The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
|
|
257
|
-
* A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
|
|
258
|
-
* if needed.
|
|
259
|
-
*/
|
|
260
|
-
focusVisibleClassName: PropTypes.string,
|
|
261
|
-
isAnimating: PropTypes.bool,
|
|
262
|
-
/**
|
|
263
|
-
* Set to `true` if the `day` is the end of a highlighted date range.
|
|
264
|
-
*/
|
|
265
|
-
isEndOfHighlighting: PropTypes.bool.isRequired,
|
|
266
|
-
/**
|
|
267
|
-
* Set to `true` if the `day` is the end of a previewing date range.
|
|
268
|
-
*/
|
|
269
|
-
isEndOfPreviewing: PropTypes.bool.isRequired,
|
|
270
|
-
/**
|
|
271
|
-
* If `true`, day is the first visible cell of the month.
|
|
272
|
-
* Either the first day of the month or the first day of the week depending on `showDaysOutsideCurrentMonth`.
|
|
273
|
-
*/
|
|
274
|
-
isFirstVisibleCell: PropTypes.bool.isRequired,
|
|
275
|
-
/**
|
|
276
|
-
* Set to `true` if the `day` is in a highlighted date range.
|
|
277
|
-
*/
|
|
278
|
-
isHighlighting: PropTypes.bool.isRequired,
|
|
279
|
-
/**
|
|
280
|
-
* If `true`, day is the last visible cell of the month.
|
|
281
|
-
* Either the last day of the month or the last day of the week depending on `showDaysOutsideCurrentMonth`.
|
|
282
|
-
*/
|
|
283
|
-
isLastVisibleCell: PropTypes.bool.isRequired,
|
|
284
|
-
/**
|
|
285
|
-
* Set to `true` if the `day` is in a preview date range.
|
|
286
|
-
*/
|
|
287
|
-
isPreviewing: PropTypes.bool.isRequired,
|
|
288
|
-
/**
|
|
289
|
-
* Set to `true` if the `day` is the start of a highlighted date range.
|
|
290
|
-
*/
|
|
291
|
-
isStartOfHighlighting: PropTypes.bool.isRequired,
|
|
292
|
-
/**
|
|
293
|
-
* Set to `true` if the `day` is the start of a previewing date range.
|
|
294
|
-
*/
|
|
295
|
-
isStartOfPreviewing: PropTypes.bool.isRequired,
|
|
296
|
-
/**
|
|
297
|
-
* Indicates if the day should be visually selected.
|
|
298
|
-
*/
|
|
299
|
-
isVisuallySelected: PropTypes.bool,
|
|
300
|
-
onDaySelect: PropTypes.func.isRequired,
|
|
301
|
-
/**
|
|
302
|
-
* Callback fired when the component is focused with a keyboard.
|
|
303
|
-
* We trigger a `onFocus` callback too.
|
|
304
|
-
*/
|
|
305
|
-
onFocusVisible: PropTypes.func,
|
|
306
|
-
onMouseEnter: PropTypes.func,
|
|
307
|
-
/**
|
|
308
|
-
* If `true`, day is outside of month and will be hidden.
|
|
309
|
-
*/
|
|
310
|
-
outsideCurrentMonth: PropTypes.bool.isRequired,
|
|
311
|
-
/**
|
|
312
|
-
* If `true`, renders as selected.
|
|
313
|
-
* @default false
|
|
314
|
-
*/
|
|
315
|
-
selected: PropTypes.bool,
|
|
316
|
-
/**
|
|
317
|
-
* If `true`, days outside the current month are rendered:
|
|
318
|
-
*
|
|
319
|
-
* - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
|
|
320
|
-
*
|
|
321
|
-
* - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
|
|
322
|
-
*
|
|
323
|
-
* - ignored if `calendars` equals more than `1` on range pickers.
|
|
324
|
-
* @default false
|
|
325
|
-
*/
|
|
326
|
-
showDaysOutsideCurrentMonth: PropTypes.bool,
|
|
327
|
-
style: PropTypes.object,
|
|
328
|
-
/**
|
|
329
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
330
|
-
*/
|
|
331
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
332
|
-
/**
|
|
333
|
-
* @default 0
|
|
334
|
-
*/
|
|
335
|
-
tabIndex: PropTypes.number,
|
|
336
|
-
/**
|
|
337
|
-
* If `true`, renders as today date.
|
|
338
|
-
* @default false
|
|
339
|
-
*/
|
|
340
|
-
today: PropTypes.bool,
|
|
341
|
-
/**
|
|
342
|
-
* Props applied to the `TouchRipple` element.
|
|
343
|
-
*/
|
|
344
|
-
TouchRippleProps: PropTypes.object,
|
|
345
|
-
/**
|
|
346
|
-
* A ref that points to the `TouchRipple` element.
|
|
347
|
-
*/
|
|
348
|
-
touchRippleRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
349
|
-
current: PropTypes.shape({
|
|
350
|
-
pulsate: PropTypes.func.isRequired,
|
|
351
|
-
start: PropTypes.func.isRequired,
|
|
352
|
-
stop: PropTypes.func.isRequired
|
|
353
|
-
})
|
|
354
|
-
})])
|
|
355
|
-
} : void 0;
|
|
356
|
-
|
|
357
|
-
/**
|
|
358
|
-
* Demos:
|
|
359
|
-
*
|
|
360
|
-
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
361
|
-
*
|
|
362
|
-
* API:
|
|
363
|
-
*
|
|
364
|
-
* - [DateRangePickerDay API](https://mui.com/x/api/date-pickers/date-range-picker-day/)
|
|
365
|
-
*/
|
|
366
|
-
export var DateRangePickerDay = /*#__PURE__*/React.memo(DateRangePickerDayRaw);
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
2
|
-
export function getDateRangePickerDayUtilityClass(slot) {
|
|
3
|
-
return generateUtilityClass('MuiDateRangePickerDay', slot);
|
|
4
|
-
}
|
|
5
|
-
export var dateRangePickerDayClasses = generateUtilityClasses('MuiDateRangePickerDay', ['root', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'outsideCurrentMonth', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'hiddenDayFiller', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);
|