@mui/lab 5.0.0-alpha.65 → 5.0.0-alpha.66

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.
Files changed (145) hide show
  1. package/AdapterDateFns/index.d.ts +1 -1
  2. package/AdapterDayjs/index.d.ts +1 -1
  3. package/AdapterLuxon/index.d.ts +1 -1
  4. package/AdapterMoment/index.d.ts +1 -1
  5. package/CHANGELOG.md +52 -1
  6. package/CalendarPicker/CalendarPicker.d.ts +106 -106
  7. package/CalendarPicker/PickersCalendar.d.ts +47 -47
  8. package/CalendarPicker/PickersCalendarHeader.d.ts +43 -43
  9. package/CalendarPicker/PickersFadeTransitionGroup.d.ts +12 -12
  10. package/CalendarPicker/PickersSlideTransition.d.ts +16 -16
  11. package/CalendarPicker/index.d.ts +5 -5
  12. package/CalendarPicker/shared.d.ts +1 -1
  13. package/CalendarPicker/useCalendarState.d.ts +32 -32
  14. package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +41 -41
  15. package/CalendarPickerSkeleton/index.d.ts +3 -3
  16. package/ClockPicker/Clock.d.ts +28 -28
  17. package/ClockPicker/ClockNumber.d.ts +19 -19
  18. package/ClockPicker/ClockNumbers.d.ts +24 -24
  19. package/ClockPicker/ClockPicker.d.ts +121 -121
  20. package/ClockPicker/ClockPickerStandalone.d.ts +28 -28
  21. package/ClockPicker/ClockPointer.d.ts +23 -23
  22. package/ClockPicker/index.d.ts +5 -5
  23. package/ClockPicker/shared.d.ts +5 -5
  24. package/DatePicker/DatePicker.d.ts +27 -27
  25. package/DatePicker/DatePickerToolbar.d.ts +23 -23
  26. package/DatePicker/index.d.ts +2 -2
  27. package/DatePicker/shared.d.ts +45 -45
  28. package/DateRangePicker/DateRangePicker.d.ts +65 -65
  29. package/DateRangePicker/DateRangePickerInput.d.ts +35 -35
  30. package/DateRangePicker/DateRangePickerToolbar.d.ts +15 -15
  31. package/DateRangePicker/DateRangePickerView.d.ts +44 -44
  32. package/DateRangePicker/DateRangePickerViewDesktop.d.ts +29 -29
  33. package/DateRangePicker/DateRangePickerViewMobile.d.ts +17 -17
  34. package/DateRangePicker/RangeTypes.d.ts +8 -8
  35. package/DateRangePicker/date-range-manager.d.ts +14 -14
  36. package/DateRangePicker/index.d.ts +3 -3
  37. package/DateRangePickerDay/DateRangePickerDay.d.ts +79 -79
  38. package/DateRangePickerDay/index.d.ts +2 -2
  39. package/DateTimePicker/DateTimePicker.d.ts +27 -27
  40. package/DateTimePicker/DateTimePickerTabs.d.ts +13 -13
  41. package/DateTimePicker/DateTimePickerToolbar.d.ts +7 -7
  42. package/DateTimePicker/index.d.ts +2 -2
  43. package/DateTimePicker/shared.d.ts +67 -67
  44. package/DesktopDatePicker/DesktopDatePicker.d.ts +20 -20
  45. package/DesktopDatePicker/index.d.ts +2 -2
  46. package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +64 -64
  47. package/DesktopDateRangePicker/index.d.ts +2 -2
  48. package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +20 -20
  49. package/DesktopDateTimePicker/index.d.ts +2 -2
  50. package/DesktopTimePicker/DesktopTimePicker.d.ts +20 -20
  51. package/DesktopTimePicker/index.d.ts +2 -2
  52. package/LoadingButton/loadingButtonClasses.d.ts +22 -22
  53. package/LocalizationProvider/LocalizationProvider.d.ts +35 -35
  54. package/LocalizationProvider/index.d.ts +2 -2
  55. package/Masonry/masonryClasses.d.ts +8 -8
  56. package/MobileDatePicker/MobileDatePicker.d.ts +20 -20
  57. package/MobileDatePicker/index.d.ts +2 -2
  58. package/MobileDateRangePicker/MobileDateRangePicker.d.ts +64 -64
  59. package/MobileDateRangePicker/index.d.ts +2 -2
  60. package/MobileDateTimePicker/MobileDateTimePicker.d.ts +20 -20
  61. package/MobileDateTimePicker/index.d.ts +2 -2
  62. package/MobileTimePicker/MobileTimePicker.d.ts +20 -20
  63. package/MobileTimePicker/index.d.ts +2 -2
  64. package/MonthPicker/MonthPicker.d.ts +53 -53
  65. package/MonthPicker/PickersMonth.d.ts +15 -15
  66. package/MonthPicker/index.d.ts +3 -3
  67. package/PickersDay/PickersDay.d.ts +93 -93
  68. package/PickersDay/index.d.ts +4 -4
  69. package/StaticDatePicker/StaticDatePicker.d.ts +25 -25
  70. package/StaticDatePicker/index.d.ts +2 -2
  71. package/StaticDateRangePicker/StaticDateRangePicker.d.ts +67 -67
  72. package/StaticDateRangePicker/index.d.ts +2 -2
  73. package/StaticDateTimePicker/StaticDateTimePicker.d.ts +25 -25
  74. package/StaticDateTimePicker/index.d.ts +2 -2
  75. package/StaticTimePicker/StaticTimePicker.d.ts +25 -25
  76. package/StaticTimePicker/index.d.ts +2 -2
  77. package/TabPanel/tabPanelClasses.d.ts +8 -8
  78. package/TimePicker/TimePicker.d.ts +27 -27
  79. package/TimePicker/TimePickerToolbar.d.ts +23 -23
  80. package/TimePicker/index.d.ts +2 -2
  81. package/TimePicker/shared.d.ts +36 -36
  82. package/Timeline/Timeline.d.ts +59 -59
  83. package/Timeline/TimelineContext.d.ts +6 -6
  84. package/Timeline/index.d.ts +5 -5
  85. package/Timeline/timelineClasses.d.ts +3 -3
  86. package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
  87. package/TimelineContent/timelineContentClasses.d.ts +14 -14
  88. package/TimelineDot/timelineDotClasses.d.ts +24 -24
  89. package/TimelineItem/timelineItemClasses.d.ts +16 -16
  90. package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
  91. package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
  92. package/TreeItem/treeItemClasses.d.ts +24 -24
  93. package/TreeView/treeViewClasses.d.ts +8 -8
  94. package/YearPicker/PickersYear.d.ts +28 -28
  95. package/YearPicker/YearPicker.d.ts +44 -44
  96. package/YearPicker/index.d.ts +5 -5
  97. package/YearPicker/yearPickerClasses.d.ts +3 -3
  98. package/index.js +1 -1
  99. package/internal/pickers/KeyboardDateInput.d.ts +4 -4
  100. package/internal/pickers/Picker/Picker.d.ts +33 -33
  101. package/internal/pickers/Picker/PickerView.d.ts +3 -3
  102. package/internal/pickers/PickersArrowSwitcher.d.ts +41 -41
  103. package/internal/pickers/PickersModalDialog.d.ts +47 -47
  104. package/internal/pickers/PickersPopper.d.ts +33 -33
  105. package/internal/pickers/PickersToolbar.d.ts +14 -14
  106. package/internal/pickers/PickersToolbarButton.d.ts +13 -13
  107. package/internal/pickers/PickersToolbarText.d.ts +8 -8
  108. package/internal/pickers/PureDateInput.d.ts +80 -80
  109. package/internal/pickers/constants/dimensions.d.ts +4 -4
  110. package/internal/pickers/constants/prop-types.d.ts +1 -1
  111. package/internal/pickers/date-time-utils.d.ts +8 -8
  112. package/internal/pickers/date-utils.d.ts +52 -52
  113. package/internal/pickers/hooks/date-helpers-hooks.d.ts +16 -16
  114. package/internal/pickers/hooks/useIsLandscape.d.ts +4 -4
  115. package/internal/pickers/hooks/useMaskedInput.d.ts +7 -7
  116. package/internal/pickers/hooks/useOpenState.d.ts +10 -10
  117. package/internal/pickers/hooks/usePickerState.d.ts +38 -38
  118. package/internal/pickers/hooks/useUtils.d.ts +7 -7
  119. package/internal/pickers/hooks/useValidation.d.ts +23 -23
  120. package/internal/pickers/hooks/useViews.d.ts +19 -19
  121. package/internal/pickers/text-field-helper.d.ts +11 -11
  122. package/internal/pickers/time-utils.d.ts +33 -33
  123. package/internal/pickers/typings/BasePicker.d.ts +95 -95
  124. package/internal/pickers/typings/Views.d.ts +1 -1
  125. package/internal/pickers/typings/helpers.d.ts +9 -9
  126. package/internal/pickers/utils.d.ts +7 -7
  127. package/internal/pickers/wrappers/DesktopTooltipWrapper.d.ts +4 -4
  128. package/internal/pickers/wrappers/DesktopWrapper.d.ts +16 -16
  129. package/internal/pickers/wrappers/MobileWrapper.d.ts +14 -14
  130. package/internal/pickers/wrappers/PickerStaticWrapper.d.ts +21 -21
  131. package/internal/pickers/wrappers/ResponsiveWrapper.d.ts +23 -23
  132. package/internal/pickers/wrappers/WrapperProps.d.ts +13 -13
  133. package/internal/pickers/wrappers/WrapperVariantContext.d.ts +11 -11
  134. package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
  135. package/internal/svg-icons/ArrowLeft.d.ts +7 -7
  136. package/internal/svg-icons/ArrowRight.d.ts +7 -7
  137. package/internal/svg-icons/Calendar.d.ts +7 -7
  138. package/internal/svg-icons/Clock.d.ts +7 -7
  139. package/internal/svg-icons/DateRange.d.ts +7 -7
  140. package/internal/svg-icons/Pen.d.ts +7 -7
  141. package/internal/svg-icons/Time.d.ts +7 -7
  142. package/legacy/index.js +1 -1
  143. package/modern/index.js +1 -1
  144. package/node/index.js +1 -1
  145. package/package.json +2 -2
@@ -1 +1 @@
1
- export { default } from '@date-io/date-fns';
1
+ export { default } from '@date-io/date-fns';
@@ -1 +1 @@
1
- export { default } from '@date-io/dayjs';
1
+ export { default } from '@date-io/dayjs';
@@ -1 +1 @@
1
- export { default } from '@date-io/luxon';
1
+ export { default } from '@date-io/luxon';
@@ -1 +1 @@
1
- export { default } from '@date-io/moment';
1
+ export { default } from '@date-io/moment';
package/CHANGELOG.md CHANGED
@@ -1,5 +1,56 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.3.1
4
+
5
+ <!-- generated comparing v5.3.0..master -->
6
+
7
+ _Jan 24, 2022_
8
+
9
+ A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🛠 @mnajdova added interoperability guide for using Tailwind CSS (#30700)
12
+ - A meaningful number of 🐛 bug fixes and 📚 documentation improvements.
13
+
14
+ ### `@mui/icons-material@5.3.1`
15
+
16
+ - &#8203;<!-- 04 -->[icons] Fix naming typos (#30512) @MrHBS
17
+ - &#8203;<!-- 03 -->[icons] Makes material-icons work with Joy (#30681) @siriwatknp
18
+
19
+ ### `@mui/base@5.0.0-alpha.66`
20
+
21
+ - &#8203;<!-- 02 -->[SliderUnstyled] Improve typings on some internal utils (#30614) @mnajdova
22
+
23
+ ### Core
24
+
25
+ - &#8203;<!-- 24 -->[core] Batch small changes (#30690) @oliviertassinari
26
+ - &#8203;<!-- 23 -->[core] Add new structure to ignore list crowdin (#30608) @siriwatknp
27
+ - &#8203;<!-- 22 -->[core] Correct version in package.json (#30677) @michaldudak
28
+ - &#8203;<!-- 01 -->[test] Fix buildApiUtils tests on Windows (#30698) @michaldudak
29
+
30
+ ### Docs
31
+
32
+ - &#8203;<!-- 26 -->[blog] Enable blog index (#30724) @siriwatknp
33
+ - &#8203;<!-- 25 -->[blog] Introducing the Row Grouping feature (#30598) @alexfauquette
34
+ - &#8203;<!-- 21 -->[docs] Fix SEO crawl errors (#30733) @oliviertassinari
35
+ - &#8203;<!-- 20 -->[docs] Update migration-v4.md (#30721) @ddecrulle
36
+ - &#8203;<!-- 19 -->[docs] Fix migration issues detected by `ahrefs` (#30751) @siriwatknp
37
+ - &#8203;<!-- 18 -->[docs] Add interoprability guide for using Tailwind CSS (#30700) @mnajdova
38
+ - &#8203;<!-- 17 -->[docs] Fix typo in containedSizeMedium class (#30723) @aaneitchik
39
+ - &#8203;<!-- 16 -->[docs] Hotfix the wrong URL in X marketing page (#30729) @siriwatknp
40
+ - &#8203;<!-- 15 -->[docs] Post migration preparation fix (#30716) @siriwatknp
41
+ - &#8203;<!-- 14 -->[docs] Update remix example to restore from error pages (#30592) @mnajdova
42
+ - &#8203;<!-- 13 -->[docs] Use new URLs when enable_redirects is true (#30704) @siriwatknp
43
+ - &#8203;<!-- 12 -->[docs] Add a missing bracket in the migration-v4 guide (#30616) @chaosmirage
44
+ - &#8203;<!-- 11 -->[docs] Add Checkbox color prop change (#30697) @aaneitchik
45
+ - &#8203;<!-- 10 -->[docs] Fix migration to have singular urls (#30695) @siriwatknp
46
+ - &#8203;<!-- 09 -->[docs] Update UXPin link to new landing page (#30691) @Evomatic
47
+ - &#8203;<!-- 08 -->[docs] Close user menu on click in the responsive app bar demo (#30664) @NoahYarian
48
+ - &#8203;<!-- 07 -->[docs] Clear the difference between UI and React components (#29930) @oliviertassinari
49
+ - &#8203;<!-- 06 -->[docs] Make Autocomplete docs gender neutral (#30679) @exequielbc
50
+ - &#8203;<!-- 05 -->[docs] Update doc structure for X components (#30684) @siriwatknp
51
+
52
+ All contributors of this release in alphabetical order: @aaneitchik, @alexfauquette, @chaosmirage, @ddecrulle, @Evomatic, @exequielbc, @michaldudak, @mnajdova, @MrHBS, @NoahYarian, @oliviertassinari, @siriwatknp
53
+
3
54
  ## 5.3.0
4
55
 
5
56
  <!-- generated comparing v5.2.8..master -->
@@ -5757,7 +5808,7 @@ Here are some highlights ✨:
5757
5808
  Last but not least, the change allows us to take advantage dynamic style props. We will use them for dynamic color props, variant props, and new style props (an improved [system](https://mui.com/system/basics/)).
5758
5809
 
5759
5810
  This change has been in our roadmap for more than a year.
5760
- We announced it in the [v4 release blog post](https://medium.com/material-ui/material-ui-v4-is-out-4b7587d1e701) as a direction v5 would take.
5811
+ We announced it in the [v4 release blog post](https://mui.com/blog/material-ui-v4-is-out/) as a direction v5 would take.
5761
5812
 
5762
5813
  - 🛠 A first iteration on the unstyled components.
5763
5814
 
@@ -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';
@@ -1,32 +1,32 @@
1
- import { SlideDirection } from './PickersSlideTransition';
2
- import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
3
- interface CalendarState<TDate> {
4
- currentMonth: TDate;
5
- focusedDay: TDate | null;
6
- isMonthSwitchingAnimating: boolean;
7
- slideDirection: SlideDirection;
8
- }
9
- declare type ReducerAction<TType, TAdditional = {}> = {
10
- type: TType;
11
- } & TAdditional;
12
- interface ChangeMonthPayload<TDate> {
13
- direction: SlideDirection;
14
- newMonth: TDate;
15
- }
16
- export declare const createCalendarStateReducer: <TDate extends unknown>(reduceAnimations: boolean, disableSwitchToMonthOnDayFocus: boolean, utils: MuiPickersAdapter<TDate>) => (state: CalendarState<TDate>, action: {
17
- type: "finishMonthSwitchingAnimation";
18
- } | ReducerAction<"changeMonth", ChangeMonthPayload<TDate>> | ReducerAction<"changeFocusedDay", {
19
- focusedDay: TDate;
20
- }>) => CalendarState<TDate>;
21
- declare type CalendarStateInput<TDate> = Pick<import('./CalendarPicker').CalendarPickerProps<TDate>, 'date' | 'defaultCalendarMonth' | 'disableFuture' | 'disablePast' | 'minDate' | 'maxDate' | 'onMonthChange' | 'reduceAnimations' | 'shouldDisableDate'> & {
22
- disableSwitchToMonthOnDayFocus?: boolean;
23
- };
24
- export declare function useCalendarState<TDate>({ date, defaultCalendarMonth, disableFuture, disablePast, disableSwitchToMonthOnDayFocus, maxDate, minDate, onMonthChange, reduceAnimations, shouldDisableDate, }: CalendarStateInput<TDate>): {
25
- calendarState: CalendarState<TDate>;
26
- changeMonth: (newDate: TDate) => void;
27
- changeFocusedDay: (newFocusedDate: TDate) => void;
28
- isDateDisabled: (day: TDate | null) => boolean;
29
- onMonthSwitchingAnimationEnd: () => void;
30
- handleChangeMonth: (payload: ChangeMonthPayload<TDate>) => void;
31
- };
32
- export {};
1
+ import { SlideDirection } from './PickersSlideTransition';
2
+ import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
3
+ interface CalendarState<TDate> {
4
+ currentMonth: TDate;
5
+ focusedDay: TDate | null;
6
+ isMonthSwitchingAnimating: boolean;
7
+ slideDirection: SlideDirection;
8
+ }
9
+ declare type ReducerAction<TType, TAdditional = {}> = {
10
+ type: TType;
11
+ } & TAdditional;
12
+ interface ChangeMonthPayload<TDate> {
13
+ direction: SlideDirection;
14
+ newMonth: TDate;
15
+ }
16
+ export declare const createCalendarStateReducer: <TDate extends unknown>(reduceAnimations: boolean, disableSwitchToMonthOnDayFocus: boolean, utils: MuiPickersAdapter<TDate>) => (state: CalendarState<TDate>, action: {
17
+ type: "finishMonthSwitchingAnimation";
18
+ } | ReducerAction<"changeMonth", ChangeMonthPayload<TDate>> | ReducerAction<"changeFocusedDay", {
19
+ focusedDay: TDate;
20
+ }>) => CalendarState<TDate>;
21
+ declare type CalendarStateInput<TDate> = Pick<import('./CalendarPicker').CalendarPickerProps<TDate>, 'date' | 'defaultCalendarMonth' | 'disableFuture' | 'disablePast' | 'minDate' | 'maxDate' | 'onMonthChange' | 'reduceAnimations' | 'shouldDisableDate'> & {
22
+ disableSwitchToMonthOnDayFocus?: boolean;
23
+ };
24
+ export declare function useCalendarState<TDate>({ date, defaultCalendarMonth, disableFuture, disablePast, disableSwitchToMonthOnDayFocus, maxDate, minDate, onMonthChange, reduceAnimations, shouldDisableDate, }: CalendarStateInput<TDate>): {
25
+ calendarState: CalendarState<TDate>;
26
+ changeMonth: (newDate: TDate) => void;
27
+ changeFocusedDay: (newFocusedDate: TDate) => void;
28
+ isDateDisabled: (day: TDate | null) => boolean;
29
+ onMonthSwitchingAnimationEnd: () => void;
30
+ handleChangeMonth: (payload: ChangeMonthPayload<TDate>) => void;
31
+ };
32
+ export {};