@mui/x-date-pickers-pro 6.9.1 → 6.9.2
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 +62 -0
- package/DateRangeCalendar/DateRangeCalendar.js +5 -5
- package/DateRangeCalendar/DateRangeCalendar.types.d.ts +2 -2
- package/DateRangeCalendar/useDragRange.d.ts +1 -1
- package/DateRangeCalendar/useDragRange.js +1 -1
- package/DateRangePicker/DateRangePickerToolbar.d.ts +2 -2
- package/DateRangePicker/shared.d.ts +1 -1
- package/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +3 -3
- package/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +1 -1
- package/MobileDateRangePicker/MobileDateRangePicker.js +3 -3
- package/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +1 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +4 -4
- package/MultiInputDateRangeField/index.d.ts +1 -1
- package/MultiInputDateRangeField/index.js +1 -1
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +1 -1
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +4 -4
- package/MultiInputDateTimeRangeField/index.d.ts +1 -1
- package/MultiInputDateTimeRangeField/index.js +1 -1
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -1
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +4 -4
- package/MultiInputTimeRangeField/index.d.ts +1 -1
- package/MultiInputTimeRangeField/index.js +1 -1
- package/README.md +2 -2
- package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +1 -1
- package/SingleInputDateRangeField/useSingleInputDateRangeField.js +2 -2
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +1 -1
- package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +2 -2
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +1 -1
- package/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +2 -2
- package/StaticDateRangePicker/StaticDateRangePicker.js +3 -3
- package/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +1 -1
- package/index.d.ts +3 -3
- package/index.js +1 -1
- package/{modern/internal → internals}/utils/releaseInfo.js +1 -1
- package/legacy/DateRangeCalendar/DateRangeCalendar.js +5 -5
- package/legacy/DateRangeCalendar/useDragRange.js +1 -1
- package/legacy/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js +3 -3
- package/legacy/MobileDateRangePicker/MobileDateRangePicker.js +3 -3
- package/legacy/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
- package/legacy/MultiInputDateRangeField/index.js +1 -1
- package/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +1 -1
- package/legacy/MultiInputDateTimeRangeField/index.js +1 -1
- package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -1
- package/legacy/MultiInputTimeRangeField/index.js +1 -1
- package/legacy/SingleInputDateRangeField/useSingleInputDateRangeField.js +2 -2
- package/legacy/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +2 -2
- package/legacy/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +2 -2
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +3 -3
- package/legacy/index.js +1 -1
- package/legacy/{internal → internals}/utils/releaseInfo.js +1 -1
- package/modern/DateRangeCalendar/DateRangeCalendar.js +5 -5
- package/modern/DateRangeCalendar/useDragRange.js +1 -1
- package/modern/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +3 -3
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +3 -3
- package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
- package/modern/MultiInputDateRangeField/index.js +1 -1
- package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +1 -1
- package/modern/MultiInputDateTimeRangeField/index.js +1 -1
- package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -1
- package/modern/MultiInputTimeRangeField/index.js +1 -1
- package/modern/SingleInputDateRangeField/useSingleInputDateRangeField.js +2 -2
- package/modern/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +2 -2
- package/modern/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +2 -2
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +3 -3
- package/modern/index.js +1 -1
- package/{internal → modern/internals}/utils/releaseInfo.js +1 -1
- package/node/DateRangeCalendar/DateRangeCalendar.js +5 -5
- package/node/DateRangeCalendar/useDragRange.js +1 -1
- package/node/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +3 -3
- package/node/MobileDateRangePicker/MobileDateRangePicker.js +3 -3
- package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
- package/node/MultiInputDateRangeField/index.js +1 -1
- package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +1 -1
- package/node/MultiInputDateTimeRangeField/index.js +1 -1
- package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -1
- package/node/MultiInputTimeRangeField/index.js +1 -1
- package/node/SingleInputDateRangeField/useSingleInputDateRangeField.js +2 -2
- package/node/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +2 -2
- package/node/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +2 -2
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +3 -3
- package/node/index.js +1 -1
- package/node/{internal → internals}/utils/releaseInfo.js +1 -1
- package/package.json +2 -2
- /package/{internal → internals}/hooks/useDesktopRangePicker/index.d.ts +0 -0
- /package/{internal → internals}/hooks/useDesktopRangePicker/index.js +0 -0
- /package/{internal → internals}/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +0 -0
- /package/{internal → internals}/hooks/useDesktopRangePicker/useDesktopRangePicker.js +0 -0
- /package/{internal → internals}/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +0 -0
- /package/{internal → internals}/hooks/useDesktopRangePicker/useDesktopRangePicker.types.js +0 -0
- /package/{internal → internals}/hooks/useEnrichedRangePickerFieldProps.d.ts +0 -0
- /package/{internal → internals}/hooks/useEnrichedRangePickerFieldProps.js +0 -0
- /package/{internal → internals}/hooks/useMobileRangePicker/index.d.ts +0 -0
- /package/{internal → internals}/hooks/useMobileRangePicker/index.js +0 -0
- /package/{internal → internals}/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +0 -0
- /package/{internal → internals}/hooks/useMobileRangePicker/useMobileRangePicker.js +0 -0
- /package/{internal → internals}/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +0 -0
- /package/{internal → internals}/hooks/useMobileRangePicker/useMobileRangePicker.types.js +0 -0
- /package/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputDateRangeField.d.ts +0 -0
- /package/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +0 -0
- /package/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.d.ts +0 -0
- /package/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +0 -0
- /package/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputRangeField.types.d.ts +0 -0
- /package/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputRangeField.types.js +0 -0
- /package/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.d.ts +0 -0
- /package/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +0 -0
- /package/{internal → internals}/hooks/useRangePosition.d.ts +0 -0
- /package/{internal → internals}/hooks/useRangePosition.js +0 -0
- /package/{internal → internals}/hooks/useStaticRangePicker/index.d.ts +0 -0
- /package/{internal → internals}/hooks/useStaticRangePicker/index.js +0 -0
- /package/{internal → internals}/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +0 -0
- /package/{internal → internals}/hooks/useStaticRangePicker/useStaticRangePicker.js +0 -0
- /package/{internal → internals}/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +0 -0
- /package/{internal → internals}/hooks/useStaticRangePicker/useStaticRangePicker.types.js +0 -0
- /package/{internal → internals}/models/dateRange.d.ts +0 -0
- /package/{internal → internals}/models/dateRange.js +0 -0
- /package/{internal → internals}/models/dateTimeRange.d.ts +0 -0
- /package/{internal → internals}/models/dateTimeRange.js +0 -0
- /package/{internal → internals}/models/fields.d.ts +0 -0
- /package/{internal → internals}/models/fields.js +0 -0
- /package/{internal → internals}/models/index.d.ts +0 -0
- /package/{internal → internals}/models/index.js +0 -0
- /package/{internal → internals}/models/range.d.ts +0 -0
- /package/{internal → internals}/models/range.js +0 -0
- /package/{internal → internals}/models/rangePickerProps.d.ts +0 -0
- /package/{internal → internals}/models/rangePickerProps.js +0 -0
- /package/{internal → internals}/models/timeRange.d.ts +0 -0
- /package/{internal → internals}/models/timeRange.js +0 -0
- /package/{internal → internals}/utils/date-fields-utils.d.ts +0 -0
- /package/{internal → internals}/utils/date-fields-utils.js +0 -0
- /package/{internal → internals}/utils/date-range-manager.d.ts +0 -0
- /package/{internal → internals}/utils/date-range-manager.js +0 -0
- /package/{internal → internals}/utils/date-utils.d.ts +0 -0
- /package/{internal → internals}/utils/date-utils.js +0 -0
- /package/{internal → internals}/utils/releaseInfo.d.ts +0 -0
- /package/{internal → internals}/utils/validation/validateDateRange.d.ts +0 -0
- /package/{internal → internals}/utils/validation/validateDateRange.js +0 -0
- /package/{internal → internals}/utils/validation/validateDateTimeRange.d.ts +0 -0
- /package/{internal → internals}/utils/validation/validateDateTimeRange.js +0 -0
- /package/{internal → internals}/utils/validation/validateTimeRange.d.ts +0 -0
- /package/{internal → internals}/utils/validation/validateTimeRange.js +0 -0
- /package/{internal → internals}/utils/valueManagers.d.ts +0 -0
- /package/{internal → internals}/utils/valueManagers.js +0 -0
- /package/legacy/{internal → internals}/hooks/useDesktopRangePicker/index.js +0 -0
- /package/legacy/{internal → internals}/hooks/useDesktopRangePicker/useDesktopRangePicker.js +0 -0
- /package/legacy/{internal → internals}/hooks/useDesktopRangePicker/useDesktopRangePicker.types.js +0 -0
- /package/legacy/{internal → internals}/hooks/useEnrichedRangePickerFieldProps.js +0 -0
- /package/legacy/{internal → internals}/hooks/useMobileRangePicker/index.js +0 -0
- /package/legacy/{internal → internals}/hooks/useMobileRangePicker/useMobileRangePicker.js +0 -0
- /package/legacy/{internal → internals}/hooks/useMobileRangePicker/useMobileRangePicker.types.js +0 -0
- /package/legacy/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +0 -0
- /package/legacy/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +0 -0
- /package/legacy/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputRangeField.types.js +0 -0
- /package/legacy/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +0 -0
- /package/legacy/{internal → internals}/hooks/useRangePosition.js +0 -0
- /package/legacy/{internal → internals}/hooks/useStaticRangePicker/index.js +0 -0
- /package/legacy/{internal → internals}/hooks/useStaticRangePicker/useStaticRangePicker.js +0 -0
- /package/legacy/{internal → internals}/hooks/useStaticRangePicker/useStaticRangePicker.types.js +0 -0
- /package/legacy/{internal → internals}/models/dateRange.js +0 -0
- /package/legacy/{internal → internals}/models/dateTimeRange.js +0 -0
- /package/legacy/{internal → internals}/models/fields.js +0 -0
- /package/legacy/{internal → internals}/models/index.js +0 -0
- /package/legacy/{internal → internals}/models/range.js +0 -0
- /package/legacy/{internal → internals}/models/rangePickerProps.js +0 -0
- /package/legacy/{internal → internals}/models/timeRange.js +0 -0
- /package/legacy/{internal → internals}/utils/date-fields-utils.js +0 -0
- /package/legacy/{internal → internals}/utils/date-range-manager.js +0 -0
- /package/legacy/{internal → internals}/utils/date-utils.js +0 -0
- /package/legacy/{internal → internals}/utils/validation/validateDateRange.js +0 -0
- /package/legacy/{internal → internals}/utils/validation/validateDateTimeRange.js +0 -0
- /package/legacy/{internal → internals}/utils/validation/validateTimeRange.js +0 -0
- /package/legacy/{internal → internals}/utils/valueManagers.js +0 -0
- /package/modern/{internal → internals}/hooks/useDesktopRangePicker/index.js +0 -0
- /package/modern/{internal → internals}/hooks/useDesktopRangePicker/useDesktopRangePicker.js +0 -0
- /package/modern/{internal → internals}/hooks/useDesktopRangePicker/useDesktopRangePicker.types.js +0 -0
- /package/modern/{internal → internals}/hooks/useEnrichedRangePickerFieldProps.js +0 -0
- /package/modern/{internal → internals}/hooks/useMobileRangePicker/index.js +0 -0
- /package/modern/{internal → internals}/hooks/useMobileRangePicker/useMobileRangePicker.js +0 -0
- /package/modern/{internal → internals}/hooks/useMobileRangePicker/useMobileRangePicker.types.js +0 -0
- /package/modern/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +0 -0
- /package/modern/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +0 -0
- /package/modern/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputRangeField.types.js +0 -0
- /package/modern/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +0 -0
- /package/modern/{internal → internals}/hooks/useRangePosition.js +0 -0
- /package/modern/{internal → internals}/hooks/useStaticRangePicker/index.js +0 -0
- /package/modern/{internal → internals}/hooks/useStaticRangePicker/useStaticRangePicker.js +0 -0
- /package/modern/{internal → internals}/hooks/useStaticRangePicker/useStaticRangePicker.types.js +0 -0
- /package/modern/{internal → internals}/models/dateRange.js +0 -0
- /package/modern/{internal → internals}/models/dateTimeRange.js +0 -0
- /package/modern/{internal → internals}/models/fields.js +0 -0
- /package/modern/{internal → internals}/models/index.js +0 -0
- /package/modern/{internal → internals}/models/range.js +0 -0
- /package/modern/{internal → internals}/models/rangePickerProps.js +0 -0
- /package/modern/{internal → internals}/models/timeRange.js +0 -0
- /package/modern/{internal → internals}/utils/date-fields-utils.js +0 -0
- /package/modern/{internal → internals}/utils/date-range-manager.js +0 -0
- /package/modern/{internal → internals}/utils/date-utils.js +0 -0
- /package/modern/{internal → internals}/utils/validation/validateDateRange.js +0 -0
- /package/modern/{internal → internals}/utils/validation/validateDateTimeRange.js +0 -0
- /package/modern/{internal → internals}/utils/validation/validateTimeRange.js +0 -0
- /package/modern/{internal → internals}/utils/valueManagers.js +0 -0
- /package/node/{internal → internals}/hooks/useDesktopRangePicker/index.js +0 -0
- /package/node/{internal → internals}/hooks/useDesktopRangePicker/useDesktopRangePicker.js +0 -0
- /package/node/{internal → internals}/hooks/useDesktopRangePicker/useDesktopRangePicker.types.js +0 -0
- /package/node/{internal → internals}/hooks/useEnrichedRangePickerFieldProps.js +0 -0
- /package/node/{internal → internals}/hooks/useMobileRangePicker/index.js +0 -0
- /package/node/{internal → internals}/hooks/useMobileRangePicker/useMobileRangePicker.js +0 -0
- /package/node/{internal → internals}/hooks/useMobileRangePicker/useMobileRangePicker.types.js +0 -0
- /package/node/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +0 -0
- /package/node/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +0 -0
- /package/node/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputRangeField.types.js +0 -0
- /package/node/{internal → internals}/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +0 -0
- /package/node/{internal → internals}/hooks/useRangePosition.js +0 -0
- /package/node/{internal → internals}/hooks/useStaticRangePicker/index.js +0 -0
- /package/node/{internal → internals}/hooks/useStaticRangePicker/useStaticRangePicker.js +0 -0
- /package/node/{internal → internals}/hooks/useStaticRangePicker/useStaticRangePicker.types.js +0 -0
- /package/node/{internal → internals}/models/dateRange.js +0 -0
- /package/node/{internal → internals}/models/dateTimeRange.js +0 -0
- /package/node/{internal → internals}/models/fields.js +0 -0
- /package/node/{internal → internals}/models/index.js +0 -0
- /package/node/{internal → internals}/models/range.js +0 -0
- /package/node/{internal → internals}/models/rangePickerProps.js +0 -0
- /package/node/{internal → internals}/models/timeRange.js +0 -0
- /package/node/{internal → internals}/utils/date-fields-utils.js +0 -0
- /package/node/{internal → internals}/utils/date-range-manager.js +0 -0
- /package/node/{internal → internals}/utils/date-utils.js +0 -0
- /package/node/{internal → internals}/utils/validation/validateDateRange.js +0 -0
- /package/node/{internal → internals}/utils/validation/validateDateTimeRange.js +0 -0
- /package/node/{internal → internals}/utils/validation/validateTimeRange.js +0 -0
- /package/node/{internal → internals}/utils/valueManagers.js +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,68 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 6.9.2
|
|
7
|
+
|
|
8
|
+
_Jul 6, 2023_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 🚀 Auto-scroll when making range selection (#8661) @m4theushw
|
|
13
|
+
|
|
14
|
+
- 📚 New page: Components lifecycle (#8372) @flaviendelangle
|
|
15
|
+
|
|
16
|
+
Clarify pickers events and value updates in a [single docs page](https://mui.com/x/react-date-pickers/lifecycle/).
|
|
17
|
+
|
|
18
|
+
- 🥧 Add pie chart component
|
|
19
|
+
|
|
20
|
+
They are fresh from the code editor. You can visit [pie charts docs](https://mui.com/x/react-charts/pie/) or their [demo page](https://mui.com/x/react-charts/pie-demo/).
|
|
21
|
+
|
|
22
|
+
<img width="380" alt="pie-charts" src="https://github.com/mui/mui-x/assets/13808724/fe908c45-803c-4316-b913-dbd2f9f0551e">
|
|
23
|
+
|
|
24
|
+
- 🐞 Bugfixes
|
|
25
|
+
|
|
26
|
+
- 📚 Documentation improvements
|
|
27
|
+
|
|
28
|
+
### `@mui/x-data-grid@v6.9.2` / `@mui/x-data-grid-pro@v6.9.2` / `@mui/x-data-grid-premium@v6.9.2`
|
|
29
|
+
|
|
30
|
+
#### Changes
|
|
31
|
+
|
|
32
|
+
- [DataGrid] Fix `RangeError` when using flex columns (#9554) @cherniavskii
|
|
33
|
+
- [DataGrid] Fix React 17 editing bug (#9530) @romgrk
|
|
34
|
+
- [DataGrid] Use `getRowId` in filtering (#9564) @romgrk
|
|
35
|
+
- [DataGrid] Correctly reflect `TablePagination`'s `rowsPerPageOptions` shape to `pageSizeOptions` (#9438) @burakkgunduzz
|
|
36
|
+
- [DataGridPremium] Auto-scroll when making range selection (#8661) @m4theushw
|
|
37
|
+
- [l10n] Improve Spanish (es-ES) locale (#9500) @fufex
|
|
38
|
+
|
|
39
|
+
### `@mui/x-date-pickers@v6.9.2` / `@mui/x-date-pickers-pro@v6.9.2`
|
|
40
|
+
|
|
41
|
+
#### Changes
|
|
42
|
+
|
|
43
|
+
- [pickers] Forward digital clock classes (#9555) @YoonjiJang
|
|
44
|
+
- [pickers] Rename `internal` folder to `internals` on `@mui/x-date-picker-pro` (#9571) @flaviendelangle
|
|
45
|
+
|
|
46
|
+
### `@mui/x-charts@6.0.0-alpha.2`
|
|
47
|
+
|
|
48
|
+
#### Changes
|
|
49
|
+
|
|
50
|
+
- [charts] Add pie chart component (#9395) @alexfauquette
|
|
51
|
+
|
|
52
|
+
### Docs
|
|
53
|
+
|
|
54
|
+
- [docs] Add pickers playground (#9164) @LukasTy
|
|
55
|
+
- [docs] Fix API links for pickers (#9573) @alexfauquette
|
|
56
|
+
- [docs] Fix demos with `ToggleButtonGroup` (#9548) @flaviendelangle
|
|
57
|
+
- [docs] Fix typos in pagination documentation page (#9332) @RatherBeLunar
|
|
58
|
+
- [docs] Hide ads on paid content @oliviertassinari
|
|
59
|
+
- [docs] Move the charts in the sidebar (#9437) @flaviendelangle
|
|
60
|
+
- [docs] New page: Components lifecycle (#8372) @flaviendelangle
|
|
61
|
+
- [docs] Remove outdated header tag @oliviertassinari
|
|
62
|
+
|
|
63
|
+
### Core
|
|
64
|
+
|
|
65
|
+
- [core] Fix typo in priority support @oliviertassinari
|
|
66
|
+
- [core] Remove mention of Crowdin @oliviertassinari
|
|
67
|
+
|
|
6
68
|
## 6.9.1
|
|
7
69
|
|
|
8
70
|
_Jun 30, 2023_
|
|
@@ -12,14 +12,14 @@ import { styled, useThemeProps } from '@mui/material/styles';
|
|
|
12
12
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
13
13
|
import { Watermark } from '@mui/x-license-pro';
|
|
14
14
|
import { applyDefaultDate, DAY_MARGIN, DayCalendar, defaultReduceAnimations, PickersArrowSwitcher, PickersCalendarHeader, useCalendarState, useDefaultDates, useLocaleText, useNextMonthDisabled, usePreviousMonthDisabled, useUtils, useNow, uncapitalizeObjectKeys, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone } from '@mui/x-date-pickers/internals';
|
|
15
|
-
import { getReleaseInfo } from '../
|
|
15
|
+
import { getReleaseInfo } from '../internals/utils/releaseInfo';
|
|
16
16
|
import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from './dateRangeCalendarClasses';
|
|
17
|
-
import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../
|
|
18
|
-
import { calculateRangeChange, calculateRangePreview } from '../
|
|
17
|
+
import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../internals/utils/date-utils';
|
|
18
|
+
import { calculateRangeChange, calculateRangePreview } from '../internals/utils/date-range-manager';
|
|
19
19
|
import { DateRangePickerDay, dateRangePickerDayClasses as dayClasses } from '../DateRangePickerDay';
|
|
20
|
-
import { rangeValueManager } from '../
|
|
20
|
+
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
21
21
|
import { useDragRange } from './useDragRange';
|
|
22
|
-
import { useRangePosition } from '../
|
|
22
|
+
import { useRangePosition } from '../internals/hooks/useRangePosition';
|
|
23
23
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
24
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
25
25
|
const releaseInfo = getReleaseInfo();
|
|
@@ -4,10 +4,10 @@ import { SlotComponentProps } from '@mui/base';
|
|
|
4
4
|
import { Theme } from '@mui/material/styles';
|
|
5
5
|
import { TimezoneProps } from '@mui/x-date-pickers/models';
|
|
6
6
|
import { BaseDateValidationProps, DefaultizedProps, ExportedDayCalendarProps, DayCalendarSlotsComponent, DayCalendarSlotsComponentsProps, PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps, PickerSelectionState, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps, DayCalendarProps, ExportedUseViewsOptions, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
7
|
-
import { DateRange, DayRangeValidationProps } from '../
|
|
7
|
+
import { DateRange, DayRangeValidationProps } from '../internals/models';
|
|
8
8
|
import { DateRangeCalendarClasses } from './dateRangeCalendarClasses';
|
|
9
9
|
import { DateRangePickerDay, DateRangePickerDayProps } from '../DateRangePickerDay';
|
|
10
|
-
import { UseRangePositionProps } from '../
|
|
10
|
+
import { UseRangePositionProps } from '../internals/hooks/useRangePosition';
|
|
11
11
|
export type DateRangePosition = 'start' | 'end';
|
|
12
12
|
export interface DateRangeCalendarSlotsComponent<TDate> extends PickersArrowSwitcherSlotsComponent, Omit<DayCalendarSlotsComponent<TDate>, 'Day'>, PickersCalendarHeaderSlotsComponent {
|
|
13
13
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { MuiPickersAdapter, PickersTimezone } from '@mui/x-date-pickers/models';
|
|
3
3
|
import { DateRangePosition } from './DateRangeCalendar.types';
|
|
4
|
-
import { DateRange } from '../
|
|
4
|
+
import { DateRange } from '../internals/models';
|
|
5
5
|
interface UseDragRangeParams<TDate> {
|
|
6
6
|
disableDragEditing?: boolean;
|
|
7
7
|
utils: MuiPickersAdapter<TDate>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import useEventCallback from '@mui/utils/useEventCallback';
|
|
4
|
-
import { isEndOfRange, isStartOfRange } from '../
|
|
4
|
+
import { isEndOfRange, isStartOfRange } from '../internals/utils/date-utils';
|
|
5
5
|
const resolveDateFromTarget = (target, utils, timezone) => {
|
|
6
6
|
const timestampString = target.dataset.timestamp;
|
|
7
7
|
if (!timestampString) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
|
|
3
|
-
import { DateRange } from '../
|
|
4
|
-
import { UseRangePositionResponse } from '../
|
|
3
|
+
import { DateRange } from '../internals/models';
|
|
4
|
+
import { UseRangePositionResponse } from '../internals/hooks/useRangePosition';
|
|
5
5
|
import { DateRangePickerToolbarClasses } from './dateRangePickerToolbarClasses';
|
|
6
6
|
export interface DateRangePickerToolbarProps<TDate> extends Omit<BaseToolbarProps<DateRange<TDate>, 'day'>, 'views' | 'view' | 'onViewChange' | 'onChange' | 'isLandscape'>, Pick<UseRangePositionResponse, 'rangePosition' | 'onRangePositionChange'> {
|
|
7
7
|
classes?: Partial<DateRangePickerToolbarClasses>;
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { LocalizedComponent } from '@mui/x-date-pickers/locales';
|
|
3
3
|
import { DefaultizedProps, BaseDateValidationProps, BasePickerInputProps, PickerViewRendererLookup, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
4
4
|
import { DateRangeValidationError } from '../models';
|
|
5
|
-
import { DateRange } from '../
|
|
5
|
+
import { DateRange } from '../internals/models';
|
|
6
6
|
import { DateRangeCalendarSlotsComponent, DateRangeCalendarSlotsComponentsProps, ExportedDateRangeCalendarProps } from '../DateRangeCalendar';
|
|
7
7
|
import { DateRangePickerToolbarProps, ExportedDateRangePickerToolbarProps } from './DateRangePickerToolbar';
|
|
8
8
|
import { DateRangeViewRendererProps } from '../dateRangeViewRenderers';
|
|
@@ -10,7 +10,7 @@ import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
|
10
10
|
import { useUtils } from '@mui/x-date-pickers/internals';
|
|
11
11
|
import { PickersDay, pickersDayClasses } from '@mui/x-date-pickers/PickersDay';
|
|
12
12
|
import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from './dateRangePickerDayClasses';
|
|
13
|
-
import { getReleaseInfo } from '../
|
|
13
|
+
import { getReleaseInfo } from '../internals/utils/releaseInfo';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
15
|
const releaseInfo = getReleaseInfo();
|
|
16
16
|
const useUtilityClasses = ownerState => {
|
|
@@ -3,12 +3,12 @@ import * as React from 'react';
|
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { extractValidationProps } from '@mui/x-date-pickers/internals';
|
|
5
5
|
import { resolveComponentProps } from '@mui/base/utils';
|
|
6
|
-
import { rangeValueManager } from '../
|
|
6
|
+
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
7
7
|
import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
|
|
8
8
|
import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
9
9
|
import { MultiInputDateRangeField } from '../MultiInputDateRangeField';
|
|
10
|
-
import { useDesktopRangePicker } from '../
|
|
11
|
-
import { validateDateRange } from '../
|
|
10
|
+
import { useDesktopRangePicker } from '../internals/hooks/useDesktopRangePicker';
|
|
11
|
+
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
12
12
|
const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateRangePicker(inProps, ref) {
|
|
13
13
|
var _defaultizedProps$cal, _defaultizedProps$slo2;
|
|
14
14
|
// Props with the default values common to all date time pickers
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MakeOptional, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
2
|
-
import { UseDesktopRangePickerSlotsComponent, UseDesktopRangePickerSlotsComponentsProps, DesktopRangeOnlyPickerProps } from '../
|
|
2
|
+
import { UseDesktopRangePickerSlotsComponent, UseDesktopRangePickerSlotsComponentsProps, DesktopRangeOnlyPickerProps } from '../internals/hooks/useDesktopRangePicker';
|
|
3
3
|
import { BaseDateRangePickerProps, BaseDateRangePickerSlotsComponent, BaseDateRangePickerSlotsComponentsProps } from '../DateRangePicker/shared';
|
|
4
4
|
export interface DesktopDateRangePickerSlotsComponent<TDate> extends BaseDateRangePickerSlotsComponent<TDate>, MakeOptional<UseDesktopRangePickerSlotsComponent<TDate, 'day'>, 'Field'> {
|
|
5
5
|
}
|
|
@@ -5,12 +5,12 @@ import * as React from 'react';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import { extractValidationProps } from '@mui/x-date-pickers/internals';
|
|
7
7
|
import { resolveComponentProps } from '@mui/base/utils';
|
|
8
|
-
import { rangeValueManager } from '../
|
|
8
|
+
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
9
9
|
import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
|
|
10
10
|
import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
11
11
|
import { MultiInputDateRangeField } from '../MultiInputDateRangeField';
|
|
12
|
-
import { useMobileRangePicker } from '../
|
|
13
|
-
import { validateDateRange } from '../
|
|
12
|
+
import { useMobileRangePicker } from '../internals/hooks/useMobileRangePicker';
|
|
13
|
+
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
14
14
|
const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
|
|
15
15
|
var _defaultizedProps$slo2;
|
|
16
16
|
// Props with the default values common to all date time pickers
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MakeOptional, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
2
|
-
import { UseMobileRangePickerSlotsComponent, UseMobileRangePickerSlotsComponentsProps, MobileRangeOnlyPickerProps } from '../
|
|
2
|
+
import { UseMobileRangePickerSlotsComponent, UseMobileRangePickerSlotsComponentsProps, MobileRangeOnlyPickerProps } from '../internals/hooks/useMobileRangePicker';
|
|
3
3
|
import { BaseDateRangePickerProps, BaseDateRangePickerSlotsComponent, BaseDateRangePickerSlotsComponentsProps } from '../DateRangePicker/shared';
|
|
4
4
|
export interface MobileDateRangePickerSlotsComponent<TDate> extends BaseDateRangePickerSlotsComponent<TDate>, MakeOptional<UseMobileRangePickerSlotsComponent<TDate, 'day'>, 'Field'> {
|
|
5
5
|
}
|
|
@@ -11,7 +11,7 @@ import Typography from '@mui/material/Typography';
|
|
|
11
11
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
12
12
|
import { useSlotProps } from '@mui/base/utils';
|
|
13
13
|
import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
14
|
-
import { useMultiInputDateRangeField } from '../
|
|
14
|
+
import { useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';
|
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
16
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
17
|
const MultiInputDateRangeFieldRoot = styled( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(Stack, _extends({
|
|
@@ -5,10 +5,10 @@ import Stack, { StackProps } from '@mui/material/Stack';
|
|
|
5
5
|
import TextField from '@mui/material/TextField';
|
|
6
6
|
import { FieldRef } from '@mui/x-date-pickers/models';
|
|
7
7
|
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
8
|
-
import { UseDateRangeFieldProps } from '../
|
|
9
|
-
import { RangePosition } from '../
|
|
10
|
-
import { UseMultiInputRangeFieldParams } from '../
|
|
11
|
-
import { RangeFieldSection } from '../
|
|
8
|
+
import { UseDateRangeFieldProps } from '../internals/models/dateRange';
|
|
9
|
+
import { RangePosition } from '../internals/models/range';
|
|
10
|
+
import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
|
|
11
|
+
import { RangeFieldSection } from '../internals/models/fields';
|
|
12
12
|
export type UseMultiInputDateRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputDateRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
13
13
|
export interface UseMultiInputDateRangeFieldProps<TDate> extends Omit<UseDateRangeFieldProps<TDate>, 'unstableFieldRef'> {
|
|
14
14
|
unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { MultiInputDateRangeField } from './MultiInputDateRangeField';
|
|
2
|
-
export { useMultiInputDateRangeField as unstable_useMultiInputDateRangeField } from '../
|
|
2
|
+
export { useMultiInputDateRangeField as unstable_useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';
|
|
3
3
|
export type { UseMultiInputDateRangeFieldProps, UseMultiInputDateRangeFieldComponentProps, MultiInputDateRangeFieldProps, } from './MultiInputDateRangeField.types';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { MultiInputDateRangeField } from './MultiInputDateRangeField';
|
|
2
|
-
export { useMultiInputDateRangeField as unstable_useMultiInputDateRangeField } from '../
|
|
2
|
+
export { useMultiInputDateRangeField as unstable_useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';
|
|
@@ -11,7 +11,7 @@ import Typography from '@mui/material/Typography';
|
|
|
11
11
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
12
12
|
import { useSlotProps } from '@mui/base/utils';
|
|
13
13
|
import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
14
|
-
import { useMultiInputDateTimeRangeField } from '../
|
|
14
|
+
import { useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
|
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
16
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
17
|
const MultiInputDateTimeRangeFieldRoot = styled( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(Stack, _extends({
|
|
@@ -5,10 +5,10 @@ import Typography from '@mui/material/Typography';
|
|
|
5
5
|
import Stack, { StackProps } from '@mui/material/Stack';
|
|
6
6
|
import TextField from '@mui/material/TextField';
|
|
7
7
|
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
8
|
-
import { UseDateTimeRangeFieldDefaultizedProps, UseDateTimeRangeFieldProps } from '../
|
|
9
|
-
import { RangePosition } from '../
|
|
10
|
-
import { RangeFieldSection } from '../
|
|
11
|
-
import { UseMultiInputRangeFieldParams } from '../
|
|
8
|
+
import { UseDateTimeRangeFieldDefaultizedProps, UseDateTimeRangeFieldProps } from '../internals/models/dateTimeRange';
|
|
9
|
+
import { RangePosition } from '../internals/models/range';
|
|
10
|
+
import { RangeFieldSection } from '../internals/models/fields';
|
|
11
|
+
import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
|
|
12
12
|
export type UseMultiInputDateTimeRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputDateTimeRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
13
13
|
export interface UseMultiInputDateTimeRangeFieldProps<TDate> extends Omit<UseDateTimeRangeFieldProps<TDate>, 'unstableFieldRef'> {
|
|
14
14
|
unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { MultiInputDateTimeRangeField } from './MultiInputDateTimeRangeField';
|
|
2
|
-
export { useMultiInputDateTimeRangeField as unstable_useMultiInputDateTimeRangeField } from '../
|
|
2
|
+
export { useMultiInputDateTimeRangeField as unstable_useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
|
|
3
3
|
export type { UseMultiInputDateTimeRangeFieldProps, UseMultiInputDateTimeRangeFieldComponentProps, MultiInputDateTimeRangeFieldProps, } from './MultiInputDateTimeRangeField.types';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { MultiInputDateTimeRangeField } from './MultiInputDateTimeRangeField';
|
|
2
|
-
export { useMultiInputDateTimeRangeField as unstable_useMultiInputDateTimeRangeField } from '../
|
|
2
|
+
export { useMultiInputDateTimeRangeField as unstable_useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
|
|
@@ -11,7 +11,7 @@ import Typography from '@mui/material/Typography';
|
|
|
11
11
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
12
12
|
import { useSlotProps } from '@mui/base/utils';
|
|
13
13
|
import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
14
|
-
import { useMultiInputTimeRangeField } from '../
|
|
14
|
+
import { useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';
|
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
16
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
17
|
const MultiInputTimeRangeFieldRoot = styled( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(Stack, _extends({
|
|
@@ -5,10 +5,10 @@ import Stack, { StackProps } from '@mui/material/Stack';
|
|
|
5
5
|
import TextField from '@mui/material/TextField';
|
|
6
6
|
import { FieldRef } from '@mui/x-date-pickers/models';
|
|
7
7
|
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
8
|
-
import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../
|
|
9
|
-
import { RangePosition } from '../
|
|
10
|
-
import { UseMultiInputRangeFieldParams } from '../
|
|
11
|
-
import { RangeFieldSection } from '../
|
|
8
|
+
import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../internals/models/timeRange';
|
|
9
|
+
import { RangePosition } from '../internals/models/range';
|
|
10
|
+
import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
|
|
11
|
+
import { RangeFieldSection } from '../internals/models/fields';
|
|
12
12
|
export type UseMultiInputTimeRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputTimeRangeFieldProps<TDate>, TTextFieldSlotProps>;
|
|
13
13
|
export interface UseMultiInputTimeRangeFieldProps<TDate> extends Omit<UseTimeRangeFieldProps<TDate>, 'unstableFieldRef'> {
|
|
14
14
|
unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { MultiInputTimeRangeField } from './MultiInputTimeRangeField';
|
|
2
|
-
export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from '../
|
|
2
|
+
export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';
|
|
3
3
|
export type { UseMultiInputTimeRangeFieldProps, UseMultiInputTimeRangeFieldComponentProps, MultiInputTimeRangeFieldProps, } from './MultiInputTimeRangeField.types';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { MultiInputTimeRangeField } from './MultiInputTimeRangeField';
|
|
2
|
-
export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from '../
|
|
2
|
+
export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';
|
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@ It's part of MUI X, an open-core extension of MUI, with advanced components.
|
|
|
7
7
|
|
|
8
8
|
Install the package in your project directory with:
|
|
9
9
|
|
|
10
|
-
```
|
|
10
|
+
```bash
|
|
11
11
|
npm install @mui/x-date-pickers-pro
|
|
12
12
|
```
|
|
13
13
|
|
|
@@ -19,7 +19,7 @@ We currently support 4 different date libraries:
|
|
|
19
19
|
- [Luxon](https://moment.github.io/luxon/#/)
|
|
20
20
|
- [Moment.js](https://momentjs.com/)
|
|
21
21
|
|
|
22
|
-
```
|
|
22
|
+
```bash
|
|
23
23
|
// date-fns
|
|
24
24
|
npm install date-fns
|
|
25
25
|
// or dayjs
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
3
|
import TextField from '@mui/material/TextField';
|
|
4
4
|
import { FieldsTextFieldProps, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
5
|
-
import { UseDateRangeFieldDefaultizedProps, UseDateRangeFieldProps } from '../
|
|
5
|
+
import { UseDateRangeFieldDefaultizedProps, UseDateRangeFieldProps } from '../internals/models';
|
|
6
6
|
export interface UseSingleInputDateRangeFieldParams<TDate, TChildProps extends {}> {
|
|
7
7
|
props: UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps>;
|
|
8
8
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import { useUtils, useDefaultDates, applyDefaultDate, useField, splitFieldInternalAndForwardedProps } from '@mui/x-date-pickers/internals';
|
|
3
|
-
import { rangeValueManager, rangeFieldValueManager } from '../
|
|
4
|
-
import { validateDateRange } from '../
|
|
3
|
+
import { rangeValueManager, rangeFieldValueManager } from '../internals/utils/valueManagers';
|
|
4
|
+
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
5
5
|
export const useDefaultizedDateRangeFieldProps = props => {
|
|
6
6
|
var _props$disablePast, _props$disableFuture, _props$format;
|
|
7
7
|
const utils = useUtils();
|
|
@@ -3,7 +3,7 @@ import { SlotComponentProps } from '@mui/base/utils';
|
|
|
3
3
|
import TextField from '@mui/material/TextField';
|
|
4
4
|
import { FieldsTextFieldProps } from '@mui/x-date-pickers/internals/models/fields';
|
|
5
5
|
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
6
|
-
import { UseDateTimeRangeFieldDefaultizedProps, UseDateTimeRangeFieldProps } from '../
|
|
6
|
+
import { UseDateTimeRangeFieldDefaultizedProps, UseDateTimeRangeFieldProps } from '../internals/models';
|
|
7
7
|
export interface UseSingleInputDateTimeRangeFieldParams<TDate, TChildProps extends {}> {
|
|
8
8
|
props: UseSingleInputDateTimeRangeFieldComponentProps<TDate, TChildProps>;
|
|
9
9
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import { useUtils, useField, applyDefaultDate, useDefaultDates, splitFieldInternalAndForwardedProps } from '@mui/x-date-pickers/internals';
|
|
3
|
-
import { rangeValueManager, rangeFieldValueManager } from '../
|
|
4
|
-
import { validateDateTimeRange } from '../
|
|
3
|
+
import { rangeValueManager, rangeFieldValueManager } from '../internals/utils/valueManagers';
|
|
4
|
+
import { validateDateTimeRange } from '../internals/utils/validation/validateDateTimeRange';
|
|
5
5
|
export const useDefaultizedTimeRangeFieldProps = props => {
|
|
6
6
|
var _props$ampm, _props$disablePast, _props$disableFuture, _props$format, _props$minDateTime, _props$maxDateTime, _props$minDateTime2, _props$maxDateTime2;
|
|
7
7
|
const utils = useUtils();
|
|
@@ -3,7 +3,7 @@ import { SlotComponentProps } from '@mui/base/utils';
|
|
|
3
3
|
import TextField from '@mui/material/TextField';
|
|
4
4
|
import { FieldsTextFieldProps } from '@mui/x-date-pickers/internals/models/fields';
|
|
5
5
|
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
6
|
-
import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../
|
|
6
|
+
import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../internals/models';
|
|
7
7
|
export interface UseSingleInputTimeRangeFieldParams<TDate, TChildProps extends {}> {
|
|
8
8
|
props: UseSingleInputTimeRangeFieldComponentProps<TDate, TChildProps>;
|
|
9
9
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import { useUtils, useField, splitFieldInternalAndForwardedProps } from '@mui/x-date-pickers/internals';
|
|
3
|
-
import { rangeValueManager, rangeFieldValueManager } from '../
|
|
4
|
-
import { validateTimeRange } from '../
|
|
3
|
+
import { rangeValueManager, rangeFieldValueManager } from '../internals/utils/valueManagers';
|
|
4
|
+
import { validateTimeRange } from '../internals/utils/validation/validateTimeRange';
|
|
5
5
|
export const useDefaultizedTimeRangeFieldProps = props => {
|
|
6
6
|
var _props$ampm, _props$disablePast, _props$disableFuture, _props$format;
|
|
7
7
|
const utils = useUtils();
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
import { useStaticRangePicker } from '../
|
|
4
|
+
import { useStaticRangePicker } from '../internals/hooks/useStaticRangePicker';
|
|
5
5
|
import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
|
|
6
6
|
import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
7
|
-
import { rangeValueManager } from '../
|
|
8
|
-
import { validateDateRange } from '../
|
|
7
|
+
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
8
|
+
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
9
9
|
const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateRangePicker(inProps, ref) {
|
|
10
10
|
var _defaultizedProps$dis, _defaultizedProps$cal, _defaultizedProps$slo;
|
|
11
11
|
const defaultizedProps = useDateRangePickerDefaultizedProps(inProps, 'MuiStaticDateRangePicker');
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MakeOptional, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
2
|
-
import { StaticRangeOnlyPickerProps, UseStaticRangePickerSlotsComponent, UseStaticRangePickerSlotsComponentsProps } from '../
|
|
2
|
+
import { StaticRangeOnlyPickerProps, UseStaticRangePickerSlotsComponent, UseStaticRangePickerSlotsComponentsProps } from '../internals/hooks/useStaticRangePicker';
|
|
3
3
|
import { BaseDateRangePickerProps, BaseDateRangePickerSlotsComponent, BaseDateRangePickerSlotsComponentsProps } from '../DateRangePicker/shared';
|
|
4
4
|
export interface StaticDateRangePickerSlotsComponent<TDate> extends BaseDateRangePickerSlotsComponent<TDate>, UseStaticRangePickerSlotsComponent<TDate, 'day'> {
|
|
5
5
|
}
|
package/index.d.ts
CHANGED
|
@@ -7,13 +7,13 @@ export * from './MultiInputDateTimeRangeField';
|
|
|
7
7
|
export * from './SingleInputDateRangeField';
|
|
8
8
|
export * from './SingleInputTimeRangeField';
|
|
9
9
|
export * from './SingleInputDateTimeRangeField';
|
|
10
|
-
export type { RangeFieldSection, BaseMultiInputFieldProps, MultiInputFieldSlotTextFieldProps, } from './
|
|
10
|
+
export type { RangeFieldSection, BaseMultiInputFieldProps, MultiInputFieldSlotTextFieldProps, } from './internals/models/fields';
|
|
11
11
|
export * from './DateRangeCalendar';
|
|
12
12
|
export * from './DateRangePicker';
|
|
13
13
|
export * from './DesktopDateRangePicker';
|
|
14
14
|
export * from './MobileDateRangePicker';
|
|
15
15
|
export * from './StaticDateRangePicker';
|
|
16
16
|
export * from './dateRangeViewRenderers';
|
|
17
|
-
export type { DateRange, RangePosition } from './
|
|
18
|
-
export type { UseDateRangeFieldProps } from './
|
|
17
|
+
export type { DateRange, RangePosition } from './internals/models/range';
|
|
18
|
+
export type { UseDateRangeFieldProps } from './internals/models/dateRange';
|
|
19
19
|
export * from './models';
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTY4ODU5MDgwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -14,14 +14,14 @@ import { styled, useThemeProps } from '@mui/material/styles';
|
|
|
14
14
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
15
15
|
import { Watermark } from '@mui/x-license-pro';
|
|
16
16
|
import { applyDefaultDate, DAY_MARGIN, DayCalendar, defaultReduceAnimations, PickersArrowSwitcher, PickersCalendarHeader, useCalendarState, useDefaultDates, useLocaleText, useNextMonthDisabled, usePreviousMonthDisabled, useUtils, useNow, uncapitalizeObjectKeys, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone } from '@mui/x-date-pickers/internals';
|
|
17
|
-
import { getReleaseInfo } from '../
|
|
17
|
+
import { getReleaseInfo } from '../internals/utils/releaseInfo';
|
|
18
18
|
import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from './dateRangeCalendarClasses';
|
|
19
|
-
import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../
|
|
20
|
-
import { calculateRangeChange, calculateRangePreview } from '../
|
|
19
|
+
import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../internals/utils/date-utils';
|
|
20
|
+
import { calculateRangeChange, calculateRangePreview } from '../internals/utils/date-range-manager';
|
|
21
21
|
import { DateRangePickerDay, dateRangePickerDayClasses as dayClasses } from '../DateRangePickerDay';
|
|
22
|
-
import { rangeValueManager } from '../
|
|
22
|
+
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
23
23
|
import { useDragRange } from './useDragRange';
|
|
24
|
-
import { useRangePosition } from '../
|
|
24
|
+
import { useRangePosition } from '../internals/hooks/useRangePosition';
|
|
25
25
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
26
26
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
27
27
|
var releaseInfo = getReleaseInfo();
|
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import useEventCallback from '@mui/utils/useEventCallback';
|
|
5
|
-
import { isEndOfRange, isStartOfRange } from '../
|
|
5
|
+
import { isEndOfRange, isStartOfRange } from '../internals/utils/date-utils';
|
|
6
6
|
var resolveDateFromTarget = function resolveDateFromTarget(target, utils, timezone) {
|
|
7
7
|
var timestampString = target.dataset.timestamp;
|
|
8
8
|
if (!timestampString) {
|
|
@@ -11,7 +11,7 @@ import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
|
11
11
|
import { useUtils } from '@mui/x-date-pickers/internals';
|
|
12
12
|
import { PickersDay, pickersDayClasses } from '@mui/x-date-pickers/PickersDay';
|
|
13
13
|
import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from './dateRangePickerDayClasses';
|
|
14
|
-
import { getReleaseInfo } from '../
|
|
14
|
+
import { getReleaseInfo } from '../internals/utils/releaseInfo';
|
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
16
|
var releaseInfo = getReleaseInfo();
|
|
17
17
|
var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
@@ -3,12 +3,12 @@ import * as React from 'react';
|
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { extractValidationProps } from '@mui/x-date-pickers/internals';
|
|
5
5
|
import { resolveComponentProps } from '@mui/base/utils';
|
|
6
|
-
import { rangeValueManager } from '../
|
|
6
|
+
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
7
7
|
import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
|
|
8
8
|
import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
9
9
|
import { MultiInputDateRangeField } from '../MultiInputDateRangeField';
|
|
10
|
-
import { useDesktopRangePicker } from '../
|
|
11
|
-
import { validateDateRange } from '../
|
|
10
|
+
import { useDesktopRangePicker } from '../internals/hooks/useDesktopRangePicker';
|
|
11
|
+
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
12
12
|
var DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateRangePicker(inProps, ref) {
|
|
13
13
|
var _defaultizedProps$cal, _defaultizedProps$slo2;
|
|
14
14
|
// Props with the default values common to all date time pickers
|
|
@@ -5,12 +5,12 @@ import * as React from 'react';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import { extractValidationProps } from '@mui/x-date-pickers/internals';
|
|
7
7
|
import { resolveComponentProps } from '@mui/base/utils';
|
|
8
|
-
import { rangeValueManager } from '../
|
|
8
|
+
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
9
9
|
import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
|
|
10
10
|
import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
11
11
|
import { MultiInputDateRangeField } from '../MultiInputDateRangeField';
|
|
12
|
-
import { useMobileRangePicker } from '../
|
|
13
|
-
import { validateDateRange } from '../
|
|
12
|
+
import { useMobileRangePicker } from '../internals/hooks/useMobileRangePicker';
|
|
13
|
+
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
14
14
|
var MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
|
|
15
15
|
var _defaultizedProps$slo2;
|
|
16
16
|
// Props with the default values common to all date time pickers
|
|
@@ -11,7 +11,7 @@ import Typography from '@mui/material/Typography';
|
|
|
11
11
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
12
12
|
import { useSlotProps } from '@mui/base/utils';
|
|
13
13
|
import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
14
|
-
import { useMultiInputDateRangeField } from '../
|
|
14
|
+
import { useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';
|
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
16
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
17
|
var MultiInputDateRangeFieldRoot = styled( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { MultiInputDateRangeField } from './MultiInputDateRangeField';
|
|
2
|
-
export { useMultiInputDateRangeField as unstable_useMultiInputDateRangeField } from '../
|
|
2
|
+
export { useMultiInputDateRangeField as unstable_useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';
|
|
@@ -11,7 +11,7 @@ import Typography from '@mui/material/Typography';
|
|
|
11
11
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
12
12
|
import { useSlotProps } from '@mui/base/utils';
|
|
13
13
|
import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
14
|
-
import { useMultiInputDateTimeRangeField } from '../
|
|
14
|
+
import { useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
|
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
16
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
17
|
var MultiInputDateTimeRangeFieldRoot = styled( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { MultiInputDateTimeRangeField } from './MultiInputDateTimeRangeField';
|
|
2
|
-
export { useMultiInputDateTimeRangeField as unstable_useMultiInputDateTimeRangeField } from '../
|
|
2
|
+
export { useMultiInputDateTimeRangeField as unstable_useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
|