@mui/lab 5.0.0-alpha.74 → 5.0.0-alpha.75

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 +98 -0
  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 +27 -27
  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 +44 -44
  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 +4 -4
@@ -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 {};
@@ -1,41 +1,41 @@
1
- import * as React from 'react';
2
- import { Theme } from '@mui/material/styles';
3
- import { SxProps } from '@mui/system';
4
- declare type HTMLDivProps = JSX.IntrinsicElements['div'];
5
- export interface CalendarPickerSkeletonClasses {
6
- /** Styles applied to the root element. */
7
- root: string;
8
- /** Styles applied to the week element. */
9
- week: string;
10
- /** Styles applied to the day element. */
11
- daySkeleton: string;
12
- }
13
- export interface CalendarPickerSkeletonProps extends HTMLDivProps {
14
- /**
15
- * Override or extend the styles applied to the component.
16
- */
17
- classes?: Partial<CalendarPickerSkeletonClasses>;
18
- /**
19
- * The system prop that allows defining system overrides as well as additional CSS styles.
20
- */
21
- sx?: SxProps<Theme>;
22
- ref?: React.Ref<HTMLDivElement>;
23
- }
24
- export declare type CalendarPickerSkeletonClassKey = keyof CalendarPickerSkeletonClasses;
25
- export declare function getCalendarPickerSkeletonUtilityClass(slot: string): string;
26
- export declare const calendarPickerSkeletonClasses: CalendarPickerSkeletonClasses;
27
- /**
28
- *
29
- * Demos:
30
- *
31
- * - [Date Picker](https://mui.com/components/date-picker/)
32
- *
33
- * API:
34
- *
35
- * - [CalendarPickerSkeleton API](https://mui.com/api/calendar-picker-skeleton/)
36
- */
37
- declare function CalendarPickerSkeleton(props: CalendarPickerSkeletonProps): JSX.Element;
38
- declare namespace CalendarPickerSkeleton {
39
- var propTypes: any;
40
- }
41
- export default CalendarPickerSkeleton;
1
+ import * as React from 'react';
2
+ import { Theme } from '@mui/material/styles';
3
+ import { SxProps } from '@mui/system';
4
+ declare type HTMLDivProps = JSX.IntrinsicElements['div'];
5
+ export interface CalendarPickerSkeletonClasses {
6
+ /** Styles applied to the root element. */
7
+ root: string;
8
+ /** Styles applied to the week element. */
9
+ week: string;
10
+ /** Styles applied to the day element. */
11
+ daySkeleton: string;
12
+ }
13
+ export interface CalendarPickerSkeletonProps extends HTMLDivProps {
14
+ /**
15
+ * Override or extend the styles applied to the component.
16
+ */
17
+ classes?: Partial<CalendarPickerSkeletonClasses>;
18
+ /**
19
+ * The system prop that allows defining system overrides as well as additional CSS styles.
20
+ */
21
+ sx?: SxProps<Theme>;
22
+ ref?: React.Ref<HTMLDivElement>;
23
+ }
24
+ export declare type CalendarPickerSkeletonClassKey = keyof CalendarPickerSkeletonClasses;
25
+ export declare function getCalendarPickerSkeletonUtilityClass(slot: string): string;
26
+ export declare const calendarPickerSkeletonClasses: CalendarPickerSkeletonClasses;
27
+ /**
28
+ *
29
+ * Demos:
30
+ *
31
+ * - [Date Picker](https://mui.com/components/date-picker/)
32
+ *
33
+ * API:
34
+ *
35
+ * - [CalendarPickerSkeleton API](https://mui.com/api/calendar-picker-skeleton/)
36
+ */
37
+ declare function CalendarPickerSkeleton(props: CalendarPickerSkeletonProps): JSX.Element;
38
+ declare namespace CalendarPickerSkeleton {
39
+ var propTypes: any;
40
+ }
41
+ export default CalendarPickerSkeleton;
@@ -1,3 +1,3 @@
1
- export { default, calendarPickerSkeletonClasses, getCalendarPickerSkeletonUtilityClass, } from './CalendarPickerSkeleton';
2
- export declare type CalendarPickerSkeletonClassKey = import('./CalendarPickerSkeleton').CalendarPickerSkeletonClassKey;
3
- export declare type CalendarPickerSkeletonProps = import('./CalendarPickerSkeleton').CalendarPickerSkeletonProps;
1
+ export { default, calendarPickerSkeletonClasses, getCalendarPickerSkeletonUtilityClass, } from './CalendarPickerSkeleton';
2
+ export declare type CalendarPickerSkeletonClassKey = import('./CalendarPickerSkeleton').CalendarPickerSkeletonClassKey;
3
+ export declare type CalendarPickerSkeletonProps = import('./CalendarPickerSkeleton').CalendarPickerSkeletonProps;
@@ -1,28 +1,28 @@
1
- import * as React from 'react';
2
- import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
3
- import { PickerSelectionState } from '../internal/pickers/hooks/usePickerState';
4
- import { useMeridiemMode } from '../internal/pickers/hooks/date-helpers-hooks';
5
- import { ClockView } from './shared';
6
- export interface ClockProps<TDate> extends ReturnType<typeof useMeridiemMode> {
7
- ampm: boolean;
8
- ampmInClock: boolean;
9
- autoFocus?: boolean;
10
- children: readonly React.ReactNode[];
11
- date: TDate | null;
12
- getClockLabelText: (view: ClockView, time: TDate | null, adapter: MuiPickersAdapter<TDate>) => string;
13
- isTimeDisabled: (timeValue: number, type: ClockView) => boolean;
14
- minutesStep?: number;
15
- onChange: (value: number, isFinish?: PickerSelectionState) => void;
16
- /**
17
- * DOM id that the selected option should have
18
- * Should only be `undefined` on the server
19
- */
20
- selectedId: string | undefined;
21
- type: ClockView;
22
- value: number;
23
- }
24
- /**
25
- * @ignore - internal component.
26
- */
27
- declare function Clock<TDate>(props: ClockProps<TDate>): JSX.Element;
28
- export default Clock;
1
+ import * as React from 'react';
2
+ import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
3
+ import { PickerSelectionState } from '../internal/pickers/hooks/usePickerState';
4
+ import { useMeridiemMode } from '../internal/pickers/hooks/date-helpers-hooks';
5
+ import { ClockView } from './shared';
6
+ export interface ClockProps<TDate> extends ReturnType<typeof useMeridiemMode> {
7
+ ampm: boolean;
8
+ ampmInClock: boolean;
9
+ autoFocus?: boolean;
10
+ children: readonly React.ReactNode[];
11
+ date: TDate | null;
12
+ getClockLabelText: (view: ClockView, time: TDate | null, adapter: MuiPickersAdapter<TDate>) => string;
13
+ isTimeDisabled: (timeValue: number, type: ClockView) => boolean;
14
+ minutesStep?: number;
15
+ onChange: (value: number, isFinish?: PickerSelectionState) => void;
16
+ /**
17
+ * DOM id that the selected option should have
18
+ * Should only be `undefined` on the server
19
+ */
20
+ selectedId: string | undefined;
21
+ type: ClockView;
22
+ value: number;
23
+ }
24
+ /**
25
+ * @ignore - internal component.
26
+ */
27
+ declare function Clock<TDate>(props: ClockProps<TDate>): JSX.Element;
28
+ export default Clock;
@@ -1,19 +1,19 @@
1
- import * as React from 'react';
2
- export interface ClockNumberProps extends React.HTMLAttributes<HTMLSpanElement> {
3
- 'aria-label': string;
4
- disabled: boolean;
5
- /**
6
- * Make sure callers pass an id which. It should be defined if selected.
7
- */
8
- id: string | undefined;
9
- index: number;
10
- inner: boolean;
11
- label: string;
12
- selected: boolean;
13
- }
14
- export declare const classes: Record<"selected" | "disabled", string>;
15
- /**
16
- * @ignore - internal component.
17
- */
18
- declare function ClockNumber(props: ClockNumberProps): JSX.Element;
19
- export default ClockNumber;
1
+ import * as React from 'react';
2
+ export interface ClockNumberProps extends React.HTMLAttributes<HTMLSpanElement> {
3
+ 'aria-label': string;
4
+ disabled: boolean;
5
+ /**
6
+ * Make sure callers pass an id which. It should be defined if selected.
7
+ */
8
+ id: string | undefined;
9
+ index: number;
10
+ inner: boolean;
11
+ label: string;
12
+ selected: boolean;
13
+ }
14
+ export declare const classes: Record<"selected" | "disabled", string>;
15
+ /**
16
+ * @ignore - internal component.
17
+ */
18
+ declare function ClockNumber(props: ClockNumberProps): JSX.Element;
19
+ export default ClockNumber;
@@ -1,24 +1,24 @@
1
- /// <reference types="react" />
2
- import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
3
- import { PickerSelectionState } from '../internal/pickers/hooks/usePickerState';
4
- interface GetHourNumbersOptions {
5
- ampm: boolean;
6
- date: unknown;
7
- getClockNumberText: (hour: string) => string;
8
- isDisabled: (value: number) => boolean;
9
- onChange: (value: number, isFinish?: PickerSelectionState) => void;
10
- /**
11
- * DOM id that the selected option should have
12
- * Should only be `undefined` on the server
13
- */
14
- selectedId: string | undefined;
15
- utils: MuiPickersAdapter;
16
- }
17
- /**
18
- * @ignore - internal component.
19
- */
20
- export declare const getHourNumbers: ({ ampm, date, getClockNumberText, isDisabled, selectedId, utils, }: GetHourNumbersOptions) => JSX.Element[];
21
- export declare const getMinutesNumbers: ({ utils, value, isDisabled, getClockNumberText, selectedId, }: Omit<GetHourNumbersOptions, "date" | "ampm"> & {
22
- value: number;
23
- }) => JSX.Element[];
24
- export {};
1
+ /// <reference types="react" />
2
+ import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
3
+ import { PickerSelectionState } from '../internal/pickers/hooks/usePickerState';
4
+ interface GetHourNumbersOptions {
5
+ ampm: boolean;
6
+ date: unknown;
7
+ getClockNumberText: (hour: string) => string;
8
+ isDisabled: (value: number) => boolean;
9
+ onChange: (value: number, isFinish?: PickerSelectionState) => void;
10
+ /**
11
+ * DOM id that the selected option should have
12
+ * Should only be `undefined` on the server
13
+ */
14
+ selectedId: string | undefined;
15
+ utils: MuiPickersAdapter;
16
+ }
17
+ /**
18
+ * @ignore - internal component.
19
+ */
20
+ export declare const getHourNumbers: ({ ampm, date, getClockNumberText, isDisabled, selectedId, utils, }: GetHourNumbersOptions) => JSX.Element[];
21
+ export declare const getMinutesNumbers: ({ utils, value, isDisabled, getClockNumberText, selectedId, }: Omit<GetHourNumbersOptions, "date" | "ampm"> & {
22
+ value: number;
23
+ }) => JSX.Element[];
24
+ export {};
@@ -1,121 +1,121 @@
1
- import * as React from 'react';
2
- import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
3
- import { TimeValidationProps } from '../internal/pickers/time-utils';
4
- import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
5
- import { ClockView } from './shared';
6
- export interface ClockPickerClasses {
7
- /** Styles applied to the arrowSwitcher element. */
8
- arrowSwitcher: string;
9
- }
10
- export declare type ClockPickerClassKey = keyof ClockPickerClasses;
11
- export interface ClockPickerComponentsPropsOverrides {
12
- }
13
- export declare function getClockPickerUtilityClass(slot: string): string;
14
- export declare const clockPickerClasses: ClockPickerClasses;
15
- export interface ExportedClockPickerProps<TDate> extends TimeValidationProps<TDate> {
16
- /**
17
- * 12h/24h view for hour selection clock.
18
- * @default false
19
- */
20
- ampm?: boolean;
21
- /**
22
- * Step over minutes.
23
- * @default 1
24
- */
25
- minutesStep?: number;
26
- /**
27
- * Display ampm controls under the clock (instead of in the toolbar).
28
- * @default false
29
- */
30
- ampmInClock?: boolean;
31
- /**
32
- * Accessible text that helps user to understand which time and view is selected.
33
- * @default <TDate extends any>(
34
- * view: ClockView,
35
- * time: TDate | null,
36
- * adapter: MuiPickersAdapter<TDate>,
37
- * ) =>
38
- * `Select ${view}. ${
39
- * time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`
40
- * }`
41
- */
42
- getClockLabelText?: (view: ClockView, time: TDate | null, adapter: MuiPickersAdapter<TDate>) => string;
43
- }
44
- export interface ClockPickerProps<TDate> extends ExportedClockPickerProps<TDate> {
45
- /**
46
- * Set to `true` if focus should be moved to clock picker.
47
- */
48
- autoFocus?: boolean;
49
- /**
50
- * Override or extend the styles applied to the component.
51
- */
52
- classes?: Partial<ClockPickerClasses>;
53
- /**
54
- * The components used for each slot.
55
- * Either a string to use a HTML element or a component.
56
- */
57
- components?: {
58
- LeftArrowButton?: React.ElementType;
59
- LeftArrowIcon?: React.ElementType;
60
- RightArrowButton?: React.ElementType;
61
- RightArrowIcon?: React.ElementType;
62
- };
63
- /**
64
- * The props used for each slot inside.
65
- */
66
- componentsProps?: {
67
- leftArrowButton?: React.SVGAttributes<SVGSVGElement> & ClockPickerComponentsPropsOverrides;
68
- rightArrowButton?: React.SVGAttributes<SVGSVGElement> & ClockPickerComponentsPropsOverrides;
69
- };
70
- /**
71
- * Selected date @DateIOType.
72
- */
73
- date: TDate | null;
74
- /**
75
- * Get clock number aria-text for hours.
76
- * @default (hours: string) => `${hours} hours`
77
- */
78
- getHoursClockNumberText?: (hours: string) => string;
79
- /**
80
- * Get clock number aria-text for minutes.
81
- * @default (minutes: string) => `${minutes} minutes`
82
- */
83
- getMinutesClockNumberText?: (minutes: string) => string;
84
- /**
85
- * Get clock number aria-text for seconds.
86
- * @default (seconds: string) => `${seconds} seconds`
87
- */
88
- getSecondsClockNumberText?: (seconds: string) => string;
89
- /**
90
- * Left arrow icon aria-label text.
91
- * @default 'open previous view'
92
- */
93
- leftArrowButtonText?: string;
94
- previousViewAvailable: boolean;
95
- nextViewAvailable: boolean;
96
- /**
97
- * On change callback @DateIOType.
98
- */
99
- onChange: PickerOnChangeFn<TDate>;
100
- openNextView: () => void;
101
- openPreviousView: () => void;
102
- /**
103
- * Right arrow icon aria-label text.
104
- * @default 'open next view'
105
- */
106
- rightArrowButtonText?: string;
107
- showViewSwitcher?: boolean;
108
- view: ClockView;
109
- }
110
- declare const _default: <TDate>(props: ClockPickerProps<TDate>) => JSX.Element;
111
- /**
112
- *
113
- * Demos:
114
- *
115
- * - [Time Picker](https://mui.com/components/time-picker/)
116
- *
117
- * API:
118
- *
119
- * - [ClockPicker API](https://mui.com/api/clock-picker/)
120
- */
121
- export default _default;
1
+ import * as React from 'react';
2
+ import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
3
+ import { TimeValidationProps } from '../internal/pickers/time-utils';
4
+ import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
5
+ import { ClockView } from './shared';
6
+ export interface ClockPickerClasses {
7
+ /** Styles applied to the arrowSwitcher element. */
8
+ arrowSwitcher: string;
9
+ }
10
+ export declare type ClockPickerClassKey = keyof ClockPickerClasses;
11
+ export interface ClockPickerComponentsPropsOverrides {
12
+ }
13
+ export declare function getClockPickerUtilityClass(slot: string): string;
14
+ export declare const clockPickerClasses: ClockPickerClasses;
15
+ export interface ExportedClockPickerProps<TDate> extends TimeValidationProps<TDate> {
16
+ /**
17
+ * 12h/24h view for hour selection clock.
18
+ * @default false
19
+ */
20
+ ampm?: boolean;
21
+ /**
22
+ * Step over minutes.
23
+ * @default 1
24
+ */
25
+ minutesStep?: number;
26
+ /**
27
+ * Display ampm controls under the clock (instead of in the toolbar).
28
+ * @default false
29
+ */
30
+ ampmInClock?: boolean;
31
+ /**
32
+ * Accessible text that helps user to understand which time and view is selected.
33
+ * @default <TDate extends any>(
34
+ * view: ClockView,
35
+ * time: TDate | null,
36
+ * adapter: MuiPickersAdapter<TDate>,
37
+ * ) =>
38
+ * `Select ${view}. ${
39
+ * time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`
40
+ * }`
41
+ */
42
+ getClockLabelText?: (view: ClockView, time: TDate | null, adapter: MuiPickersAdapter<TDate>) => string;
43
+ }
44
+ export interface ClockPickerProps<TDate> extends ExportedClockPickerProps<TDate> {
45
+ /**
46
+ * Set to `true` if focus should be moved to clock picker.
47
+ */
48
+ autoFocus?: boolean;
49
+ /**
50
+ * Override or extend the styles applied to the component.
51
+ */
52
+ classes?: Partial<ClockPickerClasses>;
53
+ /**
54
+ * The components used for each slot.
55
+ * Either a string to use a HTML element or a component.
56
+ */
57
+ components?: {
58
+ LeftArrowButton?: React.ElementType;
59
+ LeftArrowIcon?: React.ElementType;
60
+ RightArrowButton?: React.ElementType;
61
+ RightArrowIcon?: React.ElementType;
62
+ };
63
+ /**
64
+ * The props used for each slot inside.
65
+ */
66
+ componentsProps?: {
67
+ leftArrowButton?: React.SVGAttributes<SVGSVGElement> & ClockPickerComponentsPropsOverrides;
68
+ rightArrowButton?: React.SVGAttributes<SVGSVGElement> & ClockPickerComponentsPropsOverrides;
69
+ };
70
+ /**
71
+ * Selected date @DateIOType.
72
+ */
73
+ date: TDate | null;
74
+ /**
75
+ * Get clock number aria-text for hours.
76
+ * @default (hours: string) => `${hours} hours`
77
+ */
78
+ getHoursClockNumberText?: (hours: string) => string;
79
+ /**
80
+ * Get clock number aria-text for minutes.
81
+ * @default (minutes: string) => `${minutes} minutes`
82
+ */
83
+ getMinutesClockNumberText?: (minutes: string) => string;
84
+ /**
85
+ * Get clock number aria-text for seconds.
86
+ * @default (seconds: string) => `${seconds} seconds`
87
+ */
88
+ getSecondsClockNumberText?: (seconds: string) => string;
89
+ /**
90
+ * Left arrow icon aria-label text.
91
+ * @default 'open previous view'
92
+ */
93
+ leftArrowButtonText?: string;
94
+ previousViewAvailable: boolean;
95
+ nextViewAvailable: boolean;
96
+ /**
97
+ * On change callback @DateIOType.
98
+ */
99
+ onChange: PickerOnChangeFn<TDate>;
100
+ openNextView: () => void;
101
+ openPreviousView: () => void;
102
+ /**
103
+ * Right arrow icon aria-label text.
104
+ * @default 'open next view'
105
+ */
106
+ rightArrowButtonText?: string;
107
+ showViewSwitcher?: boolean;
108
+ view: ClockView;
109
+ }
110
+ declare const _default: <TDate>(props: ClockPickerProps<TDate>) => JSX.Element;
111
+ /**
112
+ *
113
+ * Demos:
114
+ *
115
+ * - [Time Picker](https://mui.com/components/time-picker/)
116
+ *
117
+ * API:
118
+ *
119
+ * - [ClockPicker API](https://mui.com/api/clock-picker/)
120
+ */
121
+ export default _default;
@@ -1,28 +1,28 @@
1
- import * as React from 'react';
2
- import { ClockPickerProps } from './ClockPicker';
3
- import { ClockView } from './shared';
4
- export interface ClockPickerStandaloneProps<TDate> extends Omit<ClockPickerProps<TDate>, 'view' | 'openNextView' | 'openPreviousView' | 'nextViewAvailable' | 'previousViewAvailable'> {
5
- className?: string;
6
- /**
7
- * Callback fired on view change.
8
- */
9
- onViewChange?: (view: ClockView) => void;
10
- /**
11
- * Initially opened view.
12
- */
13
- openTo?: ClockView;
14
- /**
15
- * Controlled clock view.
16
- */
17
- view?: ClockView;
18
- /**
19
- * Available views for clock.
20
- */
21
- views?: readonly ClockView[];
22
- }
23
- declare const _default: <TDate>(props: ClockPickerStandaloneProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
24
- /**
25
- * Wrapping public API for better standalone usage of './ClockPicker'
26
- * @ignore - internal component.
27
- */
28
- export default _default;
1
+ import * as React from 'react';
2
+ import { ClockPickerProps } from './ClockPicker';
3
+ import { ClockView } from './shared';
4
+ export interface ClockPickerStandaloneProps<TDate> extends Omit<ClockPickerProps<TDate>, 'view' | 'openNextView' | 'openPreviousView' | 'nextViewAvailable' | 'previousViewAvailable'> {
5
+ className?: string;
6
+ /**
7
+ * Callback fired on view change.
8
+ */
9
+ onViewChange?: (view: ClockView) => void;
10
+ /**
11
+ * Initially opened view.
12
+ */
13
+ openTo?: ClockView;
14
+ /**
15
+ * Controlled clock view.
16
+ */
17
+ view?: ClockView;
18
+ /**
19
+ * Available views for clock.
20
+ */
21
+ views?: readonly ClockView[];
22
+ }
23
+ declare const _default: <TDate>(props: ClockPickerStandaloneProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
24
+ /**
25
+ * Wrapping public API for better standalone usage of './ClockPicker'
26
+ * @ignore - internal component.
27
+ */
28
+ export default _default;
@@ -1,23 +1,23 @@
1
- import * as React from 'react';
2
- import { ClockView } from './shared';
3
- export interface ClockPointerProps extends React.HTMLAttributes<HTMLDivElement> {
4
- hasSelected: boolean;
5
- isInner: boolean;
6
- type: ClockView;
7
- value: number;
8
- }
9
- /**
10
- * @ignore - internal component.
11
- */
12
- declare class ClockPointer extends React.Component<ClockPointerProps> {
13
- static getDerivedStateFromProps: (nextProps: ClockPointerProps, state: ClockPointer['state']) => {
14
- toAnimateTransform: boolean;
15
- previousType: ClockView;
16
- };
17
- state: {
18
- toAnimateTransform: boolean;
19
- previousType: undefined;
20
- };
21
- render(): JSX.Element;
22
- }
23
- export default ClockPointer;
1
+ import * as React from 'react';
2
+ import { ClockView } from './shared';
3
+ export interface ClockPointerProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ hasSelected: boolean;
5
+ isInner: boolean;
6
+ type: ClockView;
7
+ value: number;
8
+ }
9
+ /**
10
+ * @ignore - internal component.
11
+ */
12
+ declare class ClockPointer extends React.Component<ClockPointerProps> {
13
+ static getDerivedStateFromProps: (nextProps: ClockPointerProps, state: ClockPointer['state']) => {
14
+ toAnimateTransform: boolean;
15
+ previousType: ClockView;
16
+ };
17
+ state: {
18
+ toAnimateTransform: boolean;
19
+ previousType: undefined;
20
+ };
21
+ render(): JSX.Element;
22
+ }
23
+ export default ClockPointer;