@mui/x-date-pickers-pro 6.0.0-alpha.10 → 6.0.0-alpha.12
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 +241 -0
- package/DateRangeCalendar/DateRangeCalendar.d.ts +1 -1
- package/DateRangeCalendar/DateRangeCalendar.js +220 -108
- package/DateRangeCalendar/DateRangeCalendar.types.d.ts +21 -10
- package/DateRangeCalendar/dateRangeCalendarClasses.d.ts +3 -1
- package/DateRangeCalendar/dateRangeCalendarClasses.js +1 -1
- package/DateRangeCalendar/useDragRange.d.ts +32 -0
- package/DateRangeCalendar/useDragRange.js +238 -0
- package/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/DateRangePicker/DateRangePicker.js +0 -1
- package/DateRangePicker/DateRangePickerInput.d.ts +3 -3
- package/DateRangePicker/DateRangePickerInput.js +16 -16
- package/DateRangePicker/DateRangePickerToolbar.d.ts +2 -2
- package/DateRangePicker/DateRangePickerToolbar.js +6 -6
- package/DateRangePicker/DateRangePickerView.d.ts +3 -3
- package/DateRangePicker/DateRangePickerView.js +16 -16
- package/DateRangePicker/DateRangePickerViewDesktop.d.ts +2 -2
- package/DateRangePicker/DateRangePickerViewDesktop.js +3 -3
- package/DateRangePicker/date-range-manager.d.ts +12 -5
- package/DateRangePicker/date-range-manager.js +16 -7
- package/DateRangePicker/dateRangePickerInputClasses.d.ts +1 -1
- package/DateRangePicker/dateRangePickerToolbarClasses.d.ts +1 -1
- package/DateRangePicker/dateRangePickerViewDesktopClasses.d.ts +1 -1
- package/DateRangePickerDay/DateRangePickerDay.d.ts +7 -3
- package/DateRangePickerDay/DateRangePickerDay.js +24 -24
- package/DateRangePickerDay/dateRangePickerDayClasses.d.ts +3 -3
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +1 -1
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -6
- package/DesktopNextDateRangePicker/DesktopNextDateRangePicker.d.ts +1 -1
- package/DesktopNextDateRangePicker/DesktopNextDateRangePicker.js +6 -2
- package/DesktopNextDateRangePicker/DesktopNextDateRangePicker.types.d.ts +1 -1
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +1 -1
- package/MobileDateRangePicker/MobileDateRangePicker.js +5 -6
- package/MobileNextDateRangePicker/MobileNextDateRangePicker.d.ts +1 -1
- package/MobileNextDateRangePicker/MobileNextDateRangePicker.js +6 -2
- package/MobileNextDateRangePicker/MobileNextDateRangePicker.types.d.ts +1 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +1 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.js +10 -3
- package/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +7 -4
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +1 -1
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +5 -4
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +1 -1
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +5 -4
- package/NextDateRangePicker/NextDateRangePicker.d.ts +1 -1
- package/NextDateRangePicker/NextDateRangePicker.js +5 -0
- package/NextDateRangePicker/shared.d.ts +1 -1
- package/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +1 -1
- package/SingleInputDateRangeField/SingleInputDateRangeField.interfaces.d.ts +2 -2
- package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +3 -3
- package/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +1 -1
- package/SingleInputDateRangeField/useSingleInputDateRangeField.js +1 -2
- package/StaticDateRangePicker/StaticDateRangePicker.d.ts +1 -1
- package/StaticDateRangePicker/StaticDateRangePicker.js +5 -5
- package/StaticNextDateRangePicker/StaticNextDateRangePicker.d.ts +1 -1
- package/StaticNextDateRangePicker/StaticNextDateRangePicker.js +8 -3
- package/StaticNextDateRangePicker/StaticNextDateRangePicker.types.d.ts +5 -4
- package/index.d.ts +1 -1
- package/index.js +1 -1
- package/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.js +19 -7
- package/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +7 -8
- package/internal/hooks/useMobileRangePicker/useMobileRangePicker.js +17 -7
- package/internal/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +7 -8
- package/internal/hooks/useMultiInputRangeField/useMultiInputRangeField.types.d.ts +1 -1
- package/internal/hooks/useRangePickerInputProps.d.ts +6 -4
- package/internal/hooks/useRangePickerInputProps.js +17 -15
- package/internal/hooks/useStaticRangePicker/index.d.ts +2 -0
- package/internal/hooks/useStaticRangePicker/index.js +1 -0
- package/internal/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +10 -0
- package/internal/hooks/useStaticRangePicker/useStaticRangePicker.js +67 -0
- package/internal/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +29 -0
- package/internal/hooks/useStaticRangePicker/useStaticRangePicker.types.js +1 -0
- package/internal/hooks/validation/useDateRangeValidation.d.ts +2 -3
- package/internal/hooks/validation/useDateRangeValidation.js +0 -1
- package/internal/hooks/validation/useDateTimeRangeValidation.d.ts +2 -3
- package/internal/hooks/validation/useDateTimeRangeValidation.js +0 -1
- package/internal/hooks/validation/useTimeRangeValidation.d.ts +2 -3
- package/internal/hooks/validation/useTimeRangeValidation.js +0 -1
- package/internal/models/dateRange.d.ts +2 -3
- package/internal/models/dateTimeRange.d.ts +2 -3
- package/internal/models/fields.d.ts +6 -1
- package/internal/models/range.d.ts +6 -9
- package/internal/models/timeRange.d.ts +2 -3
- package/internal/utils/date-fields-utils.d.ts +5 -5
- package/internal/utils/releaseInfo.js +1 -1
- package/internal/utils/valueManagers.d.ts +5 -5
- package/internal/utils/valueManagers.js +11 -7
- package/internal/utils/{views.d.ts → viewRenderers.d.ts} +1 -1
- package/{modern/internal/utils/views.js → internal/utils/viewRenderers.js} +10 -6
- package/legacy/DateRangeCalendar/DateRangeCalendar.js +188 -69
- package/legacy/DateRangeCalendar/dateRangeCalendarClasses.js +1 -1
- package/legacy/DateRangeCalendar/useDragRange.js +247 -0
- package/legacy/DateRangePicker/DateRangePicker.js +0 -1
- package/legacy/DateRangePicker/DateRangePickerInput.js +16 -16
- package/legacy/DateRangePicker/DateRangePickerToolbar.js +7 -7
- package/legacy/DateRangePicker/DateRangePickerView.js +16 -16
- package/legacy/DateRangePicker/DateRangePickerViewDesktop.js +3 -3
- package/legacy/DateRangePicker/date-range-manager.js +17 -7
- package/legacy/DateRangePickerDay/DateRangePickerDay.js +23 -23
- package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js +6 -7
- package/legacy/DesktopNextDateRangePicker/DesktopNextDateRangePicker.js +6 -2
- package/legacy/MobileDateRangePicker/MobileDateRangePicker.js +6 -7
- package/legacy/MobileNextDateRangePicker/MobileNextDateRangePicker.js +6 -2
- package/legacy/MultiInputDateRangeField/MultiInputDateRangeField.js +9 -2
- package/legacy/NextDateRangePicker/NextDateRangePicker.js +5 -0
- package/legacy/SingleInputDateRangeField/useSingleInputDateRangeField.js +1 -2
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +6 -6
- package/legacy/StaticNextDateRangePicker/StaticNextDateRangePicker.js +9 -4
- package/legacy/index.js +1 -1
- package/legacy/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.js +20 -8
- package/legacy/internal/hooks/useMobileRangePicker/useMobileRangePicker.js +18 -8
- package/legacy/internal/hooks/useRangePickerInputProps.js +17 -15
- package/legacy/internal/hooks/useStaticRangePicker/index.js +1 -0
- package/legacy/internal/hooks/useStaticRangePicker/useStaticRangePicker.js +70 -0
- package/legacy/internal/hooks/useStaticRangePicker/useStaticRangePicker.types.js +1 -0
- package/legacy/internal/hooks/validation/useDateRangeValidation.js +0 -3
- package/legacy/internal/hooks/validation/useDateTimeRangeValidation.js +0 -3
- package/legacy/internal/hooks/validation/useTimeRangeValidation.js +0 -3
- package/legacy/internal/utils/releaseInfo.js +1 -1
- package/legacy/internal/utils/valueManagers.js +10 -6
- package/legacy/internal/utils/{views.js → viewRenderers.js} +10 -6
- package/modern/DateRangeCalendar/DateRangeCalendar.js +218 -107
- package/modern/DateRangeCalendar/dateRangeCalendarClasses.js +1 -1
- package/modern/DateRangeCalendar/useDragRange.js +237 -0
- package/modern/DateRangePicker/DateRangePicker.js +0 -1
- package/modern/DateRangePicker/DateRangePickerInput.js +16 -16
- package/modern/DateRangePicker/DateRangePickerToolbar.js +6 -6
- package/modern/DateRangePicker/DateRangePickerView.js +16 -16
- package/modern/DateRangePicker/DateRangePickerViewDesktop.js +3 -3
- package/modern/DateRangePicker/date-range-manager.js +16 -7
- package/modern/DateRangePickerDay/DateRangePickerDay.js +24 -24
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -6
- package/modern/DesktopNextDateRangePicker/DesktopNextDateRangePicker.js +6 -2
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +5 -6
- package/modern/MobileNextDateRangePicker/MobileNextDateRangePicker.js +6 -2
- package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +10 -3
- package/modern/NextDateRangePicker/NextDateRangePicker.js +5 -0
- package/modern/SingleInputDateRangeField/useSingleInputDateRangeField.js +1 -2
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +5 -5
- package/modern/StaticNextDateRangePicker/StaticNextDateRangePicker.js +8 -3
- package/modern/index.js +1 -1
- package/modern/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.js +19 -7
- package/modern/internal/hooks/useMobileRangePicker/useMobileRangePicker.js +17 -7
- package/modern/internal/hooks/useRangePickerInputProps.js +16 -15
- package/modern/internal/hooks/useStaticRangePicker/index.js +1 -0
- package/modern/internal/hooks/useStaticRangePicker/useStaticRangePicker.js +67 -0
- package/modern/internal/hooks/useStaticRangePicker/useStaticRangePicker.types.js +1 -0
- package/modern/internal/hooks/validation/useDateRangeValidation.js +0 -1
- package/modern/internal/hooks/validation/useDateTimeRangeValidation.js +0 -1
- package/modern/internal/hooks/validation/useTimeRangeValidation.js +0 -1
- package/modern/internal/utils/releaseInfo.js +1 -1
- package/modern/internal/utils/valueManagers.js +11 -7
- package/{internal/utils/views.js → modern/internal/utils/viewRenderers.js} +10 -6
- package/node/DateRangeCalendar/DateRangeCalendar.js +215 -104
- package/node/DateRangeCalendar/dateRangeCalendarClasses.js +1 -1
- package/node/DateRangeCalendar/useDragRange.js +247 -0
- package/node/DateRangePicker/DateRangePicker.js +0 -1
- package/node/DateRangePicker/DateRangePickerInput.js +16 -16
- package/node/DateRangePicker/DateRangePickerToolbar.js +6 -6
- package/node/DateRangePicker/DateRangePickerView.js +16 -16
- package/node/DateRangePicker/DateRangePickerViewDesktop.js +3 -3
- package/node/DateRangePicker/date-range-manager.js +16 -7
- package/node/DateRangePickerDay/DateRangePickerDay.js +23 -23
- package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -6
- package/node/DesktopNextDateRangePicker/DesktopNextDateRangePicker.js +7 -3
- package/node/MobileDateRangePicker/MobileDateRangePicker.js +5 -6
- package/node/MobileNextDateRangePicker/MobileNextDateRangePicker.js +7 -3
- package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +10 -3
- package/node/NextDateRangePicker/NextDateRangePicker.js +5 -0
- package/node/SingleInputDateRangeField/useSingleInputDateRangeField.js +1 -2
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +5 -5
- package/node/StaticNextDateRangePicker/StaticNextDateRangePicker.js +9 -4
- package/node/index.js +1 -1
- package/node/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.js +19 -7
- package/node/internal/hooks/useMobileRangePicker/useMobileRangePicker.js +17 -7
- package/node/internal/hooks/useRangePickerInputProps.js +16 -15
- package/node/internal/hooks/useStaticRangePicker/index.js +12 -0
- package/node/internal/hooks/useStaticRangePicker/useStaticRangePicker.js +77 -0
- package/node/internal/hooks/useStaticRangePicker/useStaticRangePicker.types.js +5 -0
- package/node/internal/hooks/validation/useDateRangeValidation.js +1 -3
- package/node/internal/hooks/validation/useDateTimeRangeValidation.js +1 -3
- package/node/internal/hooks/validation/useTimeRangeValidation.js +1 -3
- package/node/internal/utils/releaseInfo.js +1 -1
- package/node/internal/utils/valueManagers.js +12 -8
- package/node/internal/utils/{views.js → viewRenderers.js} +10 -6
- package/package.json +4 -4
- package/SingleInputDateRangeField/SingleInputDateRangeField.utils.d.ts +0 -6
- package/SingleInputDateRangeField/SingleInputDateRangeField.utils.js +0 -24
- package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.utils.js +0 -26
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.utils.js +0 -24
- package/node/SingleInputDateRangeField/SingleInputDateRangeField.utils.js +0 -33
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,193 @@
|
|
|
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.0.0-alpha.12
|
|
7
|
+
|
|
8
|
+
_Dec 16, 2022_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 🚀 The `apiRef` prop is now available in the `@mui/x-data-grid` package:
|
|
13
|
+
|
|
14
|
+
```tsx
|
|
15
|
+
const apiRef = useGridApiRef();
|
|
16
|
+
|
|
17
|
+
return (
|
|
18
|
+
<DataGrid apiRef={apiRef} {...other} />
|
|
19
|
+
)
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
See [the documentation](https://next.mui.com/x/react-data-grid/api-object/) for more information.
|
|
23
|
+
|
|
24
|
+
- 🎁 The `DataGridPremium` now supports cell selection:
|
|
25
|
+
|
|
26
|
+
```tsx
|
|
27
|
+
<DataGridPremium unstable_cellSelection />
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
See [the documentation](https://next.mui.com/x/react-data-grid/selection/#cell-selection) for more information
|
|
31
|
+
|
|
32
|
+
- 🌍 Support the Right To Left orientation on the fields components
|
|
33
|
+
- 📚 Documentation improvements
|
|
34
|
+
- 🐞 Bugfixes
|
|
35
|
+
|
|
36
|
+
### `@mui/x-data-grid@v6.0.0-alpha.12` / `@mui/x-data-grid-pro@v6.0.0-alpha.12` / `@mui/x-data-grid-premium@v6.0.0-alpha.12`
|
|
37
|
+
|
|
38
|
+
#### Breaking changes
|
|
39
|
+
|
|
40
|
+
- The `showCellRightBorder` was renamed to `showCellVerticalBorder`
|
|
41
|
+
- The `showColumnRightBorder` was renamed to `showColumnVerticalBorder`
|
|
42
|
+
- The `.MuiDataGrid-withBorder` CSS class was renamed to `.MuiDataGrid-withBorderColor` and it only sets `border-color` CSS property now.
|
|
43
|
+
- The following undocumented properties from `apiRef` were removed: `footerRef`, `headerRef`, `columnHeadersElementRef`, `columnHeadersContainerElementRef`
|
|
44
|
+
- The `GridHeaderPlaceholder` component was removed.
|
|
45
|
+
- The `MAX_PAGE_SIZE` constant was removed.
|
|
46
|
+
- The `useGridScrollFn` hook was removed.
|
|
47
|
+
|
|
48
|
+
#### Changes
|
|
49
|
+
|
|
50
|
+
- [DataGrid] Display sort column menu items as per `sortingOrder` prop (#7180) @MBilalShafi
|
|
51
|
+
- [DataGrid] Support `apiRef` in Community package (#6773) @cherniavskii
|
|
52
|
+
- [DataGridPremium] Add support for cell selection (#6567) @m4theushw
|
|
53
|
+
- [DataGridPremium] Use separate cache for aggregation columns pre-processor (#7142) @m4theushw
|
|
54
|
+
- [DataGridPro] Fix missing border in right-pinned columns (#4197) @cherniavskii
|
|
55
|
+
- [DataGridPro] Fix wrong border color on skeleton cells (#7202) @cherniavskii
|
|
56
|
+
|
|
57
|
+
### `@mui/x-date-pickers@v6.0.0-alpha.12` / `@mui/x-date-pickers-pro@v6.0.0-alpha.12`
|
|
58
|
+
|
|
59
|
+
#### Changes
|
|
60
|
+
|
|
61
|
+
- [fields] Fix bug introduced by RTL in single input range fields (#7189) @alexfauquette
|
|
62
|
+
- [fields] Support RTL out of the box (#6715) @alexfauquette
|
|
63
|
+
- [pickers] Clean `autoFocus` behavior on fields and new pickers (#7153) @flaviendelangle
|
|
64
|
+
- [pickers] Fix label on the new range pickers (#7210) @flaviendelangle
|
|
65
|
+
- [pickers] Fix wrong component name on `StaticNextDateTime` (#7187) @flaviendelangle
|
|
66
|
+
|
|
67
|
+
### Docs
|
|
68
|
+
|
|
69
|
+
- [docs] Add docs section about field placeholders' localization (#7139) @flaviendelangle
|
|
70
|
+
- [docs] Create a `DemoGrid` component to unify demos with several components (#7057) @flaviendelangle
|
|
71
|
+
- [docs] Document aggregation selectors (#7148) @cherniavskii
|
|
72
|
+
- [docs] Fix 301 links to demo pages in API pages (#7197) @oliviertassinari
|
|
73
|
+
- [docs] Fix errors and warning in demos (#7209) @LukasTy
|
|
74
|
+
- [docs] Use `DemoContainer` and `DemoItem` on every picker demo (#7149) @flaviendelangle
|
|
75
|
+
|
|
76
|
+
### Core
|
|
77
|
+
|
|
78
|
+
- [core] Fix broken test (#7179) @flaviendelangle
|
|
79
|
+
|
|
80
|
+
## 6.0.0-alpha.11
|
|
81
|
+
|
|
82
|
+
_Dec 8, 2022_
|
|
83
|
+
|
|
84
|
+
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
|
|
85
|
+
|
|
86
|
+
- 🚀 Add dragging support for the new Date Range Picker (`NextDateRangePicker`) (#6763) @LukasTy
|
|
87
|
+
- ⚡️ Improve performance of the `day` view (#7066) @flaviendelangle
|
|
88
|
+
- ✨ Fix lazy-loading feature not working in `DataGridPremium` (#7124) @m4theushw
|
|
89
|
+
- 🐞 Bugfixes
|
|
90
|
+
|
|
91
|
+
### `@mui/x-data-grid@v6.0.0-alpha.11` / `@mui/x-data-grid-pro@v6.0.0-alpha.11` / `@mui/x-data-grid-premium@v6.0.0-alpha.11`
|
|
92
|
+
|
|
93
|
+
#### Breaking changes
|
|
94
|
+
|
|
95
|
+
- The `filterPanelOperators` translation key was renamed to `filterPanelOperator` (#7062) @MBilalShafi
|
|
96
|
+
- The `components.Header` slot was removed. Use `components.Toolbar` slot instead (#6999) @cherniavskii
|
|
97
|
+
|
|
98
|
+
#### Changes
|
|
99
|
+
|
|
100
|
+
- [DataGrid] Fix rows not rendering properly after height change (#6892) @MBilalShafi
|
|
101
|
+
- [DataGrid] Remove `Header` slot (#6999) @cherniavskii
|
|
102
|
+
- [DataGrid] Rename `filterPanelOperators` -> `filterPanelOperator` (#7062) @MBilalShafi
|
|
103
|
+
- [DataGridPremium] Add support for lazy-loading (#7124) @m4theushw
|
|
104
|
+
- [DataGridPremium] Pass `groupId` to aggregation function (#7003) @m4theushw
|
|
105
|
+
|
|
106
|
+
### `@mui/x-date-pickers@v6.0.0-alpha.11` / `@mui/x-date-pickers-pro@v6.0.0-alpha.11`
|
|
107
|
+
|
|
108
|
+
#### Breaking changes
|
|
109
|
+
|
|
110
|
+
- Remove the callback version of the `action` prop on the `actionBar` slot (#7038) @flaviendelangle
|
|
111
|
+
|
|
112
|
+
The `action` prop of the `actionBar` slot is no longer supporting a callback.
|
|
113
|
+
Instead, you can pass a callback at the slot level:
|
|
114
|
+
|
|
115
|
+
```diff
|
|
116
|
+
<DatePicker
|
|
117
|
+
componentsProps={{
|
|
118
|
+
- actionBar: {
|
|
119
|
+
- actions: (variant) => (variant === 'desktop' ? [] : ['clear']),
|
|
120
|
+
- },
|
|
121
|
+
+ actionBar: ({ wrapperVariant }) => ({
|
|
122
|
+
+ actions: wrapperVariant === 'desktop' ? [] : ['clear'],
|
|
123
|
+
+ }),
|
|
124
|
+
}}
|
|
125
|
+
/>
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
- The `selectedDays` prop has been removed from the `Day` component (#7066) @flaviendelangle
|
|
129
|
+
If you need to access it, you can control the value and pass it to the slot using `componentsProps`:
|
|
130
|
+
|
|
131
|
+
```tsx
|
|
132
|
+
function CustomDay({ selectedDay, ...other }) {
|
|
133
|
+
// do something with 'selectedDay'
|
|
134
|
+
return <PickersDay {...other} />;
|
|
135
|
+
}
|
|
136
|
+
function App() {
|
|
137
|
+
const [value, setValue] = React.useState(null);
|
|
138
|
+
return (
|
|
139
|
+
<DatePicker
|
|
140
|
+
value={value}
|
|
141
|
+
onChange={(newValue) => setValue(newValue)}
|
|
142
|
+
components={{ Day: CustomDay }}
|
|
143
|
+
componentsProps={{
|
|
144
|
+
day: { selectedDay: value },
|
|
145
|
+
}}
|
|
146
|
+
/>
|
|
147
|
+
);
|
|
148
|
+
}
|
|
149
|
+
```
|
|
150
|
+
|
|
151
|
+
- The `currentlySelectingRangeEnd` / `setCurrentlySelectingRangeEnd` props on the Date Range Picker toolbar have been renamed to `rangePosition` / `onRangePositionChange` (#6989) @flaviendelangle
|
|
152
|
+
|
|
153
|
+
```diff
|
|
154
|
+
const CustomToolbarComponent = props => (
|
|
155
|
+
<div>
|
|
156
|
+
- <button onChange={() => props.setCurrentlySelectingRangeEnd('end')}>Edit end date</button>
|
|
157
|
+
+ <button onClick={() => props.onRangePositionChange('end')}>Edit end date</button>
|
|
158
|
+
- <div>Is editing end date: {props.currentlySelectingRangeEnd === 'end'}</div>
|
|
159
|
+
+ <div>Is editing end date: {props.rangePosition === 'end'}</div>
|
|
160
|
+
</div>
|
|
161
|
+
)
|
|
162
|
+
<DateRangePicker
|
|
163
|
+
components={{
|
|
164
|
+
Toolbar: CustomToolbarComponent
|
|
165
|
+
}}
|
|
166
|
+
/>
|
|
167
|
+
```
|
|
168
|
+
|
|
169
|
+
#### Changes
|
|
170
|
+
|
|
171
|
+
- [DateRangePicker] Add dragging support to edit range (#6763) @LukasTy
|
|
172
|
+
- [pickers] Fix lost props on Date Range Pickers (#7092) @flaviendelangle
|
|
173
|
+
- [pickers] Fix toolbar on the new range pickers (#6989) @flaviendelangle
|
|
174
|
+
- [pickers] Improve performance of `DayCalendar` (#7066) @flaviendelangle
|
|
175
|
+
- [pickers] Initialize date without time when selecting year or month (#7120) @LukasTy
|
|
176
|
+
- [pickers] Remove the callback version of the `action` prop in the `actionBar` component slot (#7038) @flaviendelangle
|
|
177
|
+
|
|
178
|
+
### Docs
|
|
179
|
+
|
|
180
|
+
- [docs] Add `GridCell` change in migration guide (#7087) @MBilalShafi
|
|
181
|
+
- [docs] Fix API page ad space regression (#7051) @oliviertassinari
|
|
182
|
+
- [docs] Update localization doc to use existing locale (#7102) @LukasTy
|
|
183
|
+
|
|
184
|
+
### Core
|
|
185
|
+
|
|
186
|
+
- [core] Add codemod to move l10n translation (#7027) @alexfauquette
|
|
187
|
+
- [core] Add notes to remove the legacy pickers internals (#7133) @flaviendelangle
|
|
188
|
+
- [core] Remove `internals-fields` imports (#7119) @flaviendelangle
|
|
189
|
+
- [core] Remove unused code (#7094) @flaviendelangle
|
|
190
|
+
- [core] Sync `ApiPage.js` with monorepo (#7073) @oliviertassinari
|
|
191
|
+
- [test] Fix karma-mocha assertion error messages (#7054) @cherniavskii
|
|
192
|
+
|
|
6
193
|
## 6.0.0-alpha.10
|
|
7
194
|
|
|
8
195
|
_Dec 1, 2022_
|
|
@@ -1188,6 +1375,60 @@ You can find more information about the new api, including how to set those tran
|
|
|
1188
1375
|
- [test] Skip tests for column pinning and dynamic row height (#5997) @m4theushw
|
|
1189
1376
|
- [website] Improve security header @oliviertassinari
|
|
1190
1377
|
|
|
1378
|
+
## 5.17.16
|
|
1379
|
+
|
|
1380
|
+
_Dec 16, 2022_
|
|
1381
|
+
|
|
1382
|
+
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
|
|
1383
|
+
|
|
1384
|
+
- 🐞 Bugfixes
|
|
1385
|
+
|
|
1386
|
+
### `@mui/x-data-grid@v5.17.16` / `@mui/x-data-grid-pro@v5.17.16` / `@mui/x-data-grid-premium@v5.17.16`
|
|
1387
|
+
|
|
1388
|
+
#### Changes
|
|
1389
|
+
|
|
1390
|
+
- [DataGrid] Display sort column menu items as per `sortingOrder` prop (#7125) @hanbin9775
|
|
1391
|
+
- [DataGrid] Fix flickering on mount (#7155) @cherniavskii
|
|
1392
|
+
- [DataGridPremium] Use separate cache for aggregation columns pre-processor (#7174) @m4theushw
|
|
1393
|
+
|
|
1394
|
+
### `@mui/x-date-pickers@v5.0.11` / `@mui/x-date-pickers-pro@v5.0.11`
|
|
1395
|
+
|
|
1396
|
+
#### Changes
|
|
1397
|
+
|
|
1398
|
+
- [DateTimePicker] Update export pattern (#7172) @kealjones-wk
|
|
1399
|
+
|
|
1400
|
+
### Docs
|
|
1401
|
+
|
|
1402
|
+
- [docs] Document aggregation selectors (#7151) @cherniavskii
|
|
1403
|
+
|
|
1404
|
+
## 5.17.15
|
|
1405
|
+
|
|
1406
|
+
_Dec 8, 2022_
|
|
1407
|
+
|
|
1408
|
+
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
|
|
1409
|
+
|
|
1410
|
+
- ✨ Fix lazy-loading not working in `DataGridPremium` (#7130) @m4theushw
|
|
1411
|
+
- 🐞 Bugfixes
|
|
1412
|
+
|
|
1413
|
+
### `@mui/x-data-grid@v5.17.15` / `@mui/x-data-grid-pro@v5.17.15` / `@mui/x-data-grid-premium@v5.17.15`
|
|
1414
|
+
|
|
1415
|
+
#### Changes
|
|
1416
|
+
|
|
1417
|
+
- [DataGridPremium] Add support for lazy-loading (#7130) @m4theushw
|
|
1418
|
+
- [DataGridPremium] Pass `groupId` to the aggregation function (#7143) @m4theushw
|
|
1419
|
+
|
|
1420
|
+
### `@mui/x-date-pickers@v5.0.10` / `@mui/x-date-pickers-pro@v5.0.10`
|
|
1421
|
+
|
|
1422
|
+
#### Changes
|
|
1423
|
+
|
|
1424
|
+
- [pickers] Initialize date without time when selecting year or month (#7136) @LukasTy
|
|
1425
|
+
|
|
1426
|
+
### Docs
|
|
1427
|
+
|
|
1428
|
+
- [docs] Fix the nested import on the api pages (#7134) @flaviendelangle
|
|
1429
|
+
- [docs] Keep track of the localization completion (#7099) @alexfauquette
|
|
1430
|
+
- [docs] Update localization doc to use existing locale (#7104) @LukasTy
|
|
1431
|
+
|
|
1191
1432
|
## 5.17.14
|
|
1192
1433
|
|
|
1193
1434
|
_Dec 1, 2022_
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DateRangeCalendarProps } from './DateRangeCalendar.types';
|
|
3
|
-
|
|
3
|
+
type DateRangeCalendarComponent = (<TDate>(props: DateRangeCalendarProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
declare const DateRangeCalendar: DateRangeCalendarComponent;
|