@mui/lab 5.0.0-alpha.72 → 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 +206 -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 -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 +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,4 +1,4 @@
1
- import { AllAvailableViews } from '../typings/Views';
2
- declare type Orientation = 'portrait' | 'landscape';
3
- export declare function useIsLandscape(views: readonly AllAvailableViews[], customOrientation: Orientation | undefined): boolean;
4
- export default useIsLandscape;
1
+ import { AllAvailableViews } from '../typings/Views';
2
+ declare type Orientation = 'portrait' | 'landscape';
3
+ export declare function useIsLandscape(views: readonly AllAvailableViews[], customOrientation: Orientation | undefined): boolean;
4
+ export default useIsLandscape;
@@ -1,7 +1,7 @@
1
- import * as React from 'react';
2
- import { DateInputProps, MuiTextFieldProps } from '../PureDateInput';
3
- declare type MaskedInputProps = Omit<DateInputProps, 'adornmentPosition' | 'disableOpenPicker' | 'getOpenDialogAriaText' | 'InputAdornmentProps' | 'InputProps' | 'open' | 'openPicker' | 'OpenPickerButtonProps' | 'renderInput'> & {
4
- inputProps?: Partial<React.HTMLProps<HTMLInputElement>>;
5
- };
6
- export declare function useMaskedInput({ acceptRegex, disabled, disableMaskedInput, ignoreInvalidInputs, inputFormat, inputProps, label, mask, onChange, rawValue, readOnly, rifmFormatter, TextFieldProps, validationError, }: MaskedInputProps): MuiTextFieldProps;
7
- export default useMaskedInput;
1
+ import * as React from 'react';
2
+ import { DateInputProps, MuiTextFieldProps } from '../PureDateInput';
3
+ declare type MaskedInputProps = Omit<DateInputProps, 'adornmentPosition' | 'disableOpenPicker' | 'getOpenDialogAriaText' | 'InputAdornmentProps' | 'InputProps' | 'open' | 'openPicker' | 'OpenPickerButtonProps' | 'renderInput'> & {
4
+ inputProps?: Partial<React.HTMLProps<HTMLInputElement>>;
5
+ };
6
+ export declare function useMaskedInput({ acceptRegex, disabled, disableMaskedInput, ignoreInvalidInputs, inputFormat, inputProps, label, mask, onChange, rawValue, readOnly, rifmFormatter, TextFieldProps, validationError, }: MaskedInputProps): MuiTextFieldProps;
7
+ export default useMaskedInput;
@@ -1,10 +1,10 @@
1
- export interface OpenStateProps {
2
- open?: boolean;
3
- onOpen?: () => void;
4
- onClose?: () => void;
5
- }
6
- export declare function useOpenState({ open, onOpen, onClose }: OpenStateProps): {
7
- isOpen: boolean;
8
- setIsOpen: (newIsOpen: boolean) => void;
9
- };
10
- export default useOpenState;
1
+ export interface OpenStateProps {
2
+ open?: boolean;
3
+ onOpen?: () => void;
4
+ onClose?: () => void;
5
+ }
6
+ export declare function useOpenState({ open, onOpen, onClose }: OpenStateProps): {
7
+ isOpen: boolean;
8
+ setIsOpen: (newIsOpen: boolean) => void;
9
+ };
10
+ export default useOpenState;
@@ -1,38 +1,38 @@
1
- import { WrapperVariant } from '../wrappers/WrapperVariantContext';
2
- import { MuiPickersAdapter } from './useUtils';
3
- export interface PickerStateValueManager<TInputValue, TDateValue> {
4
- areValuesEqual: (utils: MuiPickersAdapter, valueLeft: TDateValue, valueRight: TDateValue) => boolean;
5
- emptyValue: TDateValue;
6
- parseInput: (utils: MuiPickersAdapter, value: TInputValue) => TDateValue;
7
- }
8
- export declare type PickerSelectionState = 'partial' | 'shallow' | 'finish';
9
- export interface PickerStateProps<TInput, TDateValue> {
10
- disableCloseOnSelect?: boolean;
11
- open?: boolean;
12
- onAccept?: (date: TDateValue) => void;
13
- onChange: (date: TDateValue, keyboardInputValue?: string) => void;
14
- onClose?: () => void;
15
- onOpen?: () => void;
16
- value: TInput;
17
- }
18
- export declare function usePickerState<TInput, TDateValue>(props: PickerStateProps<TInput, TDateValue>, valueManager: PickerStateValueManager<TInput, TDateValue>): {
19
- pickerProps: {
20
- date: TDateValue;
21
- isMobileKeyboardViewOpen: boolean;
22
- toggleMobileKeyboardView: () => void;
23
- onDateChange: (newDate: TDateValue, wrapperVariant: WrapperVariant, selectionState?: PickerSelectionState) => void;
24
- };
25
- inputProps: {
26
- onChange: (date: TDateValue, keyboardInputValue?: string | undefined) => void;
27
- open: boolean;
28
- rawValue: TInput;
29
- openPicker: () => void;
30
- };
31
- wrapperProps: {
32
- open: boolean;
33
- onClear: () => void;
34
- onAccept: () => void;
35
- onDismiss: () => void;
36
- onSetToday: () => void;
37
- };
38
- };
1
+ import { WrapperVariant } from '../wrappers/WrapperVariantContext';
2
+ import { MuiPickersAdapter } from './useUtils';
3
+ export interface PickerStateValueManager<TInputValue, TDateValue> {
4
+ areValuesEqual: (utils: MuiPickersAdapter, valueLeft: TDateValue, valueRight: TDateValue) => boolean;
5
+ emptyValue: TDateValue;
6
+ parseInput: (utils: MuiPickersAdapter, value: TInputValue) => TDateValue;
7
+ }
8
+ export declare type PickerSelectionState = 'partial' | 'shallow' | 'finish';
9
+ export interface PickerStateProps<TInput, TDateValue> {
10
+ disableCloseOnSelect?: boolean;
11
+ open?: boolean;
12
+ onAccept?: (date: TDateValue) => void;
13
+ onChange: (date: TDateValue, keyboardInputValue?: string) => void;
14
+ onClose?: () => void;
15
+ onOpen?: () => void;
16
+ value: TInput;
17
+ }
18
+ export declare function usePickerState<TInput, TDateValue>(props: PickerStateProps<TInput, TDateValue>, valueManager: PickerStateValueManager<TInput, TDateValue>): {
19
+ pickerProps: {
20
+ date: TDateValue;
21
+ isMobileKeyboardViewOpen: boolean;
22
+ toggleMobileKeyboardView: () => void;
23
+ onDateChange: (newDate: TDateValue, wrapperVariant: WrapperVariant, selectionState?: PickerSelectionState) => void;
24
+ };
25
+ inputProps: {
26
+ onChange: (date: TDateValue, keyboardInputValue?: string | undefined) => void;
27
+ open: boolean;
28
+ rawValue: TInput;
29
+ openPicker: () => void;
30
+ };
31
+ wrapperProps: {
32
+ open: boolean;
33
+ onClear: () => void;
34
+ onAccept: () => void;
35
+ onDismiss: () => void;
36
+ onSetToday: () => void;
37
+ };
38
+ };
@@ -1,7 +1,7 @@
1
- export declare type MuiPickersAdapter<TDate = unknown> = import('../../../LocalizationProvider').MuiPickersAdapter<TDate>;
2
- export declare function useUtils<T = unknown>(): import("../../../LocalizationProvider").MuiPickersAdapter<T>;
3
- export declare function useDefaultDates<T>(): {
4
- minDate: T;
5
- maxDate: T;
6
- };
7
- export declare function useNow<TDate = unknown>(): TDate;
1
+ export declare type MuiPickersAdapter<TDate = unknown> = import('../../../LocalizationProvider').MuiPickersAdapter<TDate>;
2
+ export declare function useUtils<T = unknown>(): import("../../../LocalizationProvider").MuiPickersAdapter<T>;
3
+ export declare function useDefaultDates<T>(): {
4
+ minDate: T;
5
+ maxDate: T;
6
+ };
7
+ export declare function useNow<TDate = unknown>(): TDate;
@@ -1,23 +1,23 @@
1
- import { DateValidationProps, RangeInput } from '../date-utils';
2
- import { DateTimeValidationProps } from '../date-time-utils';
3
- import { TimeValidationProps } from '../time-utils';
4
- export interface ValidationProps<TError, TDateValue> {
5
- /**
6
- * Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).
7
- * In case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.
8
- * This can be used to render appropriate form error.
9
- *
10
- * [Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.
11
- * @DateIOType
12
- */
13
- onError?: (reason: TError, value: TDateValue) => void;
14
- value: TDateValue;
15
- }
16
- export declare type TimeValidationError = import('../time-utils').TimeValidationError;
17
- export declare function useTimeValidation<TDate>(props: TimeValidationProps<TDate> & ValidationProps<TimeValidationError, TDate>): TimeValidationError;
18
- export declare type DateValidationError = import('../date-utils').DateValidationError;
19
- export declare function useDateValidation<TDate>(props: DateValidationProps<TDate> & ValidationProps<DateValidationError, TDate>): DateValidationError;
20
- export declare type DateTimeValidationError = import('../date-time-utils').DateTimeValidationError;
21
- export declare function useDateTimeValidation<TDate>(props: DateTimeValidationProps<TDate> & ValidationProps<DateTimeValidationError, TDate>): DateTimeValidationError;
22
- export declare type DateRangeValidationError = import('../date-utils').DateRangeValidationError;
23
- export declare function useDateRangeValidation<TDate>(props: DateValidationProps<TDate> & ValidationProps<DateRangeValidationError, RangeInput<TDate>>): DateRangeValidationError;
1
+ import { DateValidationProps, RangeInput } from '../date-utils';
2
+ import { DateTimeValidationProps } from '../date-time-utils';
3
+ import { TimeValidationProps } from '../time-utils';
4
+ export interface ValidationProps<TError, TDateValue> {
5
+ /**
6
+ * Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).
7
+ * In case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.
8
+ * This can be used to render appropriate form error.
9
+ *
10
+ * [Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.
11
+ * @DateIOType
12
+ */
13
+ onError?: (reason: TError, value: TDateValue) => void;
14
+ value: TDateValue;
15
+ }
16
+ export declare type TimeValidationError = import('../time-utils').TimeValidationError;
17
+ export declare function useTimeValidation<TDate>(props: TimeValidationProps<TDate> & ValidationProps<TimeValidationError, TDate>): TimeValidationError;
18
+ export declare type DateValidationError = import('../date-utils').DateValidationError;
19
+ export declare function useDateValidation<TDate>(props: DateValidationProps<TDate> & ValidationProps<DateValidationError, TDate>): DateValidationError;
20
+ export declare type DateTimeValidationError = import('../date-time-utils').DateTimeValidationError;
21
+ export declare function useDateTimeValidation<TDate>(props: DateTimeValidationProps<TDate> & ValidationProps<DateTimeValidationError, TDate>): DateTimeValidationError;
22
+ export declare type DateRangeValidationError = import('../date-utils').DateRangeValidationError;
23
+ export declare function useDateRangeValidation<TDate>(props: DateValidationProps<TDate> & ValidationProps<DateRangeValidationError, RangeInput<TDate>>): DateRangeValidationError;
@@ -1,19 +1,19 @@
1
- import { PickerSelectionState } from './usePickerState';
2
- import { AllAvailableViews } from '../typings/Views';
3
- export declare type PickerOnChangeFn<TDate> = (date: TDate | null, selectionState?: PickerSelectionState) => void;
4
- interface UseViewsOptions<TDate, View extends AllAvailableViews> {
5
- onChange: PickerOnChangeFn<TDate>;
6
- onViewChange?: (newView: View) => void;
7
- openTo?: View;
8
- view: View | undefined;
9
- views: readonly View[];
10
- }
11
- export declare function useViews<TDate, View extends AllAvailableViews>({ onChange, onViewChange, openTo, view, views, }: UseViewsOptions<TDate, View>): {
12
- handleChangeAndOpenNext: (date: TDate, currentViewSelectionState?: PickerSelectionState | undefined) => void;
13
- nextView: View;
14
- previousView: View;
15
- openNext: () => void;
16
- openView: View;
17
- setOpenView: (newView: View) => void;
18
- };
19
- export {};
1
+ import { PickerSelectionState } from './usePickerState';
2
+ import { AllAvailableViews } from '../typings/Views';
3
+ export declare type PickerOnChangeFn<TDate> = (date: TDate | null, selectionState?: PickerSelectionState) => void;
4
+ interface UseViewsOptions<TDate, View extends AllAvailableViews> {
5
+ onChange: PickerOnChangeFn<TDate>;
6
+ onViewChange?: (newView: View) => void;
7
+ openTo?: View;
8
+ view: View | undefined;
9
+ views: readonly View[];
10
+ }
11
+ export declare function useViews<TDate, View extends AllAvailableViews>({ onChange, onViewChange, openTo, view, views, }: UseViewsOptions<TDate, View>): {
12
+ handleChangeAndOpenNext: (date: TDate, currentViewSelectionState?: PickerSelectionState | undefined) => void;
13
+ nextView: View;
14
+ previousView: View;
15
+ openNext: () => void;
16
+ openView: View;
17
+ setOpenView: (newView: View) => void;
18
+ };
19
+ export {};
@@ -1,11 +1,11 @@
1
- import { ParseableDate } from './constants/prop-types';
2
- import { MuiPickersAdapter } from './hooks/useUtils';
3
- export declare function getTextFieldAriaText<TDate>(rawValue: ParseableDate<TDate>, utils: MuiPickersAdapter<TDate>): string;
4
- export declare const getDisplayDate: <TDate>(utils: MuiPickersAdapter<TDate>, value: ParseableDate<TDate>, inputFormat: string) => string;
5
- export declare function pick12hOr24hFormat(userFormat: string | undefined, ampm: boolean | undefined, formats: {
6
- localized: string;
7
- '12h': string;
8
- '24h': string;
9
- }): string;
10
- export declare function checkMaskIsValidForCurrentFormat(mask: string, format: string, acceptRegex: RegExp, utils: MuiPickersAdapter): boolean;
11
- export declare const maskedDateFormatter: (mask: string, acceptRegexp: RegExp) => (value: string) => string;
1
+ import { ParseableDate } from './constants/prop-types';
2
+ import { MuiPickersAdapter } from './hooks/useUtils';
3
+ export declare function getTextFieldAriaText<TDate>(rawValue: ParseableDate<TDate>, utils: MuiPickersAdapter<TDate>): string;
4
+ export declare const getDisplayDate: <TDate>(utils: MuiPickersAdapter<TDate>, value: ParseableDate<TDate>, inputFormat: string) => string;
5
+ export declare function pick12hOr24hFormat(userFormat: string | undefined, ampm: boolean | undefined, formats: {
6
+ localized: string;
7
+ '12h': string;
8
+ '24h': string;
9
+ }): string;
10
+ export declare function checkMaskIsValidForCurrentFormat(mask: string, format: string, acceptRegex: RegExp, utils: MuiPickersAdapter): boolean;
11
+ export declare const maskedDateFormatter: (mask: string, acceptRegexp: RegExp) => (value: string) => string;
@@ -1,33 +1,33 @@
1
- import { ParseableDate } from './constants/prop-types';
2
- import { MuiPickersAdapter } from './hooks/useUtils';
3
- declare type Meridiem = 'am' | 'pm' | null;
4
- export declare const getMeridiem: (date: unknown, utils: MuiPickersAdapter<unknown>) => Meridiem;
5
- export declare const convertValueToMeridiem: (value: number, meridiem: Meridiem, ampm: boolean) => number;
6
- export declare const convertToMeridiem: <TDate>(time: TDate, meridiem: 'am' | 'pm', ampm: boolean, utils: MuiPickersAdapter<TDate>) => TDate;
7
- export declare function getSecondsInDay(date: unknown, utils: MuiPickersAdapter): number;
8
- export declare const createIsAfterIgnoreDatePart: (disableIgnoringDatePartForTimeValidation: boolean, utils: MuiPickersAdapter<unknown>) => (dateLeft: unknown, dateRight: unknown) => boolean;
9
- export interface TimeValidationProps<TDate> {
10
- /**
11
- * Min time acceptable time.
12
- * For input validation date part of passed object will be ignored if `disableIgnoringDatePartForTimeValidation` not specified.
13
- */
14
- minTime?: TDate;
15
- /**
16
- * Max time acceptable time.
17
- * For input validation date part of passed object will be ignored if `disableIgnoringDatePartForTimeValidation` not specified.
18
- */
19
- maxTime?: TDate;
20
- /**
21
- * Dynamically check if time is disabled or not.
22
- * If returns `false` appropriate time point will ot be acceptable.
23
- */
24
- shouldDisableTime?: (timeValue: number, clockType: 'hours' | 'minutes' | 'seconds') => boolean;
25
- /**
26
- * Do not ignore date part when validating min/max time.
27
- * @default false
28
- */
29
- disableIgnoringDatePartForTimeValidation?: boolean;
30
- }
31
- export declare const validateTime: <TDate>(utils: MuiPickersAdapter<unknown>, value: ParseableDate<TDate>, { minTime, maxTime, shouldDisableTime, disableIgnoringDatePartForTimeValidation, }: TimeValidationProps<TDate>) => "invalidDate" | "minTime" | "maxTime" | "shouldDisableTime-hours" | "shouldDisableTime-minutes" | "shouldDisableTime-seconds" | null;
32
- export declare type TimeValidationError = ReturnType<typeof validateTime>;
33
- export {};
1
+ import { ParseableDate } from './constants/prop-types';
2
+ import { MuiPickersAdapter } from './hooks/useUtils';
3
+ declare type Meridiem = 'am' | 'pm' | null;
4
+ export declare const getMeridiem: (date: unknown, utils: MuiPickersAdapter<unknown>) => Meridiem;
5
+ export declare const convertValueToMeridiem: (value: number, meridiem: Meridiem, ampm: boolean) => number;
6
+ export declare const convertToMeridiem: <TDate>(time: TDate, meridiem: 'am' | 'pm', ampm: boolean, utils: MuiPickersAdapter<TDate>) => TDate;
7
+ export declare function getSecondsInDay(date: unknown, utils: MuiPickersAdapter): number;
8
+ export declare const createIsAfterIgnoreDatePart: (disableIgnoringDatePartForTimeValidation: boolean, utils: MuiPickersAdapter<unknown>) => (dateLeft: unknown, dateRight: unknown) => boolean;
9
+ export interface TimeValidationProps<TDate> {
10
+ /**
11
+ * Min time acceptable time.
12
+ * For input validation date part of passed object will be ignored if `disableIgnoringDatePartForTimeValidation` not specified.
13
+ */
14
+ minTime?: TDate;
15
+ /**
16
+ * Max time acceptable time.
17
+ * For input validation date part of passed object will be ignored if `disableIgnoringDatePartForTimeValidation` not specified.
18
+ */
19
+ maxTime?: TDate;
20
+ /**
21
+ * Dynamically check if time is disabled or not.
22
+ * If returns `false` appropriate time point will ot be acceptable.
23
+ */
24
+ shouldDisableTime?: (timeValue: number, clockType: 'hours' | 'minutes' | 'seconds') => boolean;
25
+ /**
26
+ * Do not ignore date part when validating min/max time.
27
+ * @default false
28
+ */
29
+ disableIgnoringDatePartForTimeValidation?: boolean;
30
+ }
31
+ export declare const validateTime: <TDate>(utils: MuiPickersAdapter<unknown>, value: ParseableDate<TDate>, { minTime, maxTime, shouldDisableTime, disableIgnoringDatePartForTimeValidation, }: TimeValidationProps<TDate>) => "invalidDate" | "minTime" | "maxTime" | "shouldDisableTime-hours" | "shouldDisableTime-minutes" | "shouldDisableTime-seconds" | null;
32
+ export declare type TimeValidationError = ReturnType<typeof validateTime>;
33
+ export {};
@@ -1,95 +1,95 @@
1
- /// <reference types="react" />
2
- import { AllAvailableViews } from './Views';
3
- export declare type CalendarAndClockProps<TDate> = import('@mui/lab/CalendarPicker/CalendarPicker').ExportedCalendarPickerProps<TDate> & import('@mui/lab/ClockPicker/ClockPicker').ExportedClockPickerProps<TDate>;
4
- export declare type ToolbarComponentProps<TDate = unknown> = CalendarAndClockProps<TDate> & {
5
- ampmInClock?: boolean;
6
- date: TDate;
7
- dateRangeIcon?: React.ReactNode;
8
- getMobileKeyboardInputViewButtonText?: () => string;
9
- hideTabs?: boolean;
10
- isLandscape: boolean;
11
- isMobileKeyboardViewOpen: boolean;
12
- onChange: import('../hooks/useViews').PickerOnChangeFn<TDate>;
13
- openView: AllAvailableViews;
14
- setOpenView: (view: AllAvailableViews) => void;
15
- timeIcon?: React.ReactNode;
16
- toggleMobileKeyboardView: () => void;
17
- toolbarFormat?: string;
18
- toolbarPlaceholder?: React.ReactNode;
19
- toolbarTitle?: React.ReactNode;
20
- views: readonly AllAvailableViews[];
21
- };
22
- export interface BasePickerProps<TInputValue, TDateValue> {
23
- /**
24
- * className applied to the root component.
25
- */
26
- className?: string;
27
- /**
28
- * If `true` the popup or dialog will immediately close after submitting full date.
29
- * @default `true` for Desktop, `false` for Mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
30
- */
31
- disableCloseOnSelect?: boolean;
32
- /**
33
- * If `true`, the picker and text field are disabled.
34
- */
35
- disabled?: boolean;
36
- /**
37
- * Format string.
38
- */
39
- inputFormat?: string;
40
- /**
41
- * Callback fired when date is accepted @DateIOType.
42
- */
43
- onAccept?: (date: TDateValue) => void;
44
- /**
45
- * Callback fired when the value (the selected date) changes @DateIOType.
46
- */
47
- onChange: (date: TDateValue, keyboardInputValue?: string) => void;
48
- /**
49
- * Callback fired when the popup requests to be closed.
50
- * Use in controlled mode (see open).
51
- */
52
- onClose?: () => void;
53
- /**
54
- * Callback fired when the popup requests to be opened.
55
- * Use in controlled mode (see open).
56
- */
57
- onOpen?: () => void;
58
- /**
59
- * Force rendering in particular orientation.
60
- */
61
- orientation?: 'portrait' | 'landscape';
62
- /**
63
- * Control the popup or dialog open state.
64
- */
65
- open?: boolean;
66
- /**
67
- * Make picker read only.
68
- */
69
- readOnly?: boolean;
70
- /**
71
- * If `true`, show the toolbar even in desktop mode.
72
- */
73
- showToolbar?: boolean;
74
- /**
75
- * Component that will replace default toolbar renderer.
76
- */
77
- ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDateValue>>;
78
- /**
79
- * Date format, that is displaying in toolbar.
80
- */
81
- toolbarFormat?: string;
82
- /**
83
- * Mobile picker date value placeholder, displaying if `value` === `null`.
84
- * @default '–'
85
- */
86
- toolbarPlaceholder?: React.ReactNode;
87
- /**
88
- * Prop forwarded to the ToolbarComponent.
89
- */
90
- toolbarTitle?: React.ReactNode;
91
- /**
92
- * The value of the picker.
93
- */
94
- value: TInputValue;
95
- }
1
+ /// <reference types="react" />
2
+ import { AllAvailableViews } from './Views';
3
+ export declare type CalendarAndClockProps<TDate> = import('@mui/lab/CalendarPicker/CalendarPicker').ExportedCalendarPickerProps<TDate> & import('@mui/lab/ClockPicker/ClockPicker').ExportedClockPickerProps<TDate>;
4
+ export declare type ToolbarComponentProps<TDate = unknown> = CalendarAndClockProps<TDate> & {
5
+ ampmInClock?: boolean;
6
+ date: TDate;
7
+ dateRangeIcon?: React.ReactNode;
8
+ getMobileKeyboardInputViewButtonText?: () => string;
9
+ hideTabs?: boolean;
10
+ isLandscape: boolean;
11
+ isMobileKeyboardViewOpen: boolean;
12
+ onChange: import('../hooks/useViews').PickerOnChangeFn<TDate>;
13
+ openView: AllAvailableViews;
14
+ setOpenView: (view: AllAvailableViews) => void;
15
+ timeIcon?: React.ReactNode;
16
+ toggleMobileKeyboardView: () => void;
17
+ toolbarFormat?: string;
18
+ toolbarPlaceholder?: React.ReactNode;
19
+ toolbarTitle?: React.ReactNode;
20
+ views: readonly AllAvailableViews[];
21
+ };
22
+ export interface BasePickerProps<TInputValue, TDateValue> {
23
+ /**
24
+ * className applied to the root component.
25
+ */
26
+ className?: string;
27
+ /**
28
+ * If `true` the popup or dialog will immediately close after submitting full date.
29
+ * @default `true` for Desktop, `false` for Mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
30
+ */
31
+ disableCloseOnSelect?: boolean;
32
+ /**
33
+ * If `true`, the picker and text field are disabled.
34
+ */
35
+ disabled?: boolean;
36
+ /**
37
+ * Format string.
38
+ */
39
+ inputFormat?: string;
40
+ /**
41
+ * Callback fired when date is accepted @DateIOType.
42
+ */
43
+ onAccept?: (date: TDateValue) => void;
44
+ /**
45
+ * Callback fired when the value (the selected date) changes @DateIOType.
46
+ */
47
+ onChange: (date: TDateValue, keyboardInputValue?: string) => void;
48
+ /**
49
+ * Callback fired when the popup requests to be closed.
50
+ * Use in controlled mode (see open).
51
+ */
52
+ onClose?: () => void;
53
+ /**
54
+ * Callback fired when the popup requests to be opened.
55
+ * Use in controlled mode (see open).
56
+ */
57
+ onOpen?: () => void;
58
+ /**
59
+ * Force rendering in particular orientation.
60
+ */
61
+ orientation?: 'portrait' | 'landscape';
62
+ /**
63
+ * Control the popup or dialog open state.
64
+ */
65
+ open?: boolean;
66
+ /**
67
+ * Make picker read only.
68
+ */
69
+ readOnly?: boolean;
70
+ /**
71
+ * If `true`, show the toolbar even in desktop mode.
72
+ */
73
+ showToolbar?: boolean;
74
+ /**
75
+ * Component that will replace default toolbar renderer.
76
+ */
77
+ ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDateValue>>;
78
+ /**
79
+ * Date format, that is displaying in toolbar.
80
+ */
81
+ toolbarFormat?: string;
82
+ /**
83
+ * Mobile picker date value placeholder, displaying if `value` === `null`.
84
+ * @default '–'
85
+ */
86
+ toolbarPlaceholder?: React.ReactNode;
87
+ /**
88
+ * Prop forwarded to the ToolbarComponent.
89
+ */
90
+ toolbarTitle?: React.ReactNode;
91
+ /**
92
+ * The value of the picker.
93
+ */
94
+ value: TInputValue;
95
+ }
@@ -1 +1 @@
1
- export declare type AllAvailableViews = 'year' | 'day' | 'month' | 'hours' | 'minutes' | 'seconds';
1
+ export declare type AllAvailableViews = 'year' | 'day' | 'month' | 'hours' | 'minutes' | 'seconds';
@@ -1,9 +1,9 @@
1
- /**
2
- * All standard components exposed by `material-ui` are `StyledComponents` with
3
- * certain `classes`, on which one can also set a top-level `className` and inline
4
- * `style`.
5
- */
6
- export declare type ExtendMui<C, Removals extends keyof C = never> = Omit<C, 'classes' | 'theme' | Removals>;
7
- export declare type MakeOptional<T, K extends keyof T> = {
8
- [P in K]?: T[P] | undefined;
9
- } & Omit<T, K>;
1
+ /**
2
+ * All standard components exposed by `material-ui` are `StyledComponents` with
3
+ * certain `classes`, on which one can also set a top-level `className` and inline
4
+ * `style`.
5
+ */
6
+ export declare type ExtendMui<C, Removals extends keyof C = never> = Omit<C, 'classes' | 'theme' | Removals>;
7
+ export declare type MakeOptional<T, K extends keyof T> = {
8
+ [P in K]?: T[P] | undefined;
9
+ } & Omit<T, K>;
@@ -1,7 +1,7 @@
1
- import * as React from 'react';
2
- export declare function arrayIncludes<T>(array: T[] | readonly T[], itemOrItems: T | T[]): boolean;
3
- export declare const onSpaceOrEnter: (innerFn: () => void, onFocus?: ((event: React.KeyboardEvent<any>) => void) | undefined) => (event: React.KeyboardEvent) => void;
4
- export declare const pipe: (...fns: ((...args: any[]) => any)[]) => (...args: any[]) => any;
5
- export declare const executeInTheNextEventLoopTick: (fn: () => void) => void;
6
- export declare function createDelegatedEventHandler<TEvent>(fn: (event: TEvent) => void, onEvent?: (event: TEvent) => void): (event: TEvent) => void;
7
- export declare const doNothing: () => void;
1
+ import * as React from 'react';
2
+ export declare function arrayIncludes<T>(array: T[] | readonly T[], itemOrItems: T | T[]): boolean;
3
+ export declare const onSpaceOrEnter: (innerFn: () => void, onFocus?: ((event: React.KeyboardEvent<any>) => void) | undefined) => (event: React.KeyboardEvent) => void;
4
+ export declare const pipe: (...fns: ((...args: any[]) => any)[]) => (...args: any[]) => any;
5
+ export declare const executeInTheNextEventLoopTick: (fn: () => void) => void;
6
+ export declare function createDelegatedEventHandler<TEvent>(fn: (event: TEvent) => void, onEvent?: (event: TEvent) => void): (event: TEvent) => void;
7
+ export declare const doNothing: () => void;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
2
- import { InternalDesktopWrapperProps } from './DesktopWrapper';
3
- declare function DesktopTooltipWrapper(props: InternalDesktopWrapperProps): JSX.Element;
4
- export default DesktopTooltipWrapper;
1
+ /// <reference types="react" />
2
+ import { InternalDesktopWrapperProps } from './DesktopWrapper';
3
+ declare function DesktopTooltipWrapper(props: InternalDesktopWrapperProps): JSX.Element;
4
+ export default DesktopTooltipWrapper;
@@ -1,16 +1,16 @@
1
- import * as React from 'react';
2
- import { ExportedPickerPopperProps, ExportedPickerPaperProps } from '../PickersPopper';
3
- import { DateInputPropsLike, PrivateWrapperProps } from './WrapperProps';
4
- export interface DesktopWrapperProps extends ExportedPickerPopperProps, ExportedPickerPaperProps {
5
- children?: React.ReactNode;
6
- }
7
- export interface InternalDesktopWrapperProps extends DesktopWrapperProps, PrivateWrapperProps {
8
- DateInputProps: DateInputPropsLike & {
9
- ref?: React.Ref<HTMLDivElement>;
10
- };
11
- KeyboardDateInputComponent: React.JSXElementConstructor<DateInputPropsLike & {
12
- ref?: React.Ref<HTMLDivElement>;
13
- }>;
14
- }
15
- declare function DesktopWrapper(props: InternalDesktopWrapperProps): JSX.Element;
16
- export default DesktopWrapper;
1
+ import * as React from 'react';
2
+ import { ExportedPickerPopperProps, ExportedPickerPaperProps } from '../PickersPopper';
3
+ import { DateInputPropsLike, PrivateWrapperProps } from './WrapperProps';
4
+ export interface DesktopWrapperProps extends ExportedPickerPopperProps, ExportedPickerPaperProps {
5
+ children?: React.ReactNode;
6
+ }
7
+ export interface InternalDesktopWrapperProps extends DesktopWrapperProps, PrivateWrapperProps {
8
+ DateInputProps: DateInputPropsLike & {
9
+ ref?: React.Ref<HTMLDivElement>;
10
+ };
11
+ KeyboardDateInputComponent: React.JSXElementConstructor<DateInputPropsLike & {
12
+ ref?: React.Ref<HTMLDivElement>;
13
+ }>;
14
+ }
15
+ declare function DesktopWrapper(props: InternalDesktopWrapperProps): JSX.Element;
16
+ export default DesktopWrapper;
@@ -1,14 +1,14 @@
1
- import * as React from 'react';
2
- import { ExportedPickerModalProps } from '../PickersModalDialog';
3
- import { PrivateWrapperProps, DateInputPropsLike } from './WrapperProps';
4
- export interface MobileWrapperProps extends ExportedPickerModalProps {
5
- children?: React.ReactNode;
6
- }
7
- export interface InternalMobileWrapperProps extends MobileWrapperProps, PrivateWrapperProps {
8
- DateInputProps: DateInputPropsLike & {
9
- ref?: React.Ref<HTMLDivElement>;
10
- };
11
- PureDateInputComponent: React.JSXElementConstructor<DateInputPropsLike>;
12
- }
13
- declare function MobileWrapper(props: InternalMobileWrapperProps): JSX.Element;
14
- export default MobileWrapper;
1
+ import * as React from 'react';
2
+ import { ExportedPickerModalProps } from '../PickersModalDialog';
3
+ import { PrivateWrapperProps, DateInputPropsLike } from './WrapperProps';
4
+ export interface MobileWrapperProps extends ExportedPickerModalProps {
5
+ children?: React.ReactNode;
6
+ }
7
+ export interface InternalMobileWrapperProps extends MobileWrapperProps, PrivateWrapperProps {
8
+ DateInputProps: DateInputPropsLike & {
9
+ ref?: React.Ref<HTMLDivElement>;
10
+ };
11
+ PureDateInputComponent: React.JSXElementConstructor<DateInputPropsLike>;
12
+ }
13
+ declare function MobileWrapper(props: InternalMobileWrapperProps): JSX.Element;
14
+ export default MobileWrapper;