@mui/lab 5.0.0-alpha.71 → 5.0.0-alpha.72
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 -2
- package/CalendarPicker/CalendarPicker.d.ts +106 -106
- package/CalendarPicker/PickersCalendar.d.ts +47 -47
- 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/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/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 +2 -2
- package/LoadingButton/loadingButtonClasses.d.ts +22 -22
- package/LocalizationProvider/LocalizationProvider.d.ts +35 -35
- package/LocalizationProvider/index.d.ts +2 -2
- 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/PickersMonth.d.ts +15 -15
- package/MonthPicker/index.d.ts +3 -3
- package/PickersDay/PickersDay.d.ts +93 -93
- package/PickersDay/index.d.ts +4 -4
- package/StaticDatePicker/StaticDatePicker.d.ts +25 -25
- package/StaticDatePicker/index.d.ts +2 -2
- package/StaticDateRangePicker/StaticDateRangePicker.d.ts +67 -67
- package/StaticDateRangePicker/index.d.ts +2 -2
- package/StaticDateTimePicker/StaticDateTimePicker.d.ts +25 -25
- package/StaticDateTimePicker/index.d.ts +2 -2
- package/StaticTimePicker/StaticTimePicker.d.ts +25 -25
- package/StaticTimePicker/index.d.ts +2 -2
- 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/TimelineContext.d.ts +6 -6
- package/Timeline/index.d.ts +5 -5
- package/Timeline/timelineClasses.d.ts +3 -3
- package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
- package/TimelineContent/timelineContentClasses.d.ts +14 -14
- package/TimelineDot/timelineDotClasses.d.ts +24 -24
- package/TimelineItem/timelineItemClasses.d.ts +16 -16
- package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
- package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
- package/TreeItem/treeItemClasses.d.ts +24 -24
- 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 +44 -44
- 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 -21
- 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/LoadingButton/LoadingButton.js +2 -2
- package/legacy/index.js +1 -1
- package/modern/LoadingButton/LoadingButton.js +2 -2
- package/modern/index.js +1 -1
- package/node/LoadingButton/LoadingButton.js +2 -2
- package/node/index.js +1 -1
- package/package.json +3 -3
|
@@ -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,87 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.5.0
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.4.4..master -->
|
|
6
|
+
|
|
7
|
+
_Mar 7, 2022_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- ♿️ made the `Autocomplete` conform to [ARIA 1.2 combobox](https://www.w3.org/TR/wai-aria-1.2/#combobox) (#30601) @EdmundMai
|
|
12
|
+
- Several 🐛 bug fixes and 📚 documentation improvements
|
|
13
|
+
|
|
14
|
+
### `@mui/material@5.5.0`
|
|
15
|
+
|
|
16
|
+
#### Breaking change
|
|
17
|
+
|
|
18
|
+
- ​<!-- 24 -->[ClassNameGenerator] Prevent all `base` imports (#31297) @siriwatknp
|
|
19
|
+
|
|
20
|
+
`unstable_ClassNameGenerator` has been moved from `utils` to `className` folder to prevent all MUI Base module imports. If you use the module, please update the import as suggested in the diff below:
|
|
21
|
+
|
|
22
|
+
```diff
|
|
23
|
+
- import { unstable_ClassNameGenerator } from '@mui/material/utils';
|
|
24
|
+
+ import { unstable_ClassNameGenerator } from '@mui/material/className';
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
#### Changes
|
|
28
|
+
|
|
29
|
+
- ​<!-- 28 -->[Autocomplete] Fix failing unit tests (#31302) @michaldudak
|
|
30
|
+
- ​<!-- 27 -->[Autocomplete] Have the screen reader announce when autocomplete is open and closed (#30601) @EdmundMai
|
|
31
|
+
- ​<!-- 26 -->[AvatarGroup] Fix misalignment with non-default spacing (#31165) @sjdemartini
|
|
32
|
+
- ​<!-- 15 -->[Drawer] Adjustments to the mini variant to improve UI/UX (#31267) @siriwatknp
|
|
33
|
+
- ​<!-- 04 -->[Select] Add extending `OutlinedInputProps` by SelectProps (#31209) @jrozbicki
|
|
34
|
+
|
|
35
|
+
### `@mui/icons-material@5.5.0`
|
|
36
|
+
|
|
37
|
+
- ​<!-- 13 -->[icons] Sync new Google Material Icons (#30766) @simonecervini
|
|
38
|
+
|
|
39
|
+
### `@mui/codemod@5.5.0`
|
|
40
|
+
|
|
41
|
+
- ​<!-- 23 -->[codemod] Fix top level imports codemod (#31308) @mnajdova
|
|
42
|
+
|
|
43
|
+
### `@mui/lab@5.0.0-alpha.72`
|
|
44
|
+
|
|
45
|
+
- ​<!-- 07 -->[LoadingButton] Fix padding of loading icon in small button (#31113) @PunitSoniME
|
|
46
|
+
|
|
47
|
+
### `@mui/base@5.0.0-alpha.71`
|
|
48
|
+
|
|
49
|
+
- ​<!-- 05 -->[MenuUnstyled] Create MenuUnstyled and useMenu (#30961) @michaldudak
|
|
50
|
+
- ​<!-- 03 -->[SelectUnstyled] Prevent window scrolling after opening (#31237) @michaldudak
|
|
51
|
+
|
|
52
|
+
### `@mui/joy@5.0.0-alpha.18`
|
|
53
|
+
|
|
54
|
+
- ​<!-- 12 -->[Joy] Make Icon `fontSize` adaptable to its parent (#31268) @siriwatknp
|
|
55
|
+
- ​<!-- 11 -->[Joy] Add `Link` component (#31175) @hbjORbj
|
|
56
|
+
- ​<!-- 10 -->[Joy] Improve `Sheet` tests (#31241) @hbjORbj
|
|
57
|
+
- ​<!-- 09 -->[Joy] Improve SvgIcon tests (#31242) @hbjORbj
|
|
58
|
+
|
|
59
|
+
### `@mui/material-next@6.0.0-alpha.26`
|
|
60
|
+
|
|
61
|
+
- ​<!-- 06 -->[material-next] Mark @mui/material as a dependency (#31270) @siriwatknp
|
|
62
|
+
|
|
63
|
+
### Docs
|
|
64
|
+
|
|
65
|
+
- ​<!-- 21 -->[docs] Remove career pages from translation (#31346) @oliviertassinari
|
|
66
|
+
- ​<!-- 20 -->[docs] Fix JS files overloading (#31341) @oliviertassinari
|
|
67
|
+
- ​<!-- 19 -->[docs] Add banner in solidarity of Ukraine (#31275) @danilo-leal
|
|
68
|
+
- ​<!-- 18 -->[docs] Fix maxWidth of scrollable Tabs demos (#31285) @danilo-leal
|
|
69
|
+
- ​<!-- 17 -->[docs] Fix icon linking implementation concurrent safe (#30428) @Janpot
|
|
70
|
+
- ​<!-- 16 -->[docs] Follow up new doc space issues (#31251) @siriwatknp
|
|
71
|
+
- ​<!-- 29 -->[examples] Add `@types/node` to nextjs typescript starter (#30918) @Daggy1234
|
|
72
|
+
- ​<!-- 14 -->[examples] Fix import ThemeProvider from correct package in remix-wit… (#30981) @nnecec
|
|
73
|
+
- ​<!-- 25 -->[blog] Simplify the labels (#30921) @oliviertassinari
|
|
74
|
+
- ​<!-- 08 -->[l10n] Add Croatian (hr-HR) and Serbian (sr-RS) translation (#30906) @m14d3n
|
|
75
|
+
|
|
76
|
+
### Core
|
|
77
|
+
|
|
78
|
+
- ​<!-- 23 -->[core] Fix running markdownlint on Windows (#31352) @michaldudak
|
|
79
|
+
- ​<!-- 22 -->[core] Fix the stylelint script on Windows (#31281) @mnajdova
|
|
80
|
+
- ​<!-- 02 -->[test] Fix buildApiUtils tests on Windows (#31304) @michaldudak
|
|
81
|
+
- ​<!-- 01 -->[test] Remove legacyRoot option from test renderer (#31284) @eps1lon
|
|
82
|
+
|
|
83
|
+
All contributors of this release in alphabetical order: @Daggy1234, @danilo-leal, @EdmundMai, @eps1lon, @hbjORbj, @Janpot, @jrozbicki, @m14d3n, @michaldudak, @mnajdova, @nnecec, @oliviertassinari, @PunitSoniME, @simonecervini, @siriwatknp, @sjdemartini
|
|
84
|
+
|
|
3
85
|
## 5.4.4
|
|
4
86
|
|
|
5
87
|
<!-- generated comparing v5.4.3..master -->
|
|
@@ -232,7 +314,7 @@ A big thanks to the 24 contributors who made this release possible. Here are som
|
|
|
232
314
|
- ​<!-- 20 -->[docs] Clarify what the name of @mui/material is (#30866) @oliviertassinari
|
|
233
315
|
- ​<!-- 19 -->[docs] Remove migration from the releases page (#30863) @mnajdova
|
|
234
316
|
- ​<!-- 18 -->[docs] Update Instructions for Google Maps Autocomplete (#30849) @kjschabra
|
|
235
|
-
- ​<!-- 17 -->[docs] Hotfix notification
|
|
317
|
+
- ​<!-- 17 -->[docs] Hotfix notification (#30862) @siriwatknp
|
|
236
318
|
- ​<!-- 04 -->[website] Sample GA to avoid hit limit (#30919) @oliviertassinari
|
|
237
319
|
- ​<!-- 03 -->[website] Hide scrollbars of hero containers (#29474) @theiliad
|
|
238
320
|
- ​<!-- 02 -->[website] Polishing spacing and other small things (#30828) @danilo-leal
|
|
@@ -3641,7 +3723,7 @@ A big thanks to the 15 contributors who made this release possible. Here are som
|
|
|
3641
3723
|
- ​<!-- 53 -->[DateTimePicker] `date` is nullable in `onChange` (#25981) @eps1lon
|
|
3642
3724
|
- ​<!-- 39 -->[internal][pickers] Remove unused TView type argument (#25936) @eps1lon
|
|
3643
3725
|
- ​<!-- 48 -->[internal][pickers] Inline some BasePickerProps usages (#25971) @eps1lon
|
|
3644
|
-
- ​<!-- 44 -->[internal][pickers] Entangle what
|
|
3726
|
+
- ​<!-- 44 -->[internal][pickers] Entangle what Props vs AllProps means (#25938) @eps1lon
|
|
3645
3727
|
- ​<!-- 19 -->[lab] Update slot components to use overridesResolver (#25906) @mnajdova
|
|
3646
3728
|
- ​<!-- 40 -->[Timeline] Remove use of nth-child in favor of nth-of-type (#25915) @wellwellmissesanderson
|
|
3647
3729
|
- ​<!-- 06 -->[Timeline] Migrate Timeline to emotion (#25838) @siriwatknp
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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';
|