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

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 (245) 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 +84 -0
  6. package/CalendarPicker/CalendarPicker.d.ts +106 -106
  7. package/CalendarPicker/PickersCalendar.d.ts +47 -47
  8. package/CalendarPicker/PickersCalendar.js +6 -18
  9. package/CalendarPicker/PickersCalendarHeader.d.ts +43 -43
  10. package/CalendarPicker/PickersCalendarHeader.js +5 -15
  11. package/CalendarPicker/PickersFadeTransitionGroup.d.ts +12 -12
  12. package/CalendarPicker/PickersFadeTransitionGroup.js +1 -3
  13. package/CalendarPicker/PickersSlideTransition.d.ts +16 -16
  14. package/CalendarPicker/PickersSlideTransition.js +1 -3
  15. package/CalendarPicker/index.d.ts +5 -5
  16. package/CalendarPicker/shared.d.ts +1 -1
  17. package/CalendarPicker/useCalendarState.d.ts +32 -32
  18. package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +41 -41
  19. package/CalendarPickerSkeleton/index.d.ts +3 -3
  20. package/ClockPicker/Clock.d.ts +28 -28
  21. package/ClockPicker/Clock.js +6 -18
  22. package/ClockPicker/ClockNumber.d.ts +19 -19
  23. package/ClockPicker/ClockNumber.js +1 -3
  24. package/ClockPicker/ClockNumbers.d.ts +24 -24
  25. package/ClockPicker/ClockPicker.d.ts +121 -121
  26. package/ClockPicker/ClockPickerStandalone.d.ts +28 -28
  27. package/ClockPicker/ClockPointer.d.ts +23 -23
  28. package/ClockPicker/ClockPointer.js +2 -6
  29. package/ClockPicker/index.d.ts +5 -5
  30. package/ClockPicker/shared.d.ts +5 -5
  31. package/DatePicker/DatePicker.d.ts +27 -27
  32. package/DatePicker/DatePickerToolbar.d.ts +23 -23
  33. package/DatePicker/DatePickerToolbar.js +2 -6
  34. package/DatePicker/index.d.ts +2 -2
  35. package/DatePicker/shared.d.ts +45 -45
  36. package/DateRangePicker/DateRangePicker.d.ts +65 -65
  37. package/DateRangePicker/DateRangePickerInput.d.ts +35 -35
  38. package/DateRangePicker/DateRangePickerInput.js +1 -3
  39. package/DateRangePicker/DateRangePickerToolbar.d.ts +15 -15
  40. package/DateRangePicker/DateRangePickerToolbar.js +2 -6
  41. package/DateRangePicker/DateRangePickerView.d.ts +44 -44
  42. package/DateRangePicker/DateRangePickerViewDesktop.d.ts +29 -29
  43. package/DateRangePicker/DateRangePickerViewDesktop.js +4 -12
  44. package/DateRangePicker/DateRangePickerViewMobile.d.ts +17 -17
  45. package/DateRangePicker/RangeTypes.d.ts +8 -8
  46. package/DateRangePicker/date-range-manager.d.ts +14 -14
  47. package/DateRangePicker/index.d.ts +3 -3
  48. package/DateRangePickerDay/DateRangePickerDay.d.ts +79 -79
  49. package/DateRangePickerDay/index.d.ts +2 -2
  50. package/DateTimePicker/DateTimePicker.d.ts +27 -27
  51. package/DateTimePicker/DateTimePickerTabs.d.ts +13 -13
  52. package/DateTimePicker/DateTimePickerTabs.js +2 -4
  53. package/DateTimePicker/DateTimePickerToolbar.d.ts +7 -7
  54. package/DateTimePicker/DateTimePickerToolbar.js +4 -12
  55. package/DateTimePicker/index.d.ts +2 -2
  56. package/DateTimePicker/shared.d.ts +67 -67
  57. package/DesktopDatePicker/DesktopDatePicker.d.ts +20 -20
  58. package/DesktopDatePicker/index.d.ts +2 -2
  59. package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +64 -64
  60. package/DesktopDateRangePicker/index.d.ts +2 -2
  61. package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +20 -20
  62. package/DesktopDateTimePicker/index.d.ts +2 -2
  63. package/DesktopTimePicker/DesktopTimePicker.d.ts +20 -20
  64. package/DesktopTimePicker/index.d.ts +2 -2
  65. package/LoadingButton/loadingButtonClasses.d.ts +22 -22
  66. package/LocalizationProvider/LocalizationProvider.d.ts +35 -35
  67. package/LocalizationProvider/index.d.ts +2 -2
  68. package/Masonry/masonryClasses.d.ts +8 -8
  69. package/MobileDatePicker/MobileDatePicker.d.ts +20 -20
  70. package/MobileDatePicker/index.d.ts +2 -2
  71. package/MobileDateRangePicker/MobileDateRangePicker.d.ts +64 -64
  72. package/MobileDateRangePicker/index.d.ts +2 -2
  73. package/MobileDateTimePicker/MobileDateTimePicker.d.ts +20 -20
  74. package/MobileDateTimePicker/index.d.ts +2 -2
  75. package/MobileTimePicker/MobileTimePicker.d.ts +20 -20
  76. package/MobileTimePicker/index.d.ts +2 -2
  77. package/MonthPicker/MonthPicker.d.ts +53 -53
  78. package/MonthPicker/PickersMonth.d.ts +15 -15
  79. package/MonthPicker/PickersMonth.js +1 -3
  80. package/MonthPicker/index.d.ts +3 -3
  81. package/PickersDay/PickersDay.d.ts +93 -93
  82. package/PickersDay/index.d.ts +4 -4
  83. package/StaticDatePicker/StaticDatePicker.d.ts +25 -25
  84. package/StaticDatePicker/index.d.ts +2 -2
  85. package/StaticDateRangePicker/StaticDateRangePicker.d.ts +67 -67
  86. package/StaticDateRangePicker/index.d.ts +2 -2
  87. package/StaticDateTimePicker/StaticDateTimePicker.d.ts +25 -25
  88. package/StaticDateTimePicker/index.d.ts +2 -2
  89. package/StaticTimePicker/StaticTimePicker.d.ts +25 -25
  90. package/StaticTimePicker/index.d.ts +2 -2
  91. package/TabPanel/tabPanelClasses.d.ts +8 -8
  92. package/TimePicker/TimePicker.d.ts +27 -27
  93. package/TimePicker/TimePickerToolbar.d.ts +23 -23
  94. package/TimePicker/TimePickerToolbar.js +4 -12
  95. package/TimePicker/index.d.ts +2 -2
  96. package/TimePicker/shared.d.ts +36 -36
  97. package/Timeline/Timeline.d.ts +59 -59
  98. package/Timeline/TimelineContext.d.ts +6 -6
  99. package/Timeline/index.d.ts +5 -5
  100. package/Timeline/timelineClasses.d.ts +3 -3
  101. package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
  102. package/TimelineContent/timelineContentClasses.d.ts +14 -14
  103. package/TimelineDot/timelineDotClasses.d.ts +24 -24
  104. package/TimelineItem/timelineItemClasses.d.ts +16 -16
  105. package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
  106. package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
  107. package/TreeItem/treeItemClasses.d.ts +24 -24
  108. package/TreeView/TreeView.js +4 -0
  109. package/TreeView/treeViewClasses.d.ts +8 -8
  110. package/YearPicker/PickersYear.d.ts +28 -28
  111. package/YearPicker/PickersYear.js +2 -6
  112. package/YearPicker/YearPicker.d.ts +44 -44
  113. package/YearPicker/index.d.ts +5 -5
  114. package/YearPicker/yearPickerClasses.d.ts +3 -3
  115. package/index.js +1 -1
  116. package/internal/pickers/KeyboardDateInput.d.ts +4 -4
  117. package/internal/pickers/Picker/Picker.d.ts +33 -33
  118. package/internal/pickers/Picker/Picker.js +1 -3
  119. package/internal/pickers/Picker/PickerView.d.ts +3 -3
  120. package/internal/pickers/PickersArrowSwitcher.d.ts +41 -41
  121. package/internal/pickers/PickersArrowSwitcher.js +2 -6
  122. package/internal/pickers/PickersModalDialog.d.ts +47 -47
  123. package/internal/pickers/PickersModalDialog.js +3 -9
  124. package/internal/pickers/PickersPopper.d.ts +33 -33
  125. package/internal/pickers/PickersPopper.js +2 -6
  126. package/internal/pickers/PickersToolbar.d.ts +14 -14
  127. package/internal/pickers/PickersToolbar.js +2 -6
  128. package/internal/pickers/PickersToolbarButton.d.ts +13 -13
  129. package/internal/pickers/PickersToolbarButton.js +1 -3
  130. package/internal/pickers/PickersToolbarText.d.ts +8 -8
  131. package/internal/pickers/PickersToolbarText.js +1 -3
  132. package/internal/pickers/PureDateInput.d.ts +80 -80
  133. package/internal/pickers/constants/dimensions.d.ts +4 -4
  134. package/internal/pickers/constants/prop-types.d.ts +1 -1
  135. package/internal/pickers/date-time-utils.d.ts +8 -8
  136. package/internal/pickers/date-utils.d.ts +52 -52
  137. package/internal/pickers/hooks/date-helpers-hooks.d.ts +16 -16
  138. package/internal/pickers/hooks/useIsLandscape.d.ts +4 -4
  139. package/internal/pickers/hooks/useMaskedInput.d.ts +7 -7
  140. package/internal/pickers/hooks/useOpenState.d.ts +10 -10
  141. package/internal/pickers/hooks/usePickerState.d.ts +38 -38
  142. package/internal/pickers/hooks/useUtils.d.ts +7 -7
  143. package/internal/pickers/hooks/useValidation.d.ts +23 -23
  144. package/internal/pickers/hooks/useViews.d.ts +19 -19
  145. package/internal/pickers/text-field-helper.d.ts +11 -11
  146. package/internal/pickers/time-utils.d.ts +33 -33
  147. package/internal/pickers/typings/BasePicker.d.ts +95 -95
  148. package/internal/pickers/typings/Views.d.ts +1 -1
  149. package/internal/pickers/typings/helpers.d.ts +9 -9
  150. package/internal/pickers/utils.d.ts +7 -7
  151. package/internal/pickers/wrappers/DesktopTooltipWrapper.d.ts +4 -4
  152. package/internal/pickers/wrappers/DesktopWrapper.d.ts +16 -16
  153. package/internal/pickers/wrappers/MobileWrapper.d.ts +14 -14
  154. package/internal/pickers/wrappers/PickerStaticWrapper.d.ts +21 -21
  155. package/internal/pickers/wrappers/PickerStaticWrapper.js +1 -2
  156. package/internal/pickers/wrappers/ResponsiveWrapper.d.ts +23 -23
  157. package/internal/pickers/wrappers/WrapperProps.d.ts +13 -13
  158. package/internal/pickers/wrappers/WrapperVariantContext.d.ts +11 -11
  159. package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
  160. package/internal/svg-icons/ArrowLeft.d.ts +7 -7
  161. package/internal/svg-icons/ArrowRight.d.ts +7 -7
  162. package/internal/svg-icons/Calendar.d.ts +7 -7
  163. package/internal/svg-icons/Clock.d.ts +7 -7
  164. package/internal/svg-icons/DateRange.d.ts +7 -7
  165. package/internal/svg-icons/Pen.d.ts +7 -7
  166. package/internal/svg-icons/Time.d.ts +7 -7
  167. package/legacy/CalendarPicker/PickersCalendar.js +6 -18
  168. package/legacy/CalendarPicker/PickersCalendarHeader.js +5 -15
  169. package/legacy/CalendarPicker/PickersFadeTransitionGroup.js +1 -3
  170. package/legacy/CalendarPicker/PickersSlideTransition.js +1 -3
  171. package/legacy/ClockPicker/Clock.js +6 -18
  172. package/legacy/ClockPicker/ClockNumber.js +1 -3
  173. package/legacy/ClockPicker/ClockPointer.js +2 -6
  174. package/legacy/DatePicker/DatePickerToolbar.js +2 -6
  175. package/legacy/DateRangePicker/DateRangePickerInput.js +1 -3
  176. package/legacy/DateRangePicker/DateRangePickerToolbar.js +2 -6
  177. package/legacy/DateRangePicker/DateRangePickerViewDesktop.js +4 -12
  178. package/legacy/DateTimePicker/DateTimePickerTabs.js +2 -4
  179. package/legacy/DateTimePicker/DateTimePickerToolbar.js +4 -12
  180. package/legacy/MonthPicker/PickersMonth.js +1 -3
  181. package/legacy/TimePicker/TimePickerToolbar.js +4 -12
  182. package/legacy/TreeView/TreeView.js +4 -0
  183. package/legacy/YearPicker/PickersYear.js +2 -6
  184. package/legacy/index.js +1 -1
  185. package/legacy/internal/pickers/Picker/Picker.js +1 -3
  186. package/legacy/internal/pickers/PickersArrowSwitcher.js +2 -6
  187. package/legacy/internal/pickers/PickersModalDialog.js +3 -9
  188. package/legacy/internal/pickers/PickersPopper.js +2 -6
  189. package/legacy/internal/pickers/PickersToolbar.js +2 -6
  190. package/legacy/internal/pickers/PickersToolbarButton.js +1 -3
  191. package/legacy/internal/pickers/PickersToolbarText.js +1 -3
  192. package/legacy/internal/pickers/wrappers/PickerStaticWrapper.js +1 -2
  193. package/modern/CalendarPicker/PickersCalendar.js +6 -18
  194. package/modern/CalendarPicker/PickersCalendarHeader.js +5 -15
  195. package/modern/CalendarPicker/PickersFadeTransitionGroup.js +1 -3
  196. package/modern/CalendarPicker/PickersSlideTransition.js +1 -3
  197. package/modern/ClockPicker/Clock.js +6 -18
  198. package/modern/ClockPicker/ClockNumber.js +1 -3
  199. package/modern/ClockPicker/ClockPointer.js +2 -6
  200. package/modern/DatePicker/DatePickerToolbar.js +2 -6
  201. package/modern/DateRangePicker/DateRangePickerInput.js +1 -3
  202. package/modern/DateRangePicker/DateRangePickerToolbar.js +2 -6
  203. package/modern/DateRangePicker/DateRangePickerViewDesktop.js +4 -12
  204. package/modern/DateTimePicker/DateTimePickerTabs.js +2 -4
  205. package/modern/DateTimePicker/DateTimePickerToolbar.js +4 -12
  206. package/modern/MonthPicker/PickersMonth.js +1 -3
  207. package/modern/TimePicker/TimePickerToolbar.js +4 -12
  208. package/modern/TreeView/TreeView.js +4 -0
  209. package/modern/YearPicker/PickersYear.js +2 -6
  210. package/modern/index.js +1 -1
  211. package/modern/internal/pickers/Picker/Picker.js +1 -3
  212. package/modern/internal/pickers/PickersArrowSwitcher.js +2 -6
  213. package/modern/internal/pickers/PickersModalDialog.js +3 -9
  214. package/modern/internal/pickers/PickersPopper.js +2 -6
  215. package/modern/internal/pickers/PickersToolbar.js +2 -6
  216. package/modern/internal/pickers/PickersToolbarButton.js +1 -3
  217. package/modern/internal/pickers/PickersToolbarText.js +1 -3
  218. package/modern/internal/pickers/wrappers/PickerStaticWrapper.js +1 -2
  219. package/node/CalendarPicker/PickersCalendar.js +6 -18
  220. package/node/CalendarPicker/PickersCalendarHeader.js +5 -15
  221. package/node/CalendarPicker/PickersFadeTransitionGroup.js +1 -3
  222. package/node/CalendarPicker/PickersSlideTransition.js +1 -3
  223. package/node/ClockPicker/Clock.js +6 -18
  224. package/node/ClockPicker/ClockNumber.js +1 -3
  225. package/node/ClockPicker/ClockPointer.js +2 -6
  226. package/node/DatePicker/DatePickerToolbar.js +2 -6
  227. package/node/DateRangePicker/DateRangePickerInput.js +1 -3
  228. package/node/DateRangePicker/DateRangePickerToolbar.js +2 -6
  229. package/node/DateRangePicker/DateRangePickerViewDesktop.js +4 -12
  230. package/node/DateTimePicker/DateTimePickerTabs.js +2 -4
  231. package/node/DateTimePicker/DateTimePickerToolbar.js +4 -12
  232. package/node/MonthPicker/PickersMonth.js +1 -3
  233. package/node/TimePicker/TimePickerToolbar.js +4 -12
  234. package/node/TreeView/TreeView.js +4 -0
  235. package/node/YearPicker/PickersYear.js +2 -6
  236. package/node/index.js +1 -1
  237. package/node/internal/pickers/Picker/Picker.js +1 -3
  238. package/node/internal/pickers/PickersArrowSwitcher.js +2 -6
  239. package/node/internal/pickers/PickersModalDialog.js +3 -9
  240. package/node/internal/pickers/PickersPopper.js +2 -6
  241. package/node/internal/pickers/PickersToolbar.js +2 -6
  242. package/node/internal/pickers/PickersToolbarButton.js +1 -3
  243. package/node/internal/pickers/PickersToolbarText.js +1 -3
  244. package/node/internal/pickers/wrappers/PickerStaticWrapper.js +1 -2
  245. package/package.json +3 -3
@@ -1,28 +1,28 @@
1
- import * as React from 'react';
2
- export interface YearProps {
3
- autoFocus?: boolean;
4
- children: React.ReactNode;
5
- classes?: {
6
- root?: string;
7
- modeDesktop?: string;
8
- modeMobile?: string;
9
- yearButton?: string;
10
- disabled?: string;
11
- selected?: string;
12
- };
13
- className?: string;
14
- disabled?: boolean;
15
- forwardedRef?: React.Ref<HTMLButtonElement>;
16
- onClick: (event: React.MouseEvent, value: number) => void;
17
- onKeyDown: (event: React.KeyboardEvent, value: number) => void;
18
- selected: boolean;
19
- value: number;
20
- }
21
- export declare function getPickersYearUtilityClass(slot: string): string;
22
- export declare type PickersYearClassKey = keyof NonNullable<YearProps['classes']>;
23
- export declare const pickersYearClasses: Record<"root" | "selected" | "disabled" | "modeDesktop" | "modeMobile" | "yearButton", string>;
24
- /**
25
- * @ignore - internal component.
26
- */
27
- declare const PickersYear: React.ForwardRefExoticComponent<YearProps & React.RefAttributes<HTMLButtonElement>>;
28
- export default PickersYear;
1
+ import * as React from 'react';
2
+ export interface YearProps {
3
+ autoFocus?: boolean;
4
+ children: React.ReactNode;
5
+ classes?: {
6
+ root?: string;
7
+ modeDesktop?: string;
8
+ modeMobile?: string;
9
+ yearButton?: string;
10
+ disabled?: string;
11
+ selected?: string;
12
+ };
13
+ className?: string;
14
+ disabled?: boolean;
15
+ forwardedRef?: React.Ref<HTMLButtonElement>;
16
+ onClick: (event: React.MouseEvent, value: number) => void;
17
+ onKeyDown: (event: React.KeyboardEvent, value: number) => void;
18
+ selected: boolean;
19
+ value: number;
20
+ }
21
+ export declare function getPickersYearUtilityClass(slot: string): string;
22
+ export declare type PickersYearClassKey = keyof NonNullable<YearProps['classes']>;
23
+ export declare const pickersYearClasses: Record<"root" | "selected" | "disabled" | "modeDesktop" | "modeMobile" | "yearButton", string>;
24
+ /**
25
+ * @ignore - internal component.
26
+ */
27
+ declare const PickersYear: React.ForwardRefExoticComponent<YearProps & React.RefAttributes<HTMLButtonElement>>;
28
+ export default PickersYear;
@@ -25,9 +25,7 @@ const useUtilityClasses = ownerState => {
25
25
  return composeClasses(slots, getPickersYearUtilityClass, classes);
26
26
  };
27
27
 
28
- const PickersYearRoot = styled('div', {
29
- skipSx: true
30
- })(({
28
+ const PickersYearRoot = styled('div')(({
31
29
  ownerState
32
30
  }) => _extends({
33
31
  flexBasis: '33.3%',
@@ -37,9 +35,7 @@ const PickersYearRoot = styled('div', {
37
35
  }, (ownerState == null ? void 0 : ownerState.wrapperVariant) === 'desktop' && {
38
36
  flexBasis: '25%'
39
37
  }));
40
- const PickersYearButton = styled('button', {
41
- skipSx: true
42
- })(({
38
+ const PickersYearButton = styled('button')(({
43
39
  theme
44
40
  }) => _extends({
45
41
  color: 'unset',
@@ -1,44 +1,44 @@
1
- /// <reference types="react" />
2
- import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
3
- export interface ExportedYearPickerProps<TDate> {
4
- /**
5
- * Callback firing on year change @DateIOType.
6
- */
7
- onYearChange?: (date: TDate) => void;
8
- /**
9
- * Disable specific years dynamically.
10
- * Works like `shouldDisableDate` but for year selection view @DateIOType.
11
- */
12
- shouldDisableYear?: (day: TDate) => boolean;
13
- }
14
- export declare type YearPickerClassKey = keyof NonNullable<YearPickerProps<any>['classes']>;
15
- export interface YearPickerProps<TDate> extends ExportedYearPickerProps<TDate> {
16
- autoFocus?: boolean;
17
- className?: string;
18
- classes?: {
19
- /** Styles applied to the root element. */
20
- root?: string;
21
- };
22
- date: TDate | null;
23
- disabled?: boolean;
24
- disableFuture?: boolean | null;
25
- disablePast?: boolean | null;
26
- isDateDisabled: (day: TDate) => boolean;
27
- minDate: TDate;
28
- maxDate: TDate;
29
- onChange: PickerOnChangeFn<TDate>;
30
- onFocusedDayChange?: (day: TDate) => void;
31
- readOnly?: boolean;
32
- }
33
- declare const _default: <TDate>(props: YearPickerProps<TDate>) => JSX.Element;
34
- /**
35
- *
36
- * Demos:
37
- *
38
- * - [Date Picker](https://mui.com/components/date-picker/)
39
- *
40
- * API:
41
- *
42
- * - [YearPicker API](https://mui.com/api/year-picker/)
43
- */
44
- export default _default;
1
+ /// <reference types="react" />
2
+ import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
3
+ export interface ExportedYearPickerProps<TDate> {
4
+ /**
5
+ * Callback firing on year change @DateIOType.
6
+ */
7
+ onYearChange?: (date: TDate) => void;
8
+ /**
9
+ * Disable specific years dynamically.
10
+ * Works like `shouldDisableDate` but for year selection view @DateIOType.
11
+ */
12
+ shouldDisableYear?: (day: TDate) => boolean;
13
+ }
14
+ export declare type YearPickerClassKey = keyof NonNullable<YearPickerProps<any>['classes']>;
15
+ export interface YearPickerProps<TDate> extends ExportedYearPickerProps<TDate> {
16
+ autoFocus?: boolean;
17
+ className?: string;
18
+ classes?: {
19
+ /** Styles applied to the root element. */
20
+ root?: string;
21
+ };
22
+ date: TDate | null;
23
+ disabled?: boolean;
24
+ disableFuture?: boolean | null;
25
+ disablePast?: boolean | null;
26
+ isDateDisabled: (day: TDate) => boolean;
27
+ minDate: TDate;
28
+ maxDate: TDate;
29
+ onChange: PickerOnChangeFn<TDate>;
30
+ onFocusedDayChange?: (day: TDate) => void;
31
+ readOnly?: boolean;
32
+ }
33
+ declare const _default: <TDate>(props: YearPickerProps<TDate>) => JSX.Element;
34
+ /**
35
+ *
36
+ * Demos:
37
+ *
38
+ * - [Date Picker](https://mui.com/components/date-picker/)
39
+ *
40
+ * API:
41
+ *
42
+ * - [YearPicker API](https://mui.com/api/year-picker/)
43
+ */
44
+ export default _default;
@@ -1,5 +1,5 @@
1
- export { default } from './YearPicker';
2
- export declare type YearPickerClassKey = import('./YearPicker').YearPickerClassKey;
3
- export declare type YearPickerProps<TDate> = import('./YearPicker').YearPickerProps<TDate>;
4
- export { default as yearPickerClasses } from './yearPickerClasses';
5
- export * from './yearPickerClasses';
1
+ export { default } from './YearPicker';
2
+ export declare type YearPickerClassKey = import('./YearPicker').YearPickerClassKey;
3
+ export declare type YearPickerProps<TDate> = import('./YearPicker').YearPickerProps<TDate>;
4
+ export { default as yearPickerClasses } from './yearPickerClasses';
5
+ export * from './yearPickerClasses';
@@ -1,3 +1,3 @@
1
- export declare function getYearPickerUtilityClass(slot: string): string;
2
- declare const yearPickerClasses: Record<"root", string>;
3
- export default yearPickerClasses;
1
+ export declare function getYearPickerUtilityClass(slot: string): string;
2
+ declare const yearPickerClasses: Record<"root", string>;
3
+ export default yearPickerClasses;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.0-alpha.66
1
+ /** @license MUI v5.0.0-alpha.67
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
2
- import { DateInputProps } from './PureDateInput';
3
- export declare const KeyboardDateInput: React.ForwardRefExoticComponent<DateInputProps<unknown, unknown> & React.RefAttributes<HTMLDivElement>>;
4
- export default KeyboardDateInput;
1
+ import * as React from 'react';
2
+ import { DateInputProps } from './PureDateInput';
3
+ export declare const KeyboardDateInput: React.ForwardRefExoticComponent<DateInputProps<unknown, unknown> & React.RefAttributes<HTMLDivElement>>;
4
+ export default KeyboardDateInput;
@@ -1,33 +1,33 @@
1
- import * as React from 'react';
2
- import { WrapperVariant } from '../wrappers/WrapperVariantContext';
3
- import { DateInputPropsLike } from '../wrappers/WrapperProps';
4
- import { PickerSelectionState } from '../hooks/usePickerState';
5
- import { BasePickerProps, CalendarAndClockProps } from '../typings/BasePicker';
6
- import { AllAvailableViews } from '../typings/Views';
7
- export interface ExportedPickerProps<View extends AllAvailableViews> extends Omit<BasePickerProps<unknown, unknown>, 'value' | 'onChange'>, Omit<CalendarAndClockProps<unknown>, 'onViewChange' | 'openTo' | 'view'> {
8
- dateRangeIcon?: React.ReactNode;
9
- /**
10
- * Callback fired on view change.
11
- */
12
- onViewChange?: (view: View) => void;
13
- /**
14
- * First view to show.
15
- */
16
- openTo: View;
17
- timeIcon?: React.ReactNode;
18
- /**
19
- * Array of views to show.
20
- */
21
- views: readonly View[];
22
- }
23
- export interface PickerProps<View extends AllAvailableViews> extends ExportedPickerProps<View> {
24
- autoFocus?: boolean;
25
- date: any;
26
- DateInputProps: DateInputPropsLike;
27
- isMobileKeyboardViewOpen: boolean;
28
- onDateChange: (date: any, currentWrapperVariant: WrapperVariant, isFinish?: PickerSelectionState) => void;
29
- toggleMobileKeyboardView: () => void;
30
- }
31
- export declare const MobileKeyboardInputView: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
32
- declare function Picker<View extends AllAvailableViews>(props: PickerProps<View>): JSX.Element;
33
- export default Picker;
1
+ import * as React from 'react';
2
+ import { WrapperVariant } from '../wrappers/WrapperVariantContext';
3
+ import { DateInputPropsLike } from '../wrappers/WrapperProps';
4
+ import { PickerSelectionState } from '../hooks/usePickerState';
5
+ import { BasePickerProps, CalendarAndClockProps } from '../typings/BasePicker';
6
+ import { AllAvailableViews } from '../typings/Views';
7
+ export interface ExportedPickerProps<View extends AllAvailableViews> extends Omit<BasePickerProps<unknown, unknown>, 'value' | 'onChange'>, Omit<CalendarAndClockProps<unknown>, 'onViewChange' | 'openTo' | 'view'> {
8
+ dateRangeIcon?: React.ReactNode;
9
+ /**
10
+ * Callback fired on view change.
11
+ */
12
+ onViewChange?: (view: View) => void;
13
+ /**
14
+ * First view to show.
15
+ */
16
+ openTo: View;
17
+ timeIcon?: React.ReactNode;
18
+ /**
19
+ * Array of views to show.
20
+ */
21
+ views: readonly View[];
22
+ }
23
+ export interface PickerProps<View extends AllAvailableViews> extends ExportedPickerProps<View> {
24
+ autoFocus?: boolean;
25
+ date: any;
26
+ DateInputProps: DateInputPropsLike;
27
+ isMobileKeyboardViewOpen: boolean;
28
+ onDateChange: (date: any, currentWrapperVariant: WrapperVariant, isFinish?: PickerSelectionState) => void;
29
+ toggleMobileKeyboardView: () => void;
30
+ }
31
+ export declare const MobileKeyboardInputView: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
32
+ declare function Picker<View extends AllAvailableViews>(props: PickerProps<View>): JSX.Element;
33
+ export default Picker;
@@ -15,9 +15,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
15
15
  export const MobileKeyboardInputView = styled('div')({
16
16
  padding: '16px 24px'
17
17
  });
18
- const PickerRoot = styled('div', {
19
- skipSx: true
20
- })(({
18
+ const PickerRoot = styled('div')(({
21
19
  ownerState
22
20
  }) => _extends({
23
21
  display: 'flex',
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- declare const PickerView: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export default PickerView;
1
+ /// <reference types="react" />
2
+ declare const PickerView: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
+ export default PickerView;
@@ -1,41 +1,41 @@
1
- import * as React from 'react';
2
- export interface ExportedArrowSwitcherProps {
3
- /**
4
- * The components used for each slot.
5
- * Either a string to use a HTML element or a component.
6
- * @default {}
7
- */
8
- components?: {
9
- LeftArrowButton?: React.ElementType;
10
- LeftArrowIcon?: React.ElementType;
11
- RightArrowButton?: React.ElementType;
12
- RightArrowIcon?: React.ElementType;
13
- };
14
- /**
15
- * The props used for each slot inside.
16
- * @default {}
17
- */
18
- componentsProps?: {
19
- leftArrowButton?: Record<string, any>;
20
- rightArrowButton?: Record<string, any>;
21
- };
22
- /**
23
- * Left arrow icon aria-label text.
24
- */
25
- leftArrowButtonText?: string;
26
- /**
27
- * Right arrow icon aria-label text.
28
- */
29
- rightArrowButtonText?: string;
30
- }
31
- interface ArrowSwitcherProps extends ExportedArrowSwitcherProps, Omit<React.HTMLProps<HTMLDivElement>, 'ref'> {
32
- children?: React.ReactNode;
33
- isLeftDisabled: boolean;
34
- isLeftHidden?: boolean;
35
- isRightDisabled: boolean;
36
- isRightHidden?: boolean;
37
- onLeftClick: () => void;
38
- onRightClick: () => void;
39
- }
40
- declare const PickersArrowSwitcher: React.ForwardRefExoticComponent<Omit<ArrowSwitcherProps, "as"> & React.RefAttributes<HTMLDivElement>>;
41
- export default PickersArrowSwitcher;
1
+ import * as React from 'react';
2
+ export interface ExportedArrowSwitcherProps {
3
+ /**
4
+ * The components used for each slot.
5
+ * Either a string to use a HTML element or a component.
6
+ * @default {}
7
+ */
8
+ components?: {
9
+ LeftArrowButton?: React.ElementType;
10
+ LeftArrowIcon?: React.ElementType;
11
+ RightArrowButton?: React.ElementType;
12
+ RightArrowIcon?: React.ElementType;
13
+ };
14
+ /**
15
+ * The props used for each slot inside.
16
+ * @default {}
17
+ */
18
+ componentsProps?: {
19
+ leftArrowButton?: Record<string, any>;
20
+ rightArrowButton?: Record<string, any>;
21
+ };
22
+ /**
23
+ * Left arrow icon aria-label text.
24
+ */
25
+ leftArrowButtonText?: string;
26
+ /**
27
+ * Right arrow icon aria-label text.
28
+ */
29
+ rightArrowButtonText?: string;
30
+ }
31
+ interface ArrowSwitcherProps extends ExportedArrowSwitcherProps, Omit<React.HTMLProps<HTMLDivElement>, 'ref'> {
32
+ children?: React.ReactNode;
33
+ isLeftDisabled: boolean;
34
+ isLeftHidden?: boolean;
35
+ isRightDisabled: boolean;
36
+ isRightHidden?: boolean;
37
+ onLeftClick: () => void;
38
+ onRightClick: () => void;
39
+ }
40
+ declare const PickersArrowSwitcher: React.ForwardRefExoticComponent<Omit<ArrowSwitcherProps, "as"> & React.RefAttributes<HTMLDivElement>>;
41
+ export default PickersArrowSwitcher;
@@ -12,16 +12,12 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
12
12
  const PickersArrowSwitcherRoot = styled('div')({
13
13
  display: 'flex'
14
14
  });
15
- const PickersArrowSwitcherSpacer = styled('div', {
16
- skipSx: true
17
- })(({
15
+ const PickersArrowSwitcherSpacer = styled('div')(({
18
16
  theme
19
17
  }) => ({
20
18
  width: theme.spacing(3)
21
19
  }));
22
- const PickersArrowSwitcherButton = styled(IconButton, {
23
- skipSx: true
24
- })(({
20
+ const PickersArrowSwitcherButton = styled(IconButton)(({
25
21
  ownerState
26
22
  }) => _extends({}, ownerState.hidden && {
27
23
  visibility: 'hidden'
@@ -1,47 +1,47 @@
1
- import * as React from 'react';
2
- import { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
3
- export interface ExportedPickerModalProps {
4
- /**
5
- * Ok button text.
6
- * @default 'OK'
7
- */
8
- okText?: React.ReactNode;
9
- /**
10
- * Cancel text message.
11
- * @default 'Cancel'
12
- */
13
- cancelText?: React.ReactNode;
14
- /**
15
- * Clear text message.
16
- * @default 'Clear'
17
- */
18
- clearText?: React.ReactNode;
19
- /**
20
- * Today text message.
21
- * @default 'Today'
22
- */
23
- todayText?: React.ReactNode;
24
- /**
25
- * If `true`, it shows the clear action in the picker dialog.
26
- * @default false
27
- */
28
- clearable?: boolean;
29
- /**
30
- * If `true`, the today button is displayed. **Note** that `showClearButton` has a higher priority.
31
- * @default false
32
- */
33
- showTodayButton?: boolean;
34
- /**
35
- * Props applied to the [`Dialog`](/api/dialog/) element.
36
- */
37
- DialogProps?: Partial<MuiDialogProps>;
38
- }
39
- export interface PickersModalDialogProps extends ExportedPickerModalProps {
40
- onAccept: () => void;
41
- onClear: () => void;
42
- onDismiss: () => void;
43
- onSetToday: () => void;
44
- open: boolean;
45
- }
46
- declare const PickersModalDialog: (props: React.PropsWithChildren<PickersModalDialogProps>) => JSX.Element;
47
- export default PickersModalDialog;
1
+ import * as React from 'react';
2
+ import { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
3
+ export interface ExportedPickerModalProps {
4
+ /**
5
+ * Ok button text.
6
+ * @default 'OK'
7
+ */
8
+ okText?: React.ReactNode;
9
+ /**
10
+ * Cancel text message.
11
+ * @default 'Cancel'
12
+ */
13
+ cancelText?: React.ReactNode;
14
+ /**
15
+ * Clear text message.
16
+ * @default 'Clear'
17
+ */
18
+ clearText?: React.ReactNode;
19
+ /**
20
+ * Today text message.
21
+ * @default 'Today'
22
+ */
23
+ todayText?: React.ReactNode;
24
+ /**
25
+ * If `true`, it shows the clear action in the picker dialog.
26
+ * @default false
27
+ */
28
+ clearable?: boolean;
29
+ /**
30
+ * If `true`, the today button is displayed. **Note** that `showClearButton` has a higher priority.
31
+ * @default false
32
+ */
33
+ showTodayButton?: boolean;
34
+ /**
35
+ * Props applied to the [`Dialog`](/api/dialog/) element.
36
+ */
37
+ DialogProps?: Partial<MuiDialogProps>;
38
+ }
39
+ export interface PickersModalDialogProps extends ExportedPickerModalProps {
40
+ onAccept: () => void;
41
+ onClear: () => void;
42
+ onDismiss: () => void;
43
+ onSetToday: () => void;
44
+ open: boolean;
45
+ }
46
+ declare const PickersModalDialog: (props: React.PropsWithChildren<PickersModalDialogProps>) => JSX.Element;
47
+ export default PickersModalDialog;
@@ -8,9 +8,7 @@ import { styled } from '@mui/material/styles';
8
8
  import { DIALOG_WIDTH } from './constants/dimensions';
9
9
  import { jsx as _jsx } from "react/jsx-runtime";
10
10
  import { jsxs as _jsxs } from "react/jsx-runtime";
11
- const PickersModalDialogRoot = styled(Dialog, {
12
- skipSx: true
13
- })({
11
+ const PickersModalDialogRoot = styled(Dialog)({
14
12
  [`& .${dialogClasses.container}`]: {
15
13
  outline: 0
16
14
  },
@@ -19,16 +17,12 @@ const PickersModalDialogRoot = styled(Dialog, {
19
17
  minWidth: DIALOG_WIDTH
20
18
  }
21
19
  });
22
- const PickersModalDialogContent = styled(DialogContent, {
23
- skipSx: true
24
- })({
20
+ const PickersModalDialogContent = styled(DialogContent)({
25
21
  '&:first-of-type': {
26
22
  padding: 0
27
23
  }
28
24
  });
29
- const PickersModalDialogActions = styled(DialogActions, {
30
- skipSx: true
31
- })(({
25
+ const PickersModalDialogActions = styled(DialogActions)(({
32
26
  ownerState
33
27
  }) => _extends({}, (ownerState.clearable || ownerState.showTodayButton) && {
34
28
  // set justifyContent to default value to fix IE11 layout bug
@@ -1,33 +1,33 @@
1
- import * as React from 'react';
2
- import { PaperProps as MuiPaperProps } from '@mui/material/Paper';
3
- import { PopperProps as MuiPopperProps } from '@mui/material/Popper';
4
- import { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_TrapFocus';
5
- import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
6
- export interface ExportedPickerPaperProps {
7
- /**
8
- * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
9
- */
10
- PaperProps?: Partial<MuiPaperProps>;
11
- }
12
- export interface ExportedPickerPopperProps {
13
- /**
14
- * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
15
- */
16
- PopperProps?: Partial<MuiPopperProps>;
17
- /**
18
- * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
19
- */
20
- TransitionComponent?: React.JSXElementConstructor<MuiTransitionProps>;
21
- }
22
- export interface PickerPopperProps extends ExportedPickerPopperProps, ExportedPickerPaperProps {
23
- role: 'tooltip' | 'dialog';
24
- TrapFocusProps?: Partial<MuiTrapFocusProps>;
25
- anchorEl: MuiPopperProps['anchorEl'];
26
- open: MuiPopperProps['open'];
27
- containerRef?: React.Ref<HTMLDivElement>;
28
- children?: React.ReactNode;
29
- onClose: () => void;
30
- onBlur?: () => void;
31
- }
32
- declare const PickersPopper: (props: PickerPopperProps) => JSX.Element;
33
- export default PickersPopper;
1
+ import * as React from 'react';
2
+ import { PaperProps as MuiPaperProps } from '@mui/material/Paper';
3
+ import { PopperProps as MuiPopperProps } from '@mui/material/Popper';
4
+ import { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_TrapFocus';
5
+ import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
6
+ export interface ExportedPickerPaperProps {
7
+ /**
8
+ * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
9
+ */
10
+ PaperProps?: Partial<MuiPaperProps>;
11
+ }
12
+ export interface ExportedPickerPopperProps {
13
+ /**
14
+ * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
15
+ */
16
+ PopperProps?: Partial<MuiPopperProps>;
17
+ /**
18
+ * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
19
+ */
20
+ TransitionComponent?: React.JSXElementConstructor<MuiTransitionProps>;
21
+ }
22
+ export interface PickerPopperProps extends ExportedPickerPopperProps, ExportedPickerPaperProps {
23
+ role: 'tooltip' | 'dialog';
24
+ TrapFocusProps?: Partial<MuiTrapFocusProps>;
25
+ anchorEl: MuiPopperProps['anchorEl'];
26
+ open: MuiPopperProps['open'];
27
+ containerRef?: React.Ref<HTMLDivElement>;
28
+ children?: React.ReactNode;
29
+ onClose: () => void;
30
+ onBlur?: () => void;
31
+ }
32
+ declare const PickersPopper: (props: PickerPopperProps) => JSX.Element;
33
+ export default PickersPopper;
@@ -9,16 +9,12 @@ import TrapFocus from '@mui/material/Unstable_TrapFocus';
9
9
  import { useForkRef, useEventCallback, ownerDocument } from '@mui/material/utils';
10
10
  import { styled } from '@mui/material/styles';
11
11
  import { jsx as _jsx } from "react/jsx-runtime";
12
- const PickersPopperRoot = styled(Popper, {
13
- skipSx: true
14
- })(({
12
+ const PickersPopperRoot = styled(Popper)(({
15
13
  theme
16
14
  }) => ({
17
15
  zIndex: theme.zIndex.modal
18
16
  }));
19
- const PickersPopperPaper = styled(Paper, {
20
- skipSx: true
21
- })(({
17
+ const PickersPopperPaper = styled(Paper)(({
22
18
  ownerState
23
19
  }) => _extends({
24
20
  transformOrigin: 'top center',
@@ -1,14 +1,14 @@
1
- import * as React from 'react';
2
- import { ToolbarComponentProps } from './typings/BasePicker';
3
- export interface PickersToolbarProps extends Pick<ToolbarComponentProps, 'getMobileKeyboardInputViewButtonText' | 'isMobileKeyboardViewOpen' | 'toggleMobileKeyboardView'> {
4
- className?: string;
5
- viewType?: 'calendar' | 'clock';
6
- isLandscape: boolean;
7
- landscapeDirection?: 'row' | 'column';
8
- penIconClassName?: string;
9
- toolbarTitle: React.ReactNode;
10
- }
11
- declare const PickersToolbar: React.ForwardRefExoticComponent<PickersToolbarProps & {
12
- children?: React.ReactNode;
13
- } & React.RefAttributes<HTMLDivElement>>;
14
- export default PickersToolbar;
1
+ import * as React from 'react';
2
+ import { ToolbarComponentProps } from './typings/BasePicker';
3
+ export interface PickersToolbarProps extends Pick<ToolbarComponentProps, 'getMobileKeyboardInputViewButtonText' | 'isMobileKeyboardViewOpen' | 'toggleMobileKeyboardView'> {
4
+ className?: string;
5
+ viewType?: 'calendar' | 'clock';
6
+ isLandscape: boolean;
7
+ landscapeDirection?: 'row' | 'column';
8
+ penIconClassName?: string;
9
+ toolbarTitle: React.ReactNode;
10
+ }
11
+ declare const PickersToolbar: React.ForwardRefExoticComponent<PickersToolbarProps & {
12
+ children?: React.ReactNode;
13
+ } & React.RefAttributes<HTMLDivElement>>;
14
+ export default PickersToolbar;