@mui/x-date-pickers-pro 9.7.0 β 9.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +249 -1
- package/DateRangeCalendar/DateRangeCalendar.js +13 -5
- package/DateRangeCalendar/DateRangeCalendar.mjs +13 -5
- package/DateRangePickerDay/DateRangePickerDay.js +2 -2
- package/DateRangePickerDay/DateRangePickerDay.mjs +2 -2
- package/DateTimeRangePicker/DateTimeRangePickerTabs.d.mts +1 -1
- package/DateTimeRangePicker/DateTimeRangePickerTabs.d.ts +1 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.mjs +1 -1
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +1 -1
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.mjs +1 -1
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -1
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.mjs +1 -1
- package/TimeRangePicker/TimeRangePickerTabs.d.mts +1 -1
- package/TimeRangePicker/TimeRangePickerTabs.d.ts +1 -1
- package/dateRangeViewRenderers/dateRangeViewRenderers.d.mts +1 -1
- package/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +1 -1
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.mts +1 -1
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -1
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +2 -2
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.mjs +2 -2
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.mts +1 -1
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -1
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +2 -2
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.mjs +2 -2
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.mts +1 -1
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,254 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 9.9.0
|
|
4
|
+
|
|
5
|
+
_Jul 9, 2026_
|
|
6
|
+
|
|
7
|
+
We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights β¨:
|
|
8
|
+
|
|
9
|
+
- π [Data sampling](https://mui.com/x/react-charts/performance/#sampling) for better performance with large bar and line charts
|
|
10
|
+
- πΊοΈ [Maps zoom support](https://mui.com/x/react-charts/map/#zoom)
|
|
11
|
+
- βοΈ Support [applying filters on demand](https://mui.com/x/react-data-grid/filtering/customization/#apply-filters-on-demand) in the Data Grid
|
|
12
|
+
- π Bugfixes
|
|
13
|
+
- π Documentation improvements
|
|
14
|
+
|
|
15
|
+
Special thanks go out to these community members for their valuable contributions:
|
|
16
|
+
@mustafajw07, @sebastianfrey
|
|
17
|
+
|
|
18
|
+
The following team members contributed to this release:
|
|
19
|
+
@aemartos, @alexfauquette, @brijeshb42, @hasdfa, @Janpot, @JCQuintas, @LukasTy, @rita-codes, @sai6855
|
|
20
|
+
|
|
21
|
+
### Data Grid
|
|
22
|
+
|
|
23
|
+
#### `@mui/x-data-grid@9.9.0`
|
|
24
|
+
|
|
25
|
+
- [DataGrid] Add `dataSourceKeepPreviousData` prop (#22554) @LukasTy
|
|
26
|
+
- [DataGrid] Add controlled filter panel for applying filters on demand (#23023) @sebastianfrey
|
|
27
|
+
|
|
28
|
+
#### `@mui/x-data-grid-pro@9.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
29
|
+
|
|
30
|
+
Same changes as in `@mui/x-data-grid@9.9.0`.
|
|
31
|
+
|
|
32
|
+
#### `@mui/x-data-grid-premium@9.9.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
33
|
+
|
|
34
|
+
Same changes as in `@mui/x-data-grid-pro@9.9.0`.
|
|
35
|
+
|
|
36
|
+
### Date and Time Pickers
|
|
37
|
+
|
|
38
|
+
#### `@mui/x-date-pickers@9.9.0`
|
|
39
|
+
|
|
40
|
+
Internal changes.
|
|
41
|
+
|
|
42
|
+
#### `@mui/x-date-pickers-pro@9.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
43
|
+
|
|
44
|
+
Same changes as in `@mui/x-date-pickers@9.9.0`, plus:
|
|
45
|
+
|
|
46
|
+
- [DateRangeCalendar] Avoid unnecessary month switch when the value is already visible (#22996) @LukasTy
|
|
47
|
+
|
|
48
|
+
### Charts
|
|
49
|
+
|
|
50
|
+
#### `@mui/x-charts@9.9.0`
|
|
51
|
+
|
|
52
|
+
- [charts] Optimize and de-duplicate sampled axis-highlight band lookup (#23052) @JCQuintas
|
|
53
|
+
- [charts] Unify tooltip item position getter and selector into a single selector API (#23041) @alexfauquette
|
|
54
|
+
- [charts] Fix impossible condition in axis text angle warning (#23102) @sai6855
|
|
55
|
+
|
|
56
|
+
#### `@mui/x-charts-pro@9.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
57
|
+
|
|
58
|
+
Same changes as in `@mui/x-charts@9.9.0`, plus:
|
|
59
|
+
|
|
60
|
+
- [charts-pro] Add data sampling for large bar and line charts (#22830) @JCQuintas
|
|
61
|
+
- [charts-pro] Allow sampling on non-zoomable charts (#23051) @JCQuintas
|
|
62
|
+
|
|
63
|
+
#### `@mui/x-charts-premium@9.9.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
64
|
+
|
|
65
|
+
#### Breaking changes
|
|
66
|
+
|
|
67
|
+
The API of the `Unstable_ChartsGeoDataProviderPremium` got modified.
|
|
68
|
+
Props `scale`, `rotation`, and `translation` are replaced by props `view` and `initialView`.
|
|
69
|
+
Same behavior can be obtained with `view.zoomLevel`, `view.center`, and `view.translation`.
|
|
70
|
+
See the [zoom view section](https://mui.com/x/react-charts/map/#control) for detailed information
|
|
71
|
+
|
|
72
|
+
Same changes as in `@mui/x-charts-pro@9.9.0`, plus:
|
|
73
|
+
|
|
74
|
+
- [charts-premium] Maps zoom support (#22709) @alexfauquette
|
|
75
|
+
|
|
76
|
+
### Tree View
|
|
77
|
+
|
|
78
|
+
#### `@mui/x-tree-view@9.9.0`
|
|
79
|
+
|
|
80
|
+
Internal changes.
|
|
81
|
+
|
|
82
|
+
#### `@mui/x-tree-view-pro@9.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
83
|
+
|
|
84
|
+
Same changes as in `@mui/x-tree-view@9.9.0`.
|
|
85
|
+
|
|
86
|
+
### Scheduler
|
|
87
|
+
|
|
88
|
+
#### `@mui/x-scheduler@9.0.0-beta.5`
|
|
89
|
+
|
|
90
|
+
- [scheduler] Introduce event resource helper utilities (#23022) @mustafajw07
|
|
91
|
+
- [scheduler] Preserve multi-day event continuity across overflow (#22797) @mustafajw07
|
|
92
|
+
|
|
93
|
+
#### `@mui/x-scheduler-premium@9.0.0-beta.5` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
94
|
+
|
|
95
|
+
Same changes as in `@mui/x-scheduler@9.0.0-beta.5`.
|
|
96
|
+
|
|
97
|
+
### Codemod
|
|
98
|
+
|
|
99
|
+
#### `@mui/x-codemod@9.9.0`
|
|
100
|
+
|
|
101
|
+
Internal changes.
|
|
102
|
+
|
|
103
|
+
### Docs
|
|
104
|
+
|
|
105
|
+
- [docs] Fix broken social preview image on shared docs links (#23055) @sai6855
|
|
106
|
+
- [docs] Review and clean up react-chat docs demos & gallery; fix actions-bar layout (#22993) @hasdfa
|
|
107
|
+
- [docs] Update the Pickers recommended date library bundle sizes (#23087) @LukasTy
|
|
108
|
+
|
|
109
|
+
### Core
|
|
110
|
+
|
|
111
|
+
- [mcp] Add `@mui/mcp` server and `@mui/x-agent-tools`. See the [README](https://github.com/mui/mui-x/blob/master/packages/mcp/README.md) for setup (#22947) @aemartos
|
|
112
|
+
- [code-infra] Avoid OOM in the Netlify docs build and CircleCI lint step (#23086) @LukasTy
|
|
113
|
+
- [code-infra] Group `@atlaskit/pragmatic-drag-and-drop` renovate updates (#23105) @LukasTy
|
|
114
|
+
- [code-infra] Validate npm publishing through dry run (#23038) @brijeshb42
|
|
115
|
+
- [docs-infra] Enable `webpackBuildWorker` to bound docs build memory (#23100) @Janpot
|
|
116
|
+
|
|
117
|
+
### Miscellaneous
|
|
118
|
+
|
|
119
|
+
- [test] Fix flaky "should render only the pageSize" Data Grid virtualization test (#23090) @LukasTy
|
|
120
|
+
- [test] Track `@mui/x-chat` bundle size via native expand (#23049) @Janpot
|
|
121
|
+
|
|
122
|
+
## 9.8.0
|
|
123
|
+
|
|
124
|
+
_Jul 2, 2026_
|
|
125
|
+
|
|
126
|
+
We'd like to extend a big thank you to the 18 contributors who made this release possible. Here are some highlights β¨:
|
|
127
|
+
|
|
128
|
+
- πΊοΈ New [`MapImagePlot`](https://mui.com/x/react-charts/map/) for rendering raster base maps, with `onItemClick` support on map shapes (Premium)
|
|
129
|
+
- π New [`usePolarGeometry`](https://mui.com/x/react-charts/hooks/use-polar-geometry/) hook to build custom radial overlays
|
|
130
|
+
- π Bugfixes
|
|
131
|
+
- π Documentation improvements
|
|
132
|
+
|
|
133
|
+
Special thanks go out to these community members for their valuable contributions:
|
|
134
|
+
@Anexus5919, @aromanio, @greymoth-jp, @mustafajw07, @timbuckley, @voidmatcha
|
|
135
|
+
|
|
136
|
+
The following team members contributed to this release:
|
|
137
|
+
@alexfauquette, @arminmeh, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @joserodolfofreitas, @LukasTy, @mapache-salvaje, @michelengelen, @rita-codes, @sai6855
|
|
138
|
+
|
|
139
|
+
### Data Grid
|
|
140
|
+
|
|
141
|
+
#### `@mui/x-data-grid@9.8.0`
|
|
142
|
+
|
|
143
|
+
- [DataGrid] Prevent cell editing from resurrecting a deleted row (#22958) @Anexus5919
|
|
144
|
+
- [DataGrid] Avoid reading `type` of `undefined` in `gridRowUtils` (#21808) @timbuckley
|
|
145
|
+
- [DataGrid] Improved get started tutorial (#22911) @joserodolfofreitas
|
|
146
|
+
- [l10n] Improve Japanese (ja-JP) locale (#23001) @greymoth-jp
|
|
147
|
+
|
|
148
|
+
#### `@mui/x-data-grid-pro@9.8.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
149
|
+
|
|
150
|
+
Same changes as in `@mui/x-data-grid@9.8.0`.
|
|
151
|
+
|
|
152
|
+
#### `@mui/x-data-grid-premium@9.8.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
153
|
+
|
|
154
|
+
Same changes as in `@mui/x-data-grid-pro@9.8.0`, plus:
|
|
155
|
+
|
|
156
|
+
- [DataGridPremium] Escape `singleSelect` values in Excel export with `escapeFormulas` enabled (#22851) @Anexus5919
|
|
157
|
+
|
|
158
|
+
### Date and Time Pickers
|
|
159
|
+
|
|
160
|
+
#### `@mui/x-date-pickers@9.8.0`
|
|
161
|
+
|
|
162
|
+
- [pickers] Fix localized digit crash (#22995) @alexfauquette
|
|
163
|
+
- [pickers] Flag the first and last visible day cell across year boundaries (#22981) @Anexus5919
|
|
164
|
+
- [pickers] Use calendar day tokens in `AdapterMomentHijri` and `AdapterMomentJalaali` formats (#22974) @Anexus5919
|
|
165
|
+
- [pickers] Use the Hijri day token in `AdapterMomentHijri` `normalDateWithWeekday` (#22972) @Anexus5919
|
|
166
|
+
- [l10n] Improve Romanian (ro-RO) locale (#22969) @aromanio
|
|
167
|
+
|
|
168
|
+
#### `@mui/x-date-pickers-pro@9.8.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
169
|
+
|
|
170
|
+
Same changes as in `@mui/x-date-pickers@9.8.0`, plus:
|
|
171
|
+
|
|
172
|
+
- [DateRangeCalendar] Fix auto month-switch across the year boundary (#22987) @Anexus5919
|
|
173
|
+
|
|
174
|
+
### Charts
|
|
175
|
+
|
|
176
|
+
#### `@mui/x-charts@9.8.0`
|
|
177
|
+
|
|
178
|
+
- [charts] Decouple `d3-geo` from the universal tooltip (#23011) @sai6855
|
|
179
|
+
- [charts] Deduplicate `getGroupingConfig` (#22889) @sai6855
|
|
180
|
+
- [charts] Expose `usePolarGeometry` hook for radial overlays (#22892) @mustafajw07
|
|
181
|
+
|
|
182
|
+
#### `@mui/x-charts-pro@9.8.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
183
|
+
|
|
184
|
+
Same changes as in `@mui/x-charts@9.8.0`.
|
|
185
|
+
|
|
186
|
+
#### `@mui/x-charts-premium@9.8.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
187
|
+
|
|
188
|
+
Same changes as in `@mui/x-charts-pro@9.8.0`, plus:
|
|
189
|
+
|
|
190
|
+
- [charts-premium] Add `onItemClick` support for the Map shapes (#22876) @sai6855
|
|
191
|
+
- [charts-premium] Replace `dataIndex` with `name` in map identifier (#22891) @sai6855
|
|
192
|
+
- [charts-premium] Share helper function (#23030) @alexfauquette
|
|
193
|
+
- [charts-premium] Extract shared WebGL utilities across bar/scatter/heatmap renderers (#22466) @sai6855
|
|
194
|
+
- [charts-premium] Add `MapImagePlot` for raster base maps (#22977) @JCQuintas
|
|
195
|
+
|
|
196
|
+
### Tree View
|
|
197
|
+
|
|
198
|
+
#### `@mui/x-tree-view@9.8.0`
|
|
199
|
+
|
|
200
|
+
- [TreeView] Fix extra selection event when clicking a collapsed parent item (#22249) @michelengelen
|
|
201
|
+
- [TreeView] Enforce top-level type imports (#23034) @Janpot
|
|
202
|
+
|
|
203
|
+
#### `@mui/x-tree-view-pro@9.8.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
204
|
+
|
|
205
|
+
Same changes as in `@mui/x-tree-view@9.8.0`.
|
|
206
|
+
|
|
207
|
+
### Scheduler
|
|
208
|
+
|
|
209
|
+
#### `@mui/x-scheduler@9.0.0-beta.4`
|
|
210
|
+
|
|
211
|
+
- [scheduler] Enforce top-level type imports (#22931) @Janpot
|
|
212
|
+
- [scheduler] Keep the occurrence date when editing only one recurring event (#23007) @Anexus5919
|
|
213
|
+
- [scheduler] Track bundle size of scheduler packages (#22682) @flaviendelangle
|
|
214
|
+
- [scheduler] Add `viewConfig` prop to limit displayed hours in the day and week views (#22929) @flaviendelangle
|
|
215
|
+
|
|
216
|
+
#### `@mui/x-scheduler-premium@9.0.0-beta.4` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
217
|
+
|
|
218
|
+
Same changes as in `@mui/x-scheduler@9.0.0-beta.4`, plus:
|
|
219
|
+
|
|
220
|
+
- [scheduler] Collapsible resources in the timeline (#22920) @rita-codes
|
|
221
|
+
|
|
222
|
+
### Codemod
|
|
223
|
+
|
|
224
|
+
#### `@mui/x-codemod@9.8.0`
|
|
225
|
+
|
|
226
|
+
Internal changes.
|
|
227
|
+
|
|
228
|
+
### Docs
|
|
229
|
+
|
|
230
|
+
- [docs] Add recipe for conditional master-detail panels (#22971) @michelengelen
|
|
231
|
+
- [docs] Add recipe for describing active filters in the toolbar (#22970) @michelengelen
|
|
232
|
+
- [docs] Add recipe for triggering clipboard copy from a button (#22967) @michelengelen
|
|
233
|
+
- [docs] Clarify that `fieldRef.current.focusField()` is the canonical way to focus a field (#22937) @michelengelen
|
|
234
|
+
- [docs][scheduler] Another copyediting pass across the Scheduler docs (#22619) @mapache-salvaje
|
|
235
|
+
- [docs][charts] Add map example for arbitrary GeoJSON shapes (#22976) @JCQuintas
|
|
236
|
+
- [docs][charts] Double point count in `ScatterAsyncRenderer` demo (#22906) @JCQuintas
|
|
237
|
+
|
|
238
|
+
### Core
|
|
239
|
+
|
|
240
|
+
- [code-infra] Fix tracking branch bug in release script (#22956) @michelengelen
|
|
241
|
+
- [code-infra] Remove mark-duplicate workflow (#22994) @cherniavskii
|
|
242
|
+
- [code-infra] Revert `nanoid@3.3.15` `minimumReleaseAge` exemption (#22953) @LukasTy
|
|
243
|
+
|
|
244
|
+
### Miscellaneous
|
|
245
|
+
|
|
246
|
+
- [internals] Fix `ERR_UNSUPPORTED_DIR_IMPORT` for `core-js-pure` in Node ESM (#22985) @michelengelen
|
|
247
|
+
- [internals] Harden `useDisposable` React internals read with safeReact (#22986) @rita-codes
|
|
248
|
+
- [internals] Replace core-js `DisposableStack` ponyfill with a minimal fallback (#23002) @sai6855
|
|
249
|
+
- [test] Assert the edited `dateTime` cell value in the e2e edit test (#22982) @voidmatcha
|
|
250
|
+
- [virtualizer] Remeasure scrollbars when layout changes (#22914) @arminmeh
|
|
251
|
+
|
|
3
252
|
## 9.7.0
|
|
4
253
|
|
|
5
254
|
_Jun 25, 2026_
|
|
@@ -178,7 +427,6 @@ Same changes as in `@mui/x-charts-pro@9.6.0`, plus:
|
|
|
178
427
|
- [charts-premium] Support maps tooltip positioned on items (#22648) @alexfauquette
|
|
179
428
|
- [docs] Show how to export maps (#22837) @alexfauquette
|
|
180
429
|
|
|
181
|
-
|
|
182
430
|
### Tree View
|
|
183
431
|
|
|
184
432
|
#### `@mui/x-tree-view@9.6.0`
|
|
@@ -37,8 +37,8 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
37
37
|
const _excluded = ["value", "defaultValue", "referenceDate", "onChange", "className", "classes", "disableFuture", "disablePast", "minDate", "maxDate", "shouldDisableDate", "reduceAnimations", "onMonthChange", "rangePosition", "defaultRangePosition", "onRangePositionChange", "calendars", "currentMonthCalendarPosition", "slots", "slotProps", "loading", "renderLoading", "disableHighlightToday", "focusedView", "onFocusedViewChange", "readOnly", "disabled", "showDaysOutsideCurrentMonth", "dayOfWeekFormatter", "disableAutoMonthSwitching", "autoFocus", "fixedWeekNumber", "disableDragEditing", "displayWeekNumber", "timezone", "availableRangePositions", "views", "view", "openTo", "onViewChange"],
|
|
38
38
|
_excluded2 = ["isDragging", "rangeDragDay", "draggingDatePosition"];
|
|
39
39
|
const packageInfo = {
|
|
40
|
-
releaseDate: "
|
|
41
|
-
version: "9.
|
|
40
|
+
releaseDate: "MTc4MzU1NTIwMDAwMA==",
|
|
41
|
+
version: "9.9.0",
|
|
42
42
|
name: 'x-date-pickers-pro'
|
|
43
43
|
};
|
|
44
44
|
const DateRangeCalendarRoot = (0, _styles.styled)('div', {
|
|
@@ -348,9 +348,17 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
|
|
|
348
348
|
return;
|
|
349
349
|
}
|
|
350
350
|
const displayingMonthRange = calendars - currentMonthCalendarPosition;
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
351
|
+
|
|
352
|
+
// Compare absolute month indices (year * 12 + month). This is time-insensitive (unlike a
|
|
353
|
+
// date range check) and stays correct across year boundaries. The visible window spans the
|
|
354
|
+
// `currentMonthCalendarPosition - 1` calendars rendered before the current month and the
|
|
355
|
+
// `calendars - currentMonthCalendarPosition` rendered after it.
|
|
356
|
+
// See https://github.com/mui/mui-x/issues/22980
|
|
357
|
+
const currentMonthIndex = adapter.getYear(calendarState.currentMonth) * 12 + adapter.getMonth(calendarState.currentMonth);
|
|
358
|
+
const requestedMonthIndex = adapter.getYear(date) * 12 + adapter.getMonth(date);
|
|
359
|
+
const firstVisibleMonthIndex = currentMonthIndex - (currentMonthCalendarPosition - 1);
|
|
360
|
+
const lastVisibleMonthIndex = currentMonthIndex + displayingMonthRange;
|
|
361
|
+
if (requestedMonthIndex < firstVisibleMonthIndex || requestedMonthIndex > lastVisibleMonthIndex) {
|
|
354
362
|
const newMonth = rangePosition === 'start' ? date :
|
|
355
363
|
// If need to focus end, scroll to the state when "end" is displaying in the last calendar
|
|
356
364
|
adapter.addMonths(date, -displayingMonthRange);
|
|
@@ -30,8 +30,8 @@ import { PickersRangeCalendarHeader } from "../PickersRangeCalendarHeader/index.
|
|
|
30
30
|
import { useNullablePickerRangePositionContext } from "../internals/hooks/useNullablePickerRangePositionContext.mjs";
|
|
31
31
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
32
32
|
const packageInfo = {
|
|
33
|
-
releaseDate: "
|
|
34
|
-
version: "9.
|
|
33
|
+
releaseDate: "MTc4MzU1NTIwMDAwMA==",
|
|
34
|
+
version: "9.9.0",
|
|
35
35
|
name: 'x-date-pickers-pro'
|
|
36
36
|
};
|
|
37
37
|
const DateRangeCalendarRoot = styled('div', {
|
|
@@ -341,9 +341,17 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
|
|
|
341
341
|
return;
|
|
342
342
|
}
|
|
343
343
|
const displayingMonthRange = calendars - currentMonthCalendarPosition;
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
344
|
+
|
|
345
|
+
// Compare absolute month indices (year * 12 + month). This is time-insensitive (unlike a
|
|
346
|
+
// date range check) and stays correct across year boundaries. The visible window spans the
|
|
347
|
+
// `currentMonthCalendarPosition - 1` calendars rendered before the current month and the
|
|
348
|
+
// `calendars - currentMonthCalendarPosition` rendered after it.
|
|
349
|
+
// See https://github.com/mui/mui-x/issues/22980
|
|
350
|
+
const currentMonthIndex = adapter.getYear(calendarState.currentMonth) * 12 + adapter.getMonth(calendarState.currentMonth);
|
|
351
|
+
const requestedMonthIndex = adapter.getYear(date) * 12 + adapter.getMonth(date);
|
|
352
|
+
const firstVisibleMonthIndex = currentMonthIndex - (currentMonthCalendarPosition - 1);
|
|
353
|
+
const lastVisibleMonthIndex = currentMonthIndex + displayingMonthRange;
|
|
354
|
+
if (requestedMonthIndex < firstVisibleMonthIndex || requestedMonthIndex > lastVisibleMonthIndex) {
|
|
347
355
|
const newMonth = rangePosition === 'start' ? date :
|
|
348
356
|
// If need to focus end, scroll to the state when "end" is displaying in the last calendar
|
|
349
357
|
adapter.addMonths(date, -displayingMonthRange);
|
|
@@ -328,8 +328,8 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
|
|
|
328
328
|
name: 'MuiDateRangePickerDay'
|
|
329
329
|
});
|
|
330
330
|
(0, _internals.useLicenseVerifier)({
|
|
331
|
-
releaseDate: "
|
|
332
|
-
version: "9.
|
|
331
|
+
releaseDate: "MTc4MzU1NTIwMDAwMA==",
|
|
332
|
+
version: "9.9.0",
|
|
333
333
|
name: 'x-date-pickers-pro'
|
|
334
334
|
});
|
|
335
335
|
const adapter = (0, _hooks.usePickerAdapter)();
|
|
@@ -321,8 +321,8 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
|
|
|
321
321
|
name: 'MuiDateRangePickerDay'
|
|
322
322
|
});
|
|
323
323
|
useLicenseVerifier({
|
|
324
|
-
releaseDate: "
|
|
325
|
-
version: "9.
|
|
324
|
+
releaseDate: "MTc4MzU1NTIwMDAwMA==",
|
|
325
|
+
version: "9.9.0",
|
|
326
326
|
name: 'x-date-pickers-pro'
|
|
327
327
|
});
|
|
328
328
|
const adapter = usePickerAdapter();
|
|
@@ -24,7 +24,7 @@ export interface ExportedDateTimeRangePickerTabsProps extends ExportedBaseTabsPr
|
|
|
24
24
|
}
|
|
25
25
|
export interface DateTimeRangePickerTabsProps extends ExportedDateTimeRangePickerTabsProps {}
|
|
26
26
|
declare const DateTimeRangePickerTabs: {
|
|
27
|
-
(inProps: DateTimeRangePickerTabsProps):
|
|
27
|
+
(inProps: DateTimeRangePickerTabsProps): React.JSX.Element | null;
|
|
28
28
|
propTypes: any;
|
|
29
29
|
};
|
|
30
30
|
export { DateTimeRangePickerTabs };
|
|
@@ -24,7 +24,7 @@ export interface ExportedDateTimeRangePickerTabsProps extends ExportedBaseTabsPr
|
|
|
24
24
|
}
|
|
25
25
|
export interface DateTimeRangePickerTabsProps extends ExportedDateTimeRangePickerTabsProps {}
|
|
26
26
|
declare const DateTimeRangePickerTabs: {
|
|
27
|
-
(inProps: DateTimeRangePickerTabsProps):
|
|
27
|
+
(inProps: DateTimeRangePickerTabsProps): React.JSX.Element | null;
|
|
28
28
|
propTypes: any;
|
|
29
29
|
};
|
|
30
30
|
export { DateTimeRangePickerTabs };
|
|
@@ -205,7 +205,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes /* re
|
|
|
205
205
|
/**
|
|
206
206
|
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
207
207
|
*
|
|
208
|
-
* While CSS `gap` removes the
|
|
208
|
+
* While CSS `gap` removes the known limitations,
|
|
209
209
|
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
210
210
|
*
|
|
211
211
|
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
@@ -201,7 +201,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes /* re
|
|
|
201
201
|
/**
|
|
202
202
|
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
203
203
|
*
|
|
204
|
-
* While CSS `gap` removes the
|
|
204
|
+
* While CSS `gap` removes the known limitations,
|
|
205
205
|
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
206
206
|
*
|
|
207
207
|
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
@@ -245,7 +245,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes /
|
|
|
245
245
|
/**
|
|
246
246
|
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
247
247
|
*
|
|
248
|
-
* While CSS `gap` removes the
|
|
248
|
+
* While CSS `gap` removes the known limitations,
|
|
249
249
|
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
250
250
|
*
|
|
251
251
|
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
@@ -241,7 +241,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes /
|
|
|
241
241
|
/**
|
|
242
242
|
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
243
243
|
*
|
|
244
|
-
* While CSS `gap` removes the
|
|
244
|
+
* While CSS `gap` removes the known limitations,
|
|
245
245
|
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
246
246
|
*
|
|
247
247
|
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
@@ -218,7 +218,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes /* re
|
|
|
218
218
|
/**
|
|
219
219
|
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
220
220
|
*
|
|
221
|
-
* While CSS `gap` removes the
|
|
221
|
+
* While CSS `gap` removes the known limitations,
|
|
222
222
|
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
223
223
|
*
|
|
224
224
|
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
@@ -214,7 +214,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes /* re
|
|
|
214
214
|
/**
|
|
215
215
|
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
216
216
|
*
|
|
217
|
-
* While CSS `gap` removes the
|
|
217
|
+
* While CSS `gap` removes the known limitations,
|
|
218
218
|
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
219
219
|
*
|
|
220
220
|
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
@@ -29,7 +29,7 @@ export interface TimeRangePickerTabsProps extends ExportedTimeRangePickerTabsPro
|
|
|
29
29
|
* - [TimeRangePickerTabs API](https://mui.com/x/api/date-pickers/time-range-picker-tabs/)
|
|
30
30
|
*/
|
|
31
31
|
declare const TimeRangePickerTabs: {
|
|
32
|
-
(inProps: TimeRangePickerTabsProps):
|
|
32
|
+
(inProps: TimeRangePickerTabsProps): React.JSX.Element | null;
|
|
33
33
|
propTypes: any;
|
|
34
34
|
};
|
|
35
35
|
export { TimeRangePickerTabs };
|
|
@@ -29,7 +29,7 @@ export interface TimeRangePickerTabsProps extends ExportedTimeRangePickerTabsPro
|
|
|
29
29
|
* - [TimeRangePickerTabs API](https://mui.com/x/api/date-pickers/time-range-picker-tabs/)
|
|
30
30
|
*/
|
|
31
31
|
declare const TimeRangePickerTabs: {
|
|
32
|
-
(inProps: TimeRangePickerTabsProps):
|
|
32
|
+
(inProps: TimeRangePickerTabsProps): React.JSX.Element | null;
|
|
33
33
|
propTypes: any;
|
|
34
34
|
};
|
|
35
35
|
export { TimeRangePickerTabs };
|
|
@@ -45,4 +45,4 @@ export declare const renderDateRangeViewCalendar: ({
|
|
|
45
45
|
displayWeekNumber,
|
|
46
46
|
timezone,
|
|
47
47
|
availableRangePositions
|
|
48
|
-
}: DateRangeViewRendererProps<"day">) => import("react
|
|
48
|
+
}: DateRangeViewRendererProps<"day">) => import("react").JSX.Element;
|
|
@@ -45,4 +45,4 @@ export declare const renderDateRangeViewCalendar: ({
|
|
|
45
45
|
displayWeekNumber,
|
|
46
46
|
timezone,
|
|
47
47
|
availableRangePositions
|
|
48
|
-
}: DateRangeViewRendererProps<"day">) => import("react
|
|
48
|
+
}: DateRangeViewRendererProps<"day">) => import("react").JSX.Element;
|
package/index.js
CHANGED
package/index.mjs
CHANGED
|
@@ -5,5 +5,5 @@ export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMer
|
|
|
5
5
|
steps,
|
|
6
6
|
...pickerParams
|
|
7
7
|
}: UseDesktopRangePickerParams<TView, TExternalProps>) => {
|
|
8
|
-
renderPicker: () => import("react
|
|
8
|
+
renderPicker: () => import("react").JSX.Element;
|
|
9
9
|
};
|
|
@@ -5,5 +5,5 @@ export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMer
|
|
|
5
5
|
steps,
|
|
6
6
|
...pickerParams
|
|
7
7
|
}: UseDesktopRangePickerParams<TView, TExternalProps>) => {
|
|
8
|
-
renderPicker: () => import("react
|
|
8
|
+
renderPicker: () => import("react").JSX.Element;
|
|
9
9
|
};
|
|
@@ -26,8 +26,8 @@ const useDesktopRangePicker = _ref => {
|
|
|
26
26
|
} = _ref,
|
|
27
27
|
pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
|
|
28
28
|
(0, _internals.useLicenseVerifier)({
|
|
29
|
-
releaseDate: "
|
|
30
|
-
version: "9.
|
|
29
|
+
releaseDate: "MTc4MzU1NTIwMDAwMA==",
|
|
30
|
+
version: "9.9.0",
|
|
31
31
|
name: 'x-date-pickers-pro'
|
|
32
32
|
});
|
|
33
33
|
const {
|
|
@@ -19,8 +19,8 @@ export const useDesktopRangePicker = _ref => {
|
|
|
19
19
|
} = _ref,
|
|
20
20
|
pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
21
21
|
useLicenseVerifier({
|
|
22
|
-
releaseDate: "
|
|
23
|
-
version: "9.
|
|
22
|
+
releaseDate: "MTc4MzU1NTIwMDAwMA==",
|
|
23
|
+
version: "9.9.0",
|
|
24
24
|
name: 'x-date-pickers-pro'
|
|
25
25
|
});
|
|
26
26
|
const {
|
|
@@ -5,5 +5,5 @@ export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeri
|
|
|
5
5
|
steps,
|
|
6
6
|
...pickerParams
|
|
7
7
|
}: UseMobileRangePickerParams<TView, TExternalProps>) => {
|
|
8
|
-
renderPicker: () => import("react
|
|
8
|
+
renderPicker: () => import("react").JSX.Element;
|
|
9
9
|
};
|
|
@@ -5,5 +5,5 @@ export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeri
|
|
|
5
5
|
steps,
|
|
6
6
|
...pickerParams
|
|
7
7
|
}: UseMobileRangePickerParams<TView, TExternalProps>) => {
|
|
8
|
-
renderPicker: () => import("react
|
|
8
|
+
renderPicker: () => import("react").JSX.Element;
|
|
9
9
|
};
|
|
@@ -28,8 +28,8 @@ const useMobileRangePicker = _ref => {
|
|
|
28
28
|
} = _ref,
|
|
29
29
|
pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
|
|
30
30
|
(0, _internals.useLicenseVerifier)({
|
|
31
|
-
releaseDate: "
|
|
32
|
-
version: "9.
|
|
31
|
+
releaseDate: "MTc4MzU1NTIwMDAwMA==",
|
|
32
|
+
version: "9.9.0",
|
|
33
33
|
name: 'x-date-pickers-pro'
|
|
34
34
|
});
|
|
35
35
|
const {
|
|
@@ -21,8 +21,8 @@ export const useMobileRangePicker = _ref => {
|
|
|
21
21
|
} = _ref,
|
|
22
22
|
pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
23
23
|
useLicenseVerifier({
|
|
24
|
-
releaseDate: "
|
|
25
|
-
version: "9.
|
|
24
|
+
releaseDate: "MTc4MzU1NTIwMDAwMA==",
|
|
25
|
+
version: "9.9.0",
|
|
26
26
|
name: 'x-date-pickers-pro'
|
|
27
27
|
});
|
|
28
28
|
const {
|
|
@@ -9,5 +9,5 @@ export declare const useStaticRangePicker: <TView extends DateOrTimeViewWithMeri
|
|
|
9
9
|
steps,
|
|
10
10
|
...pickerParams
|
|
11
11
|
}: UseStaticRangePickerParams<TView, TExternalProps>) => {
|
|
12
|
-
renderPicker: () => import("react
|
|
12
|
+
renderPicker: () => import("react").JSX.Element;
|
|
13
13
|
};
|
|
@@ -9,5 +9,5 @@ export declare const useStaticRangePicker: <TView extends DateOrTimeViewWithMeri
|
|
|
9
9
|
steps,
|
|
10
10
|
...pickerParams
|
|
11
11
|
}: UseStaticRangePickerParams<TView, TExternalProps>) => {
|
|
12
|
-
renderPicker: () => import("react
|
|
12
|
+
renderPicker: () => import("react").JSX.Element;
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-date-pickers-pro",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.9.0",
|
|
4
4
|
"author": "MUI Team",
|
|
5
5
|
"description": "The Pro plan edition of the MUI X Date and Time Picker components.",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -31,13 +31,13 @@
|
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@babel/runtime": "^7.29.7",
|
|
34
|
-
"@mui/utils": "^9.
|
|
34
|
+
"@mui/utils": "^9.2.0",
|
|
35
35
|
"clsx": "^2.1.1",
|
|
36
36
|
"prop-types": "^15.8.1",
|
|
37
37
|
"react-transition-group": "^4.4.5",
|
|
38
|
-
"@mui/x-
|
|
39
|
-
"@mui/x-
|
|
40
|
-
"@mui/x-internals": "^9.
|
|
38
|
+
"@mui/x-license": "^9.9.0",
|
|
39
|
+
"@mui/x-date-pickers": "^9.9.0",
|
|
40
|
+
"@mui/x-internals": "^9.9.0"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"@emotion/react": "^11.9.0",
|