@mui/lab 5.0.0-alpha.58 → 5.0.0-alpha.59
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/AdapterDateFns/index.d.ts +1 -1
- package/AdapterDayjs/index.d.ts +1 -1
- package/AdapterLuxon/index.d.ts +1 -1
- package/AdapterMoment/index.d.ts +1 -1
- package/CHANGELOG.md +84 -0
- package/CalendarPicker/CalendarPicker.d.ts +106 -106
- package/CalendarPicker/CalendarPicker.js +13 -7
- package/CalendarPicker/PickersCalendar.d.ts +47 -47
- package/CalendarPicker/PickersCalendar.js +1 -1
- package/CalendarPicker/PickersCalendarHeader.d.ts +43 -43
- package/CalendarPicker/PickersFadeTransitionGroup.d.ts +12 -12
- package/CalendarPicker/PickersSlideTransition.d.ts +16 -16
- package/CalendarPicker/index.d.ts +5 -5
- package/CalendarPicker/shared.d.ts +1 -1
- package/CalendarPicker/useCalendarState.d.ts +32 -32
- package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +41 -41
- package/CalendarPickerSkeleton/CalendarPickerSkeleton.js +1 -1
- package/CalendarPickerSkeleton/index.d.ts +3 -3
- package/ClockPicker/Clock.d.ts +28 -28
- package/ClockPicker/ClockNumber.d.ts +19 -19
- package/ClockPicker/ClockNumbers.d.ts +24 -24
- package/ClockPicker/ClockPicker.d.ts +121 -121
- package/ClockPicker/ClockPickerStandalone.d.ts +28 -28
- package/ClockPicker/ClockPointer.d.ts +23 -23
- package/ClockPicker/index.d.ts +5 -5
- package/ClockPicker/shared.d.ts +5 -5
- package/DatePicker/DatePicker.d.ts +27 -27
- package/DatePicker/DatePickerToolbar.d.ts +23 -23
- package/DatePicker/index.d.ts +2 -2
- package/DatePicker/shared.d.ts +45 -45
- package/DateRangePicker/DateRangePicker.d.ts +65 -65
- package/DateRangePicker/DateRangePickerInput.d.ts +35 -35
- package/DateRangePicker/DateRangePickerToolbar.d.ts +15 -15
- package/DateRangePicker/DateRangePickerView.d.ts +44 -44
- package/DateRangePicker/DateRangePickerViewDesktop.d.ts +29 -29
- package/DateRangePicker/DateRangePickerViewMobile.d.ts +17 -17
- package/DateRangePicker/RangeTypes.d.ts +8 -8
- package/DateRangePicker/date-range-manager.d.ts +14 -14
- package/DateRangePicker/index.d.ts +3 -3
- package/DateRangePickerDay/DateRangePickerDay.d.ts +79 -79
- package/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/DateRangePickerDay/index.d.ts +2 -2
- package/DateTimePicker/DateTimePicker.d.ts +27 -27
- package/DateTimePicker/DateTimePickerTabs.d.ts +13 -13
- package/DateTimePicker/DateTimePickerToolbar.d.ts +7 -7
- package/DateTimePicker/index.d.ts +2 -2
- package/DateTimePicker/shared.d.ts +67 -67
- package/DesktopDatePicker/DesktopDatePicker.d.ts +20 -20
- package/DesktopDatePicker/index.d.ts +2 -2
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +64 -64
- package/DesktopDateRangePicker/index.d.ts +2 -2
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +20 -20
- package/DesktopDateTimePicker/index.d.ts +2 -2
- package/DesktopTimePicker/DesktopTimePicker.d.ts +20 -20
- package/DesktopTimePicker/index.d.ts +2 -2
- package/LoadingButton/LoadingButton.js +1 -1
- package/LoadingButton/loadingButtonClasses.d.ts +22 -22
- package/LocalizationProvider/LocalizationProvider.d.ts +35 -35
- package/LocalizationProvider/index.d.ts +2 -2
- package/Masonry/Masonry.js +1 -1
- package/Masonry/masonryClasses.d.ts +8 -8
- package/MobileDatePicker/MobileDatePicker.d.ts +20 -20
- package/MobileDatePicker/index.d.ts +2 -2
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +64 -64
- package/MobileDateRangePicker/index.d.ts +2 -2
- package/MobileDateTimePicker/MobileDateTimePicker.d.ts +20 -20
- package/MobileDateTimePicker/index.d.ts +2 -2
- package/MobileTimePicker/MobileTimePicker.d.ts +20 -20
- package/MobileTimePicker/index.d.ts +2 -2
- package/MonthPicker/MonthPicker.d.ts +53 -53
- package/MonthPicker/MonthPicker.js +1 -1
- package/MonthPicker/PickersMonth.d.ts +15 -15
- package/MonthPicker/index.d.ts +3 -3
- package/PickersDay/PickersDay.d.ts +93 -93
- package/PickersDay/PickersDay.js +1 -1
- package/PickersDay/index.d.ts +4 -4
- package/StaticDatePicker/StaticDatePicker.d.ts +25 -25
- package/StaticDatePicker/StaticDatePicker.js +2 -2
- package/StaticDatePicker/index.d.ts +2 -2
- package/StaticDateRangePicker/StaticDateRangePicker.d.ts +67 -67
- package/StaticDateRangePicker/StaticDateRangePicker.js +2 -2
- package/StaticDateRangePicker/index.d.ts +2 -2
- package/StaticDateTimePicker/StaticDateTimePicker.d.ts +25 -25
- package/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
- package/StaticDateTimePicker/index.d.ts +2 -2
- package/StaticTimePicker/StaticTimePicker.d.ts +25 -25
- package/StaticTimePicker/StaticTimePicker.js +2 -2
- package/StaticTimePicker/index.d.ts +2 -2
- package/TabPanel/TabPanel.js +1 -1
- package/TabPanel/tabPanelClasses.d.ts +8 -8
- package/TimePicker/TimePicker.d.ts +27 -27
- package/TimePicker/TimePickerToolbar.d.ts +23 -23
- package/TimePicker/index.d.ts +2 -2
- package/TimePicker/shared.d.ts +36 -36
- package/Timeline/Timeline.d.ts +59 -59
- package/Timeline/Timeline.js +1 -1
- package/Timeline/TimelineContext.d.ts +6 -6
- package/Timeline/index.d.ts +5 -5
- package/Timeline/timelineClasses.d.ts +3 -3
- package/TimelineConnector/TimelineConnector.js +1 -1
- package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
- package/TimelineContent/TimelineContent.js +1 -1
- package/TimelineContent/timelineContentClasses.d.ts +14 -14
- package/TimelineDot/TimelineDot.js +1 -1
- package/TimelineDot/timelineDotClasses.d.ts +24 -24
- package/TimelineItem/TimelineItem.js +1 -1
- package/TimelineItem/timelineItemClasses.d.ts +16 -16
- package/TimelineOppositeContent/TimelineOppositeContent.js +1 -1
- package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
- package/TimelineSeparator/TimelineSeparator.js +1 -1
- package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
- package/TreeItem/TreeItem.d.ts +1 -1
- package/TreeItem/TreeItem.js +2 -2
- package/TreeItem/treeItemClasses.d.ts +24 -24
- package/TreeView/TreeView.js +1 -1
- package/TreeView/treeViewClasses.d.ts +8 -8
- package/YearPicker/PickersYear.d.ts +28 -28
- package/YearPicker/YearPicker.d.ts +44 -44
- package/YearPicker/index.d.ts +5 -5
- package/YearPicker/yearPickerClasses.d.ts +3 -3
- package/index.js +1 -1
- package/internal/pickers/KeyboardDateInput.d.ts +4 -4
- package/internal/pickers/Picker/Picker.d.ts +33 -33
- package/internal/pickers/Picker/PickerView.d.ts +3 -3
- package/internal/pickers/PickersArrowSwitcher.d.ts +41 -41
- package/internal/pickers/PickersModalDialog.d.ts +47 -47
- package/internal/pickers/PickersPopper.d.ts +33 -33
- package/internal/pickers/PickersToolbar.d.ts +14 -14
- package/internal/pickers/PickersToolbarButton.d.ts +13 -13
- package/internal/pickers/PickersToolbarText.d.ts +8 -8
- package/internal/pickers/PureDateInput.d.ts +80 -80
- package/internal/pickers/constants/dimensions.d.ts +4 -4
- package/internal/pickers/constants/prop-types.d.ts +1 -1
- package/internal/pickers/date-time-utils.d.ts +8 -8
- package/internal/pickers/date-utils.d.ts +52 -52
- package/internal/pickers/hooks/date-helpers-hooks.d.ts +16 -16
- package/internal/pickers/hooks/useIsLandscape.d.ts +4 -4
- package/internal/pickers/hooks/useMaskedInput.d.ts +7 -7
- package/internal/pickers/hooks/useOpenState.d.ts +10 -10
- package/internal/pickers/hooks/usePickerState.d.ts +38 -38
- package/internal/pickers/hooks/useUtils.d.ts +7 -7
- package/internal/pickers/hooks/useValidation.d.ts +23 -23
- package/internal/pickers/hooks/useViews.d.ts +19 -19
- package/internal/pickers/text-field-helper.d.ts +11 -11
- package/internal/pickers/time-utils.d.ts +33 -33
- package/internal/pickers/typings/BasePicker.d.ts +95 -95
- package/internal/pickers/typings/Views.d.ts +1 -1
- package/internal/pickers/typings/helpers.d.ts +9 -9
- package/internal/pickers/utils.d.ts +7 -7
- package/internal/pickers/wrappers/DesktopTooltipWrapper.d.ts +4 -4
- package/internal/pickers/wrappers/DesktopWrapper.d.ts +16 -16
- package/internal/pickers/wrappers/MobileWrapper.d.ts +14 -14
- package/internal/pickers/wrappers/PickerStaticWrapper.d.ts +21 -0
- package/internal/pickers/wrappers/PickerStaticWrapper.js +64 -0
- package/internal/pickers/wrappers/ResponsiveWrapper.d.ts +23 -23
- package/internal/pickers/wrappers/WrapperProps.d.ts +13 -13
- package/internal/pickers/wrappers/WrapperVariantContext.d.ts +11 -11
- package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
- package/internal/svg-icons/ArrowLeft.d.ts +7 -7
- package/internal/svg-icons/ArrowRight.d.ts +7 -7
- package/internal/svg-icons/Calendar.d.ts +7 -7
- package/internal/svg-icons/Clock.d.ts +7 -7
- package/internal/svg-icons/DateRange.d.ts +7 -7
- package/internal/svg-icons/Pen.d.ts +7 -7
- package/internal/svg-icons/Time.d.ts +7 -7
- package/legacy/CalendarPicker/CalendarPicker.js +13 -7
- package/legacy/CalendarPicker/PickersCalendar.js +1 -1
- package/legacy/CalendarPickerSkeleton/CalendarPickerSkeleton.js +1 -1
- package/legacy/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/legacy/LoadingButton/LoadingButton.js +1 -1
- package/legacy/Masonry/Masonry.js +1 -1
- package/legacy/MonthPicker/MonthPicker.js +1 -1
- package/legacy/PickersDay/PickersDay.js +1 -1
- package/legacy/StaticDatePicker/StaticDatePicker.js +2 -2
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +2 -2
- package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
- package/legacy/StaticTimePicker/StaticTimePicker.js +2 -2
- package/legacy/TabPanel/TabPanel.js +1 -1
- package/legacy/Timeline/Timeline.js +1 -1
- package/legacy/TimelineConnector/TimelineConnector.js +1 -1
- package/legacy/TimelineContent/TimelineContent.js +1 -1
- package/legacy/TimelineDot/TimelineDot.js +1 -1
- package/legacy/TimelineItem/TimelineItem.js +1 -1
- package/legacy/TimelineOppositeContent/TimelineOppositeContent.js +1 -1
- package/legacy/TimelineSeparator/TimelineSeparator.js +1 -1
- package/legacy/TreeItem/TreeItem.js +2 -2
- package/legacy/TreeView/TreeView.js +1 -1
- package/legacy/index.js +1 -1
- package/legacy/internal/pickers/wrappers/PickerStaticWrapper.js +62 -0
- package/modern/CalendarPicker/CalendarPicker.js +13 -7
- package/modern/CalendarPicker/PickersCalendar.js +1 -1
- package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js +1 -1
- package/modern/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/modern/LoadingButton/LoadingButton.js +1 -1
- package/modern/Masonry/Masonry.js +1 -1
- package/modern/MonthPicker/MonthPicker.js +1 -1
- package/modern/PickersDay/PickersDay.js +1 -1
- package/modern/StaticDatePicker/StaticDatePicker.js +2 -2
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +2 -2
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
- package/modern/StaticTimePicker/StaticTimePicker.js +2 -2
- package/modern/TabPanel/TabPanel.js +1 -1
- package/modern/Timeline/Timeline.js +1 -1
- package/modern/TimelineConnector/TimelineConnector.js +1 -1
- package/modern/TimelineContent/TimelineContent.js +1 -1
- package/modern/TimelineDot/TimelineDot.js +1 -1
- package/modern/TimelineItem/TimelineItem.js +1 -1
- package/modern/TimelineOppositeContent/TimelineOppositeContent.js +1 -1
- package/modern/TimelineSeparator/TimelineSeparator.js +1 -1
- package/modern/TreeItem/TreeItem.js +2 -2
- package/modern/TreeView/TreeView.js +1 -1
- package/modern/index.js +1 -1
- package/modern/internal/pickers/wrappers/PickerStaticWrapper.js +64 -0
- package/node/CalendarPicker/CalendarPicker.js +13 -7
- package/node/CalendarPicker/PickersCalendar.js +1 -1
- package/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js +1 -1
- package/node/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/node/LoadingButton/LoadingButton.js +1 -1
- package/node/Masonry/Masonry.js +1 -1
- package/node/MonthPicker/MonthPicker.js +1 -1
- package/node/PickersDay/PickersDay.js +1 -1
- package/node/StaticDatePicker/StaticDatePicker.js +2 -2
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +2 -2
- package/node/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
- package/node/StaticTimePicker/StaticTimePicker.js +2 -2
- package/node/TabPanel/TabPanel.js +1 -1
- package/node/Timeline/Timeline.js +1 -1
- package/node/TimelineConnector/TimelineConnector.js +1 -1
- package/node/TimelineContent/TimelineContent.js +1 -1
- package/node/TimelineDot/TimelineDot.js +1 -1
- package/node/TimelineItem/TimelineItem.js +1 -1
- package/node/TimelineOppositeContent/TimelineOppositeContent.js +1 -1
- package/node/TimelineSeparator/TimelineSeparator.js +1 -1
- package/node/TreeItem/TreeItem.js +2 -2
- package/node/TreeView/TreeView.js +1 -1
- package/node/index.js +1 -1
- package/node/internal/pickers/wrappers/{StaticWrapper.js → PickerStaticWrapper.js} +46 -9
- package/package.json +8 -4
- package/themeAugmentation/components.d.ts +5 -0
- package/themeAugmentation/overrides.d.ts +2 -0
- package/themeAugmentation/props.d.ts +1 -1
- package/internal/pickers/wrappers/StaticWrapper.d.ts +0 -10
- package/internal/pickers/wrappers/StaticWrapper.js +0 -35
- package/legacy/internal/pickers/wrappers/StaticWrapper.js +0 -34
- package/modern/internal/pickers/wrappers/StaticWrapper.js +0 -35
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from '@date-io/date-fns';
|
|
1
|
+
export { default } from '@date-io/date-fns';
|
package/AdapterDayjs/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from '@date-io/dayjs';
|
|
1
|
+
export { default } from '@date-io/dayjs';
|
package/AdapterLuxon/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from '@date-io/luxon';
|
|
1
|
+
export { default } from '@date-io/luxon';
|
package/AdapterMoment/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from '@date-io/moment';
|
|
1
|
+
export { default } from '@date-io/moment';
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,89 @@
|
|
|
1
1
|
### [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.2.3
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.2.2..master -->
|
|
6
|
+
|
|
7
|
+
_Dec 6, 2021_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 25 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- ✨ We have introduced a new unstyled component in `@mui/base`: `TablePagination` (#29759) @mnajdova
|
|
12
|
+
|
|
13
|
+
<a href="https://mui.com/components/tables/#unstyled-table"><img width="800" alt="unstyled table" src="https://user-images.githubusercontent.com/4512430/144862194-584356ef-7d9d-462c-a631-186a7e716193.png"></a>
|
|
14
|
+
|
|
15
|
+
You can follow our progress with unstyled components at https://github.com/mui-org/material-ui/issues/27170.
|
|
16
|
+
|
|
17
|
+
- 🎉 We have added an example of how to use MUI with [Remix](https://remix.run/) (#29952) @mnajdova
|
|
18
|
+
|
|
19
|
+
- And many more 🐛 bug fixes and 📚 improvements.
|
|
20
|
+
|
|
21
|
+
### `@mui/material@5.2.3`
|
|
22
|
+
|
|
23
|
+
- ​<!-- 33 -->[Accordion] Add a test for handling `square` prop (#29972) @daniel-sachs
|
|
24
|
+
- ​<!-- 32 -->[Alert] Fix `square` Paper prop (#30027) @ZeeshanTamboli
|
|
25
|
+
- ​<!-- 31 -->[AvatarGroup] Allow specifying total number of avatars (#29898) @eduardomcv
|
|
26
|
+
- ​<!-- 29 -->[Button] Fix regression from context API (#29982) @siriwatknp
|
|
27
|
+
- ​<!-- 13 -->[Grid] Fix generated classes for `spacing` prop when the value is object (#29880) @jayeclark
|
|
28
|
+
- ​<!-- 10 -->[Select] Should not crash when an empty array is passed with `multiple` enabled (#29957) @Domino987
|
|
29
|
+
|
|
30
|
+
### `@mui/system@5.2.3`
|
|
31
|
+
|
|
32
|
+
- ​<!-- 06 -->[system] Fix return type of `createBox` (#29989) @mnajdova
|
|
33
|
+
- ​<!-- 05 -->[system] Support boolean values in typescript for the `sx` prop when used as array (#29911) @tasugi
|
|
34
|
+
|
|
35
|
+
### `@mui/utils@5.2.3`
|
|
36
|
+
|
|
37
|
+
- ​<!-- 03 -->[utils] Add typings for `@mui-material/styles/cssUtils` (#29621) @Semigradsky
|
|
38
|
+
|
|
39
|
+
### `@mui/icons-material@5.2.1`
|
|
40
|
+
|
|
41
|
+
- ​<!-- 12 -->[icons] Consolidate ignored icons into one list (#29843) @chao813
|
|
42
|
+
|
|
43
|
+
### `@mui/base@5.0.0-alpha.59`
|
|
44
|
+
|
|
45
|
+
- ​<!-- 30 -->[base] Fix missing ClickAwayListener barrel index export (#30000) @oliviertassinari
|
|
46
|
+
- ​<!-- 04 -->[TablePaginationUnstyled] Introduce new component (#29759) @mnajdova
|
|
47
|
+
|
|
48
|
+
### `@mui/lab@5.0.0-alpha.59`
|
|
49
|
+
|
|
50
|
+
- ​<!-- 27 -->[DateRangePicker] Fix `DateRangePickerDayProps` interface (#29067) @jonathanrtuck
|
|
51
|
+
- ​<!-- 10 -->[Pickers] Remove propagation of custom props to the `MonthPicker` component's DOM element (#30021) @ZeeshanTamboli
|
|
52
|
+
- ​<!-- 08 -->[StaticDatePicker] Add className and slot to PickerStaticWrapper (#29619) @kkorach
|
|
53
|
+
|
|
54
|
+
### `@mui/joy@5.0.0-alpha.5`
|
|
55
|
+
|
|
56
|
+
- ​<!-- 11 -->[Joy] Theme setup (#29846) @siriwatknp
|
|
57
|
+
|
|
58
|
+
### Docs
|
|
59
|
+
|
|
60
|
+
- ​<!-- 34 -->[docs] Fix link in TypeScript doc page (#30044) @genzyy
|
|
61
|
+
- ​<!-- 26 -->[docs] Remove the 'WIP' icon from the 'Group & Pivot' page title (#30077) @flaviendelangle
|
|
62
|
+
- ​<!-- 25 -->[docs] Add warning that `@mui/styled-engine-sc` does not work in SSR (#30026) @mnajdova
|
|
63
|
+
- ​<!-- 24 -->[docs] Add section for CSS specificity in the migration guide (#30008) @hbjORbj
|
|
64
|
+
- ​<!-- 28 -->[docs] Clarify comment in migration doc (#30076) @hbjORbj
|
|
65
|
+
- ​<!-- 23 -->[docs] Sync translations with Crowdin (#30041) @l10nbot
|
|
66
|
+
- ​<!-- 22 -->[docs] Explain how Paper changes shade in dark mode (#30003) @michaldudak
|
|
67
|
+
- ​<!-- 21 -->[docs] Update nextjs-typescript-example (#29974) @huydhoang
|
|
68
|
+
- ​<!-- 20 -->[docs] Add missing global state classes to API docs generator (#29945) @michaldudak
|
|
69
|
+
- ​<!-- 19 -->[docs] Fix benchmarks folder link (#29981) @fourjr
|
|
70
|
+
- ​<!-- 18 -->[docs] Improve wording in StackOverflow section of support page (#29956) @ronwarner
|
|
71
|
+
- ​<!-- 17 -->[docs] Remove Black Friday sale notification (#29936) @mbrookes
|
|
72
|
+
- ​<!-- 16 -->[examples] Fix typos in the Remix example (#30071) @MichaelDeBoey
|
|
73
|
+
- ​<!-- 15 -->[examples] Add Remix example (#29952) @mnajdova
|
|
74
|
+
- ​<!-- 14 -->[examples] Fix lint issue for displayName missing in the Next.js examples (#29985) @ZeeshanTamboli
|
|
75
|
+
- ​<!-- 09 -->[Stack] Document system props in Stack API (#30069) @ThewBear
|
|
76
|
+
- ​<!-- 07 -->[survey] Add a banner and card for promoting the 2021 survey (#29950) @danilo-leal
|
|
77
|
+
- ​<!-- 02 -->[website] Correct the Careers page description (#30073) @michaldudak
|
|
78
|
+
- ​<!-- 01 -->[website] Fix 301 links (#30040) @oliviertassinari
|
|
79
|
+
|
|
80
|
+
### Core
|
|
81
|
+
|
|
82
|
+
- ​<!-- 31 -->[core] Batch small changes (#30042) @oliviertassinari
|
|
83
|
+
- ​<!-- 28 -->[core] Transition to a new StackOverflow tag (#29967) @oliviertassinari
|
|
84
|
+
|
|
85
|
+
All contributors of this release in alphabetical order: @chao813, @daniel-sachs, @danilo-leal, @Domino987, @eduardomcv, @flaviendelangle, @fourjr, @genzyy, @hbjORbj, @huydhoang, @jayeclark, @jonathanrtuck, @kkorach, @l10nbot, @mbrookes, @MichaelDeBoey, @michaldudak, @mnajdova, @oliviertassinari, @ronwarner, @Semigradsky, @siriwatknp, @tasugi, @ThewBear, @ZeeshanTamboli
|
|
86
|
+
|
|
3
87
|
## 5.2.2
|
|
4
88
|
|
|
5
89
|
<!-- generated comparing v5.2.1..master -->
|
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ExportedCalendarProps } from './PickersCalendar';
|
|
3
|
-
import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
|
|
4
|
-
import { ExportedCalendarHeaderProps } from './PickersCalendarHeader';
|
|
5
|
-
import { ExportedYearPickerProps } from '../YearPicker/YearPicker';
|
|
6
|
-
import { CalendarPickerView } from './shared';
|
|
7
|
-
export interface CalendarPickerClasses {
|
|
8
|
-
/** Styles applied to the root element. */
|
|
9
|
-
root: string;
|
|
10
|
-
/** Styles applied to the transition group element. */
|
|
11
|
-
viewTransitionContainer: string;
|
|
12
|
-
}
|
|
13
|
-
export declare type CalendarPickerClassKey = keyof CalendarPickerClasses;
|
|
14
|
-
export interface CalendarPickerProps<TDate> extends ExportedCalendarProps<TDate>, ExportedYearPickerProps<TDate>, ExportedCalendarHeaderProps<TDate> {
|
|
15
|
-
className?: string;
|
|
16
|
-
date: TDate | null;
|
|
17
|
-
/**
|
|
18
|
-
* Default calendar month displayed when `value={null}`.
|
|
19
|
-
*/
|
|
20
|
-
defaultCalendarMonth?: TDate;
|
|
21
|
-
/**
|
|
22
|
-
* If `true`, the picker and text field are disabled.
|
|
23
|
-
* @default false
|
|
24
|
-
*/
|
|
25
|
-
disabled?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* @default false
|
|
28
|
-
*/
|
|
29
|
-
disableFuture?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* @default false
|
|
32
|
-
*/
|
|
33
|
-
disablePast?: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Max selectable date. @DateIOType
|
|
36
|
-
*/
|
|
37
|
-
maxDate?: TDate;
|
|
38
|
-
/**
|
|
39
|
-
* Min selectable date. @DateIOType
|
|
40
|
-
*/
|
|
41
|
-
minDate?: TDate;
|
|
42
|
-
/**
|
|
43
|
-
* Callback fired on view change.
|
|
44
|
-
*/
|
|
45
|
-
onViewChange?: (view: CalendarPickerView) => void;
|
|
46
|
-
/**
|
|
47
|
-
* Callback fired on date change
|
|
48
|
-
*/
|
|
49
|
-
onChange: PickerOnChangeFn<TDate>;
|
|
50
|
-
/**
|
|
51
|
-
* Callback firing on month change. @DateIOType
|
|
52
|
-
*/
|
|
53
|
-
onMonthChange?: (date: TDate) => void;
|
|
54
|
-
/**
|
|
55
|
-
* Initially open view.
|
|
56
|
-
* @default 'day'
|
|
57
|
-
*/
|
|
58
|
-
openTo?: CalendarPickerView;
|
|
59
|
-
/**
|
|
60
|
-
* Make picker read only.
|
|
61
|
-
* @default false
|
|
62
|
-
*/
|
|
63
|
-
readOnly?: boolean;
|
|
64
|
-
/**
|
|
65
|
-
* Disable heavy animations.
|
|
66
|
-
* @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
|
|
67
|
-
*/
|
|
68
|
-
reduceAnimations?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Component displaying when passed `loading` true.
|
|
71
|
-
* @default () => <span data-mui-test="loading-progress">...</span>
|
|
72
|
-
*/
|
|
73
|
-
renderLoading?: () => React.ReactNode;
|
|
74
|
-
/**
|
|
75
|
-
* Disable specific date. @DateIOType
|
|
76
|
-
*/
|
|
77
|
-
shouldDisableDate?: (day: TDate) => boolean;
|
|
78
|
-
/**
|
|
79
|
-
* Controlled open view.
|
|
80
|
-
*/
|
|
81
|
-
view?: CalendarPickerView;
|
|
82
|
-
/**
|
|
83
|
-
* Views for calendar picker.
|
|
84
|
-
* @default ['year', 'day']
|
|
85
|
-
*/
|
|
86
|
-
views?: readonly CalendarPickerView[];
|
|
87
|
-
}
|
|
88
|
-
export declare type ExportedCalendarPickerProps<TDate> = Omit<CalendarPickerProps<TDate>, 'date' | 'view' | 'views' | 'openTo' | 'onChange' | 'changeView' | 'slideDirection' | 'currentMonth' | 'className'>;
|
|
89
|
-
interface CalendarPickerPropsWithClasses<TDate> extends CalendarPickerProps<TDate> {
|
|
90
|
-
classes?: Partial<CalendarPickerClasses>;
|
|
91
|
-
}
|
|
92
|
-
export declare function getCalendarPickerUtilityClass(slot: string): string;
|
|
93
|
-
export declare const calendarPickerClasses: CalendarPickerClasses;
|
|
94
|
-
export declare const defaultReduceAnimations: boolean;
|
|
95
|
-
declare const _default: <TDate>(props: CalendarPickerPropsWithClasses<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
|
|
96
|
-
/**
|
|
97
|
-
*
|
|
98
|
-
* Demos:
|
|
99
|
-
*
|
|
100
|
-
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
101
|
-
*
|
|
102
|
-
* API:
|
|
103
|
-
*
|
|
104
|
-
* - [CalendarPicker API](https://mui.com/api/calendar-picker/)
|
|
105
|
-
*/
|
|
106
|
-
export default _default;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ExportedCalendarProps } from './PickersCalendar';
|
|
3
|
+
import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
|
|
4
|
+
import { ExportedCalendarHeaderProps } from './PickersCalendarHeader';
|
|
5
|
+
import { ExportedYearPickerProps } from '../YearPicker/YearPicker';
|
|
6
|
+
import { CalendarPickerView } from './shared';
|
|
7
|
+
export interface CalendarPickerClasses {
|
|
8
|
+
/** Styles applied to the root element. */
|
|
9
|
+
root: string;
|
|
10
|
+
/** Styles applied to the transition group element. */
|
|
11
|
+
viewTransitionContainer: string;
|
|
12
|
+
}
|
|
13
|
+
export declare type CalendarPickerClassKey = keyof CalendarPickerClasses;
|
|
14
|
+
export interface CalendarPickerProps<TDate> extends ExportedCalendarProps<TDate>, ExportedYearPickerProps<TDate>, ExportedCalendarHeaderProps<TDate> {
|
|
15
|
+
className?: string;
|
|
16
|
+
date: TDate | null;
|
|
17
|
+
/**
|
|
18
|
+
* Default calendar month displayed when `value={null}`.
|
|
19
|
+
*/
|
|
20
|
+
defaultCalendarMonth?: TDate;
|
|
21
|
+
/**
|
|
22
|
+
* If `true`, the picker and text field are disabled.
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* @default false
|
|
28
|
+
*/
|
|
29
|
+
disableFuture?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
disablePast?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Max selectable date. @DateIOType
|
|
36
|
+
*/
|
|
37
|
+
maxDate?: TDate;
|
|
38
|
+
/**
|
|
39
|
+
* Min selectable date. @DateIOType
|
|
40
|
+
*/
|
|
41
|
+
minDate?: TDate;
|
|
42
|
+
/**
|
|
43
|
+
* Callback fired on view change.
|
|
44
|
+
*/
|
|
45
|
+
onViewChange?: (view: CalendarPickerView) => void;
|
|
46
|
+
/**
|
|
47
|
+
* Callback fired on date change
|
|
48
|
+
*/
|
|
49
|
+
onChange: PickerOnChangeFn<TDate>;
|
|
50
|
+
/**
|
|
51
|
+
* Callback firing on month change. @DateIOType
|
|
52
|
+
*/
|
|
53
|
+
onMonthChange?: (date: TDate) => void;
|
|
54
|
+
/**
|
|
55
|
+
* Initially open view.
|
|
56
|
+
* @default 'day'
|
|
57
|
+
*/
|
|
58
|
+
openTo?: CalendarPickerView;
|
|
59
|
+
/**
|
|
60
|
+
* Make picker read only.
|
|
61
|
+
* @default false
|
|
62
|
+
*/
|
|
63
|
+
readOnly?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Disable heavy animations.
|
|
66
|
+
* @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
|
|
67
|
+
*/
|
|
68
|
+
reduceAnimations?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Component displaying when passed `loading` true.
|
|
71
|
+
* @default () => <span data-mui-test="loading-progress">...</span>
|
|
72
|
+
*/
|
|
73
|
+
renderLoading?: () => React.ReactNode;
|
|
74
|
+
/**
|
|
75
|
+
* Disable specific date. @DateIOType
|
|
76
|
+
*/
|
|
77
|
+
shouldDisableDate?: (day: TDate) => boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Controlled open view.
|
|
80
|
+
*/
|
|
81
|
+
view?: CalendarPickerView;
|
|
82
|
+
/**
|
|
83
|
+
* Views for calendar picker.
|
|
84
|
+
* @default ['year', 'day']
|
|
85
|
+
*/
|
|
86
|
+
views?: readonly CalendarPickerView[];
|
|
87
|
+
}
|
|
88
|
+
export declare type ExportedCalendarPickerProps<TDate> = Omit<CalendarPickerProps<TDate>, 'date' | 'view' | 'views' | 'openTo' | 'onChange' | 'changeView' | 'slideDirection' | 'currentMonth' | 'className'>;
|
|
89
|
+
interface CalendarPickerPropsWithClasses<TDate> extends CalendarPickerProps<TDate> {
|
|
90
|
+
classes?: Partial<CalendarPickerClasses>;
|
|
91
|
+
}
|
|
92
|
+
export declare function getCalendarPickerUtilityClass(slot: string): string;
|
|
93
|
+
export declare const calendarPickerClasses: CalendarPickerClasses;
|
|
94
|
+
export declare const defaultReduceAnimations: boolean;
|
|
95
|
+
declare const _default: <TDate>(props: CalendarPickerPropsWithClasses<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
|
|
96
|
+
/**
|
|
97
|
+
*
|
|
98
|
+
* Demos:
|
|
99
|
+
*
|
|
100
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
101
|
+
*
|
|
102
|
+
* API:
|
|
103
|
+
*
|
|
104
|
+
* - [CalendarPicker API](https://mui.com/api/calendar-picker/)
|
|
105
|
+
*/
|
|
106
|
+
export default _default;
|
|
@@ -141,6 +141,18 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
|
|
|
141
141
|
|
|
142
142
|
const ownerState = props;
|
|
143
143
|
const classes = useUtilityClasses(ownerState);
|
|
144
|
+
const monthPickerProps = {
|
|
145
|
+
className,
|
|
146
|
+
date,
|
|
147
|
+
disabled: other.disabled,
|
|
148
|
+
disablePast,
|
|
149
|
+
disableFuture,
|
|
150
|
+
onChange,
|
|
151
|
+
minDate,
|
|
152
|
+
maxDate,
|
|
153
|
+
onMonthChange,
|
|
154
|
+
readOnly: other.readOnly
|
|
155
|
+
};
|
|
144
156
|
return /*#__PURE__*/_jsxs(CalendarPickerRoot, {
|
|
145
157
|
ref: ref,
|
|
146
158
|
className: clsx(classes.root, className),
|
|
@@ -176,13 +188,7 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
|
|
|
176
188
|
isDateDisabled: isDateDisabled,
|
|
177
189
|
shouldDisableYear: shouldDisableYear,
|
|
178
190
|
onFocusedDayChange: changeFocusedDay
|
|
179
|
-
})), openView === 'month' && /*#__PURE__*/_jsx(MonthPicker, _extends({}, other, {
|
|
180
|
-
date: date,
|
|
181
|
-
onChange: onChange,
|
|
182
|
-
minDate: minDate,
|
|
183
|
-
maxDate: maxDate,
|
|
184
|
-
onMonthChange: onMonthChange
|
|
185
|
-
})), openView === 'day' && /*#__PURE__*/_jsx(PickersCalendar, _extends({}, other, calendarState, {
|
|
191
|
+
})), openView === 'month' && /*#__PURE__*/_jsx(MonthPicker, _extends({}, monthPickerProps)), openView === 'day' && /*#__PURE__*/_jsx(PickersCalendar, _extends({}, other, calendarState, {
|
|
186
192
|
autoFocus: autoFocus,
|
|
187
193
|
onMonthSwitchingAnimationEnd: onMonthSwitchingAnimationEnd,
|
|
188
194
|
onFocusedDayChange: changeFocusedDay,
|
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { PickersDayProps } from '../PickersDay/PickersDay';
|
|
3
|
-
import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
|
|
4
|
-
import { SlideDirection, SlideTransitionProps } from './PickersSlideTransition';
|
|
5
|
-
export interface ExportedCalendarProps<TDate> extends Pick<PickersDayProps<TDate>, 'disableHighlightToday' | 'showDaysOutsideCurrentMonth' | 'allowSameDateSelection'> {
|
|
6
|
-
autoFocus?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* If `true` renders `LoadingComponent` in calendar instead of calendar view.
|
|
9
|
-
* Can be used to preload information and show it in calendar.
|
|
10
|
-
* @default false
|
|
11
|
-
*/
|
|
12
|
-
loading?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Calendar onChange.
|
|
15
|
-
*/
|
|
16
|
-
onChange: PickerOnChangeFn<TDate>;
|
|
17
|
-
/**
|
|
18
|
-
* Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
|
|
19
|
-
*/
|
|
20
|
-
renderDay?: (day: TDate, selectedDates: Array<TDate | null>, pickersDayProps: PickersDayProps<TDate>) => JSX.Element;
|
|
21
|
-
/**
|
|
22
|
-
* Component displaying when passed `loading` true.
|
|
23
|
-
* @default () => "..."
|
|
24
|
-
*/
|
|
25
|
-
renderLoading?: () => React.ReactNode;
|
|
26
|
-
}
|
|
27
|
-
export interface PickersCalendarProps<TDate> extends ExportedCalendarProps<TDate> {
|
|
28
|
-
autoFocus?: boolean;
|
|
29
|
-
className?: string;
|
|
30
|
-
currentMonth: TDate;
|
|
31
|
-
date: TDate | [TDate | null, TDate | null] | null;
|
|
32
|
-
disabled?: boolean;
|
|
33
|
-
focusedDay: TDate | null;
|
|
34
|
-
isDateDisabled: (day: TDate) => boolean;
|
|
35
|
-
isMonthSwitchingAnimating: boolean;
|
|
36
|
-
onFocusedDayChange: (newFocusedDay: TDate) => void;
|
|
37
|
-
onMonthSwitchingAnimationEnd: () => void;
|
|
38
|
-
readOnly?: boolean;
|
|
39
|
-
reduceAnimations: boolean;
|
|
40
|
-
slideDirection: SlideDirection;
|
|
41
|
-
TransitionProps?: Partial<SlideTransitionProps>;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* @ignore - do not document.
|
|
45
|
-
*/
|
|
46
|
-
declare function PickersCalendar<TDate>(props: PickersCalendarProps<TDate>): JSX.Element;
|
|
47
|
-
export default PickersCalendar;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PickersDayProps } from '../PickersDay/PickersDay';
|
|
3
|
+
import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
|
|
4
|
+
import { SlideDirection, SlideTransitionProps } from './PickersSlideTransition';
|
|
5
|
+
export interface ExportedCalendarProps<TDate> extends Pick<PickersDayProps<TDate>, 'disableHighlightToday' | 'showDaysOutsideCurrentMonth' | 'allowSameDateSelection'> {
|
|
6
|
+
autoFocus?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* If `true` renders `LoadingComponent` in calendar instead of calendar view.
|
|
9
|
+
* Can be used to preload information and show it in calendar.
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Calendar onChange.
|
|
15
|
+
*/
|
|
16
|
+
onChange: PickerOnChangeFn<TDate>;
|
|
17
|
+
/**
|
|
18
|
+
* Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
|
|
19
|
+
*/
|
|
20
|
+
renderDay?: (day: TDate, selectedDates: Array<TDate | null>, pickersDayProps: PickersDayProps<TDate>) => JSX.Element;
|
|
21
|
+
/**
|
|
22
|
+
* Component displaying when passed `loading` true.
|
|
23
|
+
* @default () => "..."
|
|
24
|
+
*/
|
|
25
|
+
renderLoading?: () => React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
export interface PickersCalendarProps<TDate> extends ExportedCalendarProps<TDate> {
|
|
28
|
+
autoFocus?: boolean;
|
|
29
|
+
className?: string;
|
|
30
|
+
currentMonth: TDate;
|
|
31
|
+
date: TDate | [TDate | null, TDate | null] | null;
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
focusedDay: TDate | null;
|
|
34
|
+
isDateDisabled: (day: TDate) => boolean;
|
|
35
|
+
isMonthSwitchingAnimating: boolean;
|
|
36
|
+
onFocusedDayChange: (newFocusedDay: TDate) => void;
|
|
37
|
+
onMonthSwitchingAnimationEnd: () => void;
|
|
38
|
+
readOnly?: boolean;
|
|
39
|
+
reduceAnimations: boolean;
|
|
40
|
+
slideDirection: SlideDirection;
|
|
41
|
+
TransitionProps?: Partial<SlideTransitionProps>;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* @ignore - do not document.
|
|
45
|
+
*/
|
|
46
|
+
declare function PickersCalendar<TDate>(props: PickersCalendarProps<TDate>): JSX.Element;
|
|
47
|
+
export default PickersCalendar;
|
|
@@ -100,7 +100,7 @@ function PickersCalendar(props) {
|
|
|
100
100
|
onChange(finalDate, isFinish);
|
|
101
101
|
}, [date, now, onChange, readOnly, utils]);
|
|
102
102
|
const currentMonthNumber = utils.getMonth(currentMonth);
|
|
103
|
-
const selectedDates = (Array.isArray(date) ? date : [date]).filter(Boolean).map(selectedDateItem => selectedDateItem && utils.startOfDay(selectedDateItem)); // need a new ref whenever the `key` of the transition changes:
|
|
103
|
+
const selectedDates = (Array.isArray(date) ? date : [date]).filter(Boolean).map(selectedDateItem => selectedDateItem && utils.startOfDay(selectedDateItem)); // need a new ref whenever the `key` of the transition changes: http://reactcommunity.org/react-transition-group/transition/#Transition-prop-nodeRef.
|
|
104
104
|
|
|
105
105
|
const transitionKey = currentMonthNumber; // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
106
106
|
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import IconButton from '@mui/material/IconButton';
|
|
3
|
-
import { SlideDirection } from './PickersSlideTransition';
|
|
4
|
-
import { DateValidationProps } from '../internal/pickers/date-utils';
|
|
5
|
-
import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
|
|
6
|
-
import { CalendarPickerView } from './shared';
|
|
7
|
-
export declare type ExportedCalendarHeaderProps<TDate> = Pick<PickersCalendarHeaderProps<TDate>, 'components' | 'componentsProps' | 'getViewSwitchingButtonText' | 'leftArrowButtonText' | 'rightArrowButtonText'>;
|
|
8
|
-
export interface PickersCalendarHeaderComponentsPropsOverides {
|
|
9
|
-
}
|
|
10
|
-
export interface PickersCalendarHeaderProps<TDate> extends ExportedArrowSwitcherProps, Omit<DateValidationProps<TDate>, 'shouldDisableDate'> {
|
|
11
|
-
/**
|
|
12
|
-
* The components used for each slot.
|
|
13
|
-
* Either a string to use a HTML element or a component.
|
|
14
|
-
* @default {}
|
|
15
|
-
*/
|
|
16
|
-
components?: ExportedArrowSwitcherProps['components'] & {
|
|
17
|
-
SwitchViewButton?: React.ElementType;
|
|
18
|
-
SwitchViewIcon?: React.ElementType;
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* The props used for each slot inside.
|
|
22
|
-
* @default {}
|
|
23
|
-
*/
|
|
24
|
-
componentsProps?: ExportedArrowSwitcherProps['componentsProps'] & {
|
|
25
|
-
switchViewButton?: React.ComponentPropsWithRef<typeof IconButton> & PickersCalendarHeaderComponentsPropsOverides;
|
|
26
|
-
};
|
|
27
|
-
currentMonth: TDate;
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
views: readonly CalendarPickerView[];
|
|
30
|
-
/**
|
|
31
|
-
* Get aria-label text for switching between views button.
|
|
32
|
-
*/
|
|
33
|
-
getViewSwitchingButtonText?: (currentView: CalendarPickerView) => string;
|
|
34
|
-
onMonthChange: (date: TDate, slideDirection: SlideDirection) => void;
|
|
35
|
-
openView: CalendarPickerView;
|
|
36
|
-
reduceAnimations: boolean;
|
|
37
|
-
onViewChange?: (view: CalendarPickerView) => void;
|
|
38
|
-
}
|
|
39
|
-
/**
|
|
40
|
-
* @ignore - do not document.
|
|
41
|
-
*/
|
|
42
|
-
declare function PickersCalendarHeader<TDate>(props: PickersCalendarHeaderProps<TDate>): JSX.Element | null;
|
|
43
|
-
export default PickersCalendarHeader;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import IconButton from '@mui/material/IconButton';
|
|
3
|
+
import { SlideDirection } from './PickersSlideTransition';
|
|
4
|
+
import { DateValidationProps } from '../internal/pickers/date-utils';
|
|
5
|
+
import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
|
|
6
|
+
import { CalendarPickerView } from './shared';
|
|
7
|
+
export declare type ExportedCalendarHeaderProps<TDate> = Pick<PickersCalendarHeaderProps<TDate>, 'components' | 'componentsProps' | 'getViewSwitchingButtonText' | 'leftArrowButtonText' | 'rightArrowButtonText'>;
|
|
8
|
+
export interface PickersCalendarHeaderComponentsPropsOverides {
|
|
9
|
+
}
|
|
10
|
+
export interface PickersCalendarHeaderProps<TDate> extends ExportedArrowSwitcherProps, Omit<DateValidationProps<TDate>, 'shouldDisableDate'> {
|
|
11
|
+
/**
|
|
12
|
+
* The components used for each slot.
|
|
13
|
+
* Either a string to use a HTML element or a component.
|
|
14
|
+
* @default {}
|
|
15
|
+
*/
|
|
16
|
+
components?: ExportedArrowSwitcherProps['components'] & {
|
|
17
|
+
SwitchViewButton?: React.ElementType;
|
|
18
|
+
SwitchViewIcon?: React.ElementType;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* The props used for each slot inside.
|
|
22
|
+
* @default {}
|
|
23
|
+
*/
|
|
24
|
+
componentsProps?: ExportedArrowSwitcherProps['componentsProps'] & {
|
|
25
|
+
switchViewButton?: React.ComponentPropsWithRef<typeof IconButton> & PickersCalendarHeaderComponentsPropsOverides;
|
|
26
|
+
};
|
|
27
|
+
currentMonth: TDate;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
views: readonly CalendarPickerView[];
|
|
30
|
+
/**
|
|
31
|
+
* Get aria-label text for switching between views button.
|
|
32
|
+
*/
|
|
33
|
+
getViewSwitchingButtonText?: (currentView: CalendarPickerView) => string;
|
|
34
|
+
onMonthChange: (date: TDate, slideDirection: SlideDirection) => void;
|
|
35
|
+
openView: CalendarPickerView;
|
|
36
|
+
reduceAnimations: boolean;
|
|
37
|
+
onViewChange?: (view: CalendarPickerView) => void;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* @ignore - do not document.
|
|
41
|
+
*/
|
|
42
|
+
declare function PickersCalendarHeader<TDate>(props: PickersCalendarHeaderProps<TDate>): JSX.Element | null;
|
|
43
|
+
export default PickersCalendarHeader;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface FadeTransitionProps {
|
|
3
|
-
children: React.ReactElement;
|
|
4
|
-
className?: string;
|
|
5
|
-
reduceAnimations: boolean;
|
|
6
|
-
transKey: React.Key;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* @ignore - do not document.
|
|
10
|
-
*/
|
|
11
|
-
declare const PickersFadeTransitionGroup: ({ children, className, reduceAnimations, transKey, }: FadeTransitionProps) => JSX.Element;
|
|
12
|
-
export default PickersFadeTransitionGroup;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface FadeTransitionProps {
|
|
3
|
+
children: React.ReactElement;
|
|
4
|
+
className?: string;
|
|
5
|
+
reduceAnimations: boolean;
|
|
6
|
+
transKey: React.Key;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* @ignore - do not document.
|
|
10
|
+
*/
|
|
11
|
+
declare const PickersFadeTransitionGroup: ({ children, className, reduceAnimations, transKey, }: FadeTransitionProps) => JSX.Element;
|
|
12
|
+
export default PickersFadeTransitionGroup;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
|
|
3
|
-
export declare type SlideDirection = 'right' | 'left';
|
|
4
|
-
export interface SlideTransitionProps extends Omit<CSSTransitionProps, 'timeout'> {
|
|
5
|
-
children: React.ReactElement;
|
|
6
|
-
className?: string;
|
|
7
|
-
reduceAnimations: boolean;
|
|
8
|
-
slideDirection: SlideDirection;
|
|
9
|
-
transKey: React.Key;
|
|
10
|
-
}
|
|
11
|
-
export declare const slideAnimationDuration = 350;
|
|
12
|
-
/**
|
|
13
|
-
* @ignore - do not document.
|
|
14
|
-
*/
|
|
15
|
-
declare const PickersSlideTransition: ({ children, className, reduceAnimations, slideDirection, transKey, ...other }: SlideTransitionProps) => JSX.Element;
|
|
16
|
-
export default PickersSlideTransition;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
|
|
3
|
+
export declare type SlideDirection = 'right' | 'left';
|
|
4
|
+
export interface SlideTransitionProps extends Omit<CSSTransitionProps, 'timeout'> {
|
|
5
|
+
children: React.ReactElement;
|
|
6
|
+
className?: string;
|
|
7
|
+
reduceAnimations: boolean;
|
|
8
|
+
slideDirection: SlideDirection;
|
|
9
|
+
transKey: React.Key;
|
|
10
|
+
}
|
|
11
|
+
export declare const slideAnimationDuration = 350;
|
|
12
|
+
/**
|
|
13
|
+
* @ignore - do not document.
|
|
14
|
+
*/
|
|
15
|
+
declare const PickersSlideTransition: ({ children, className, reduceAnimations, slideDirection, transKey, ...other }: SlideTransitionProps) => JSX.Element;
|
|
16
|
+
export default PickersSlideTransition;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default, calendarPickerClasses } from './CalendarPicker';
|
|
2
|
-
export declare type CalendarPickerClassKey = import('./CalendarPicker').CalendarPickerClassKey;
|
|
3
|
-
export declare type CalendarPickerClasses = import('./CalendarPicker').CalendarPickerClasses;
|
|
4
|
-
export declare type CalendarPickerProps<TDate> = import('./CalendarPicker').CalendarPickerProps<TDate>;
|
|
5
|
-
export declare type CalendarPickerView = NonNullable<CalendarPickerProps<unknown>['view']>;
|
|
1
|
+
export { default, calendarPickerClasses } from './CalendarPicker';
|
|
2
|
+
export declare type CalendarPickerClassKey = import('./CalendarPicker').CalendarPickerClassKey;
|
|
3
|
+
export declare type CalendarPickerClasses = import('./CalendarPicker').CalendarPickerClasses;
|
|
4
|
+
export declare type CalendarPickerProps<TDate> = import('./CalendarPicker').CalendarPickerProps<TDate>;
|
|
5
|
+
export declare type CalendarPickerView = NonNullable<CalendarPickerProps<unknown>['view']>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare type CalendarPickerView = 'year' | 'day' | 'month';
|
|
1
|
+
export declare type CalendarPickerView = 'year' | 'day' | 'month';
|