@mui/lab 5.0.0-alpha.52 → 5.0.0-alpha.56

package/MobileDatePicker/MobileDatePicker.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { BaseDatePickerProps } from '../DatePicker/shared';
-import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
-export interface MobileDatePickerProps<TDate = unknown> extends BaseDatePickerProps<TDate>, MobileWrapperProps {
-}
-declare type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- *
- * API:
- *
- * - [MobileDatePicker API](https://mui.com/api/mobile-date-picker/)
- */
-declare const MobileDatePicker: MobileDatePickerComponent;
-export default MobileDatePicker;
+import * as React from 'react';
+import { BaseDatePickerProps } from '../DatePicker/shared';
+import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
+export interface MobileDatePickerProps<TDate = unknown> extends BaseDatePickerProps<TDate>, MobileWrapperProps {
+}
+declare type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Picker](https://mui.com/components/date-picker/)
+ *
+ * API:
+ *
+ * - [MobileDatePicker API](https://mui.com/api/mobile-date-picker/)
+ */
+declare const MobileDatePicker: MobileDatePickerComponent;
+export default MobileDatePicker;

package/MobileDatePicker/MobileDatePicker.js

@@ -152,6 +152,7 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes
 
   /**
    * If `true`, the picker and text field are disabled.
+   * @default false
    */
   disabled: PropTypes.bool,
 
@@ -333,6 +334,7 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes
 
   /**
    * Make picker read only.
+   * @default false
    */
   readOnly: PropTypes.bool,
 

package/MobileDatePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './MobileDatePicker';
-export { default } from './MobileDatePicker';
+export * from './MobileDatePicker';
+export { default } from './MobileDatePicker';

package/MobileDateRangePicker/MobileDateRangePicker.d.ts

@@ -1,64 +1,64 @@
-import * as React from 'react';
-import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
-import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
-import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
-import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
-import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
-interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
-    /**
-     * The components used for each slot.
-     * Either a string to use a HTML element or a component.
-     * @default {}
-     */
-    components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
-    /**
-     * Text for end input label and toolbar placeholder.
-     * @default 'End'
-     */
-    endText?: React.ReactNode;
-    /**
-     * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
-     * @default '__/__/____'
-     */
-    mask?: ExportedDateRangePickerInputProps['mask'];
-    /**
-     * Min selectable date. @DateIOType
-     * @default defaultMinDate
-     */
-    minDate?: TDate;
-    /**
-     * Max selectable date. @DateIOType
-     * @default defaultMaxDate
-     */
-    maxDate?: TDate;
-    /**
-     * Callback fired when the value (the selected date range) changes @DateIOType.
-     */
-    onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
-    /**
-     * Text for start input label and toolbar placeholder.
-     * @default 'Start'
-     */
-    startText?: React.ReactNode;
-    /**
-     * The value of the date range picker.
-     */
-    value: RangeInput<TDate>;
-}
-export interface MobileDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate>, MobileWrapperProps {
-}
-declare type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes: unknown;
-};
-/**
- *
- * Demos:
- *
- * - [Date Range Picker](https://mui.com/components/date-range-picker/)
- *
- * API:
- *
- * - [MobileDateRangePicker API](https://mui.com/api/mobile-date-range-picker/)
- */
-declare const MobileDateRangePicker: MobileDateRangePickerComponent;
-export default MobileDateRangePicker;
+import * as React from 'react';
+import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
+import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
+import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
+import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
+import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
+interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
+    /**
+     * The components used for each slot.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
+    /**
+     * Text for end input label and toolbar placeholder.
+     * @default 'End'
+     */
+    endText?: React.ReactNode;
+    /**
+     * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
+     * @default '__/__/____'
+     */
+    mask?: ExportedDateRangePickerInputProps['mask'];
+    /**
+     * Min selectable date. @DateIOType
+     * @default defaultMinDate
+     */
+    minDate?: TDate;
+    /**
+     * Max selectable date. @DateIOType
+     * @default defaultMaxDate
+     */
+    maxDate?: TDate;
+    /**
+     * Callback fired when the value (the selected date range) changes @DateIOType.
+     */
+    onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
+    /**
+     * Text for start input label and toolbar placeholder.
+     * @default 'Start'
+     */
+    startText?: React.ReactNode;
+    /**
+     * The value of the date range picker.
+     */
+    value: RangeInput<TDate>;
+}
+export interface MobileDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate>, MobileWrapperProps {
+}
+declare type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes: unknown;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
+ *
+ * API:
+ *
+ * - [MobileDateRangePicker API](https://mui.com/api/mobile-date-range-picker/)
+ */
+declare const MobileDateRangePicker: MobileDateRangePickerComponent;
+export default MobileDateRangePicker;

package/MobileDateRangePicker/MobileDateRangePicker.js

@@ -200,6 +200,7 @@ process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes
 
   /**
    * If `true`, the picker and text field are disabled.
+   * @default false
    */
   disabled: PropTypes.bool,
 
@@ -380,6 +381,7 @@ process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes
 
   /**
    * Make picker read only.
+   * @default false
    */
   readOnly: PropTypes.bool,
 

package/MobileDateRangePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './MobileDateRangePicker';
-export { default } from './MobileDateRangePicker';
+export * from './MobileDateRangePicker';
+export { default } from './MobileDateRangePicker';

package/MobileDateTimePicker/MobileDateTimePicker.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
-import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
-export interface MobileDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate>, MobileWrapperProps {
-}
-declare type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Date Time Picker](https://mui.com/components/date-time-picker/)
- *
- * API:
- *
- * - [MobileDateTimePicker API](https://mui.com/api/mobile-date-time-picker/)
- */
-declare const MobileDateTimePicker: MobileDateTimePickerComponent;
-export default MobileDateTimePicker;
+import * as React from 'react';
+import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
+import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
+export interface MobileDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate>, MobileWrapperProps {
+}
+declare type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Time Picker](https://mui.com/components/date-time-picker/)
+ *
+ * API:
+ *
+ * - [MobileDateTimePicker API](https://mui.com/api/mobile-date-time-picker/)
+ */
+declare const MobileDateTimePicker: MobileDateTimePickerComponent;
+export default MobileDateTimePicker;

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -169,6 +169,7 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
 
   /**
    * If `true`, the picker and text field are disabled.
+   * @default false
    */
   disabled: PropTypes.bool,
 
@@ -402,6 +403,7 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
 
   /**
    * Make picker read only.
+   * @default false
    */
   readOnly: PropTypes.bool,
 

package/MobileDateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './MobileDateTimePicker';
-export { default } from './MobileDateTimePicker';
+export * from './MobileDateTimePicker';
+export { default } from './MobileDateTimePicker';

package/MobileTimePicker/MobileTimePicker.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { BaseTimePickerProps } from '../TimePicker/shared';
-import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
-export interface MobileTimePickerProps<TDate = unknown> extends BaseTimePickerProps<TDate>, MobileWrapperProps {
-}
-declare type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Time Picker](https://mui.com/components/time-picker/)
- *
- * API:
- *
- * - [MobileTimePicker API](https://mui.com/api/mobile-time-picker/)
- */
-declare const MobileTimePicker: MobileTimePickerComponent;
-export default MobileTimePicker;
+import * as React from 'react';
+import { BaseTimePickerProps } from '../TimePicker/shared';
+import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
+export interface MobileTimePickerProps<TDate = unknown> extends BaseTimePickerProps<TDate>, MobileWrapperProps {
+}
+declare type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Time Picker](https://mui.com/components/time-picker/)
+ *
+ * API:
+ *
+ * - [MobileTimePicker API](https://mui.com/api/mobile-time-picker/)
+ */
+declare const MobileTimePicker: MobileTimePickerComponent;
+export default MobileTimePicker;

package/MobileTimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './MobileTimePicker';
-export { default } from './MobileTimePicker';
+export * from './MobileTimePicker';
+export { default } from './MobileTimePicker';

package/MonthPicker/MonthPicker.d.ts

@@ -1,49 +1,53 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
-import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
-export interface MonthPickerProps<TDate> {
-    /**
-     * className applied to the root element.
-     */
-    className?: string;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: {
-        /** Styles applied to the root element. */
-        root?: string;
-    };
-    /** Date value for the MonthPicker */
-    date: TDate | null;
-    /** If `true` past days are disabled. */
-    disablePast?: boolean | null;
-    /** If `true` future days are disabled. */
-    disableFuture?: boolean | null;
-    /** Minimal selectable date. */
-    minDate: TDate;
-    /** Maximal selectable date. */
-    maxDate: TDate;
-    /** Callback fired on date change. */
-    onChange: PickerOnChangeFn<TDate>;
-    onMonthChange?: (date: TDate) => void | Promise<void>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-}
-export declare function getMonthPickerUtilityClass(slot: string): string;
-export declare type MonthPickerClassKey = keyof NonNullable<MonthPickerProps<unknown>['classes']>;
-export declare const monthPickerClasses: Record<"root", string>;
-declare const _default: <TDate>(props: MonthPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- *
- * API:
- *
- * - [MonthPicker API](https://mui.com/api/month-picker/)
- */
-export default _default;
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
+export interface MonthPickerProps<TDate> {
+    /**
+     * className applied to the root element.
+     */
+    className?: string;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: {
+        /** Styles applied to the root element. */
+        root?: string;
+    };
+    /** Date value for the MonthPicker */
+    date: TDate | null;
+    /** If `true` picker is disabled */
+    disabled?: boolean;
+    /** If `true` past days are disabled. */
+    disablePast?: boolean | null;
+    /** If `true` future days are disabled. */
+    disableFuture?: boolean | null;
+    /** Minimal selectable date. */
+    minDate: TDate;
+    /** Maximal selectable date. */
+    maxDate: TDate;
+    /** Callback fired on date change. */
+    onChange: PickerOnChangeFn<TDate>;
+    onMonthChange?: (date: TDate) => void | Promise<void>;
+    /** If `true` picker is readonly */
+    readOnly?: boolean;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+}
+export declare function getMonthPickerUtilityClass(slot: string): string;
+export declare type MonthPickerClassKey = keyof NonNullable<MonthPickerProps<unknown>['classes']>;
+export declare const monthPickerClasses: Record<"root", string>;
+declare const _default: <TDate>(props: MonthPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+/**
+ *
+ * Demos:
+ *
+ * - [Date Picker](https://mui.com/components/date-picker/)
+ *
+ * API:
+ *
+ * - [MonthPicker API](https://mui.com/api/month-picker/)
+ */
+export default _default;

package/MonthPicker/MonthPicker.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "date", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "onMonthChange"];
+const _excluded = ["className", "date", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "onMonthChange", "readOnly"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
 import PickersMonth from './PickersMonth';
 import { useUtils, useNow } from '../internal/pickers/hooks/useUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -32,7 +32,8 @@ const MonthPickerRoot = styled('div', {
   width: 310,
   display: 'flex',
   flexWrap: 'wrap',
-  alignContent: 'stretch'
+  alignContent: 'stretch',
+  margin: '0 4px'
 });
 const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps, ref) {
   const props = useThemeProps({
@@ -43,12 +44,14 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
   const {
     className,
     date,
+    disabled,
     disableFuture,
     disablePast,
     maxDate,
     minDate,
     onChange,
-    onMonthChange
+    onMonthChange,
+    readOnly
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -67,6 +70,10 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
   };
 
   const onMonthSelect = month => {
+    if (readOnly) {
+      return;
+    }
+
     const newDate = utils.setMonth(date || now, month);
     onChange(newDate, 'finish');
 
@@ -87,7 +94,7 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
         value: monthNumber,
         selected: monthNumber === currentMonth,
         onSelect: onMonthSelect,
-        disabled: shouldDisableMonth(month),
+        disabled: disabled || shouldDisableMonth(month),
         children: monthText
       }, monthText);
     })
@@ -116,6 +123,11 @@ process.env.NODE_ENV !== "production" ? MonthPicker.propTypes
    */
   date: PropTypes.any,
 
+  /**
+   * If `true` picker is disabled
+   */
+  disabled: PropTypes.bool,
+
   /**
    * If `true` future days are disabled.
    */
@@ -146,10 +158,15 @@ process.env.NODE_ENV !== "production" ? MonthPicker.propTypes
    */
   onMonthChange: PropTypes.func,
 
+  /**
+   * If `true` picker is readonly
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 /**
  *

package/MonthPicker/PickersMonth.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-declare const classes: Record<"root" | "selected", string>;
-export interface MonthProps {
-    children: React.ReactNode;
-    disabled?: boolean;
-    onSelect: (value: any) => void;
-    selected?: boolean;
-    value: any;
-}
-export declare type PickersMonthClassKey = keyof typeof classes;
-/**
- * @ignore - do not document.
- */
-declare const PickersMonth: React.FC<MonthProps>;
-export default PickersMonth;
+import * as React from 'react';
+declare const classes: Record<"root" | "selected", string>;
+export interface MonthProps {
+    children: React.ReactNode;
+    disabled?: boolean;
+    onSelect: (value: any) => void;
+    selected?: boolean;
+    value: any;
+}
+export declare type PickersMonthClassKey = keyof typeof classes;
+/**
+ * @ignore - do not document.
+ */
+declare const PickersMonth: React.FC<MonthProps>;
+export default PickersMonth;

package/MonthPicker/PickersMonth.js

@@ -1,11 +1,11 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["disabled", "onSelect", "selected", "value"];
 import * as React from 'react';
 import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
-import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/core';
+import { styled, alpha } from '@mui/material/styles';
+import { generateUtilityClasses } from '@mui/base';
 import { onSpaceOrEnter } from '../internal/pickers/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 const classes = generateUtilityClasses('PrivatePickersMonth', ['root', 'selected']);
@@ -13,28 +13,33 @@ const PickersMonthRoot = styled(Typography, {
   skipSx: true
 })(({
   theme
-}) => ({
+}) => _extends({
   flex: '1 0 33.33%',
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
+  color: 'unset',
+  backgroundColor: 'transparent',
+  border: 0,
+  outline: 0
+}, theme.typography.subtitle1, {
+  margin: '8px 0',
+  height: 36,
+  borderRadius: 18,
   cursor: 'pointer',
-  height: 64,
-  outline: 0,
-  transition: theme.transitions.create('font-size', {
-    duration: '100ms'
-  }),
-  '&:focus': {
-    color: theme.palette.primary.main,
-    fontWeight: theme.typography.fontWeightMedium
+  '&:focus, &:hover': {
+    backgroundColor: alpha(theme.palette.action.active, theme.palette.action.hoverOpacity)
   },
   '&:disabled': {
     pointerEvents: 'none',
     color: theme.palette.text.secondary
   },
   [`&.${classes.selected}`]: {
-    color: theme.palette.primary.main,
-    fontWeight: theme.typography.fontWeightMedium
+    color: theme.palette.primary.contrastText,
+    backgroundColor: theme.palette.primary.main,
+    '&:focus, &:hover': {
+      backgroundColor: theme.palette.primary.dark
+    }
   }
 }));
 /**

package/MonthPicker/index.d.ts

@@ -1,3 +1,3 @@
-export { default, getMonthPickerUtilityClass, monthPickerClasses } from './MonthPicker';
-export declare type MonthPickerClassKey = import('./MonthPicker').MonthPickerClassKey;
-export declare type MonthPickerProps<TDate> = import('./MonthPicker').MonthPickerProps<TDate>;
+export { default, getMonthPickerUtilityClass, monthPickerClasses } from './MonthPicker';
+export declare type MonthPickerClassKey = import('./MonthPicker').MonthPickerClassKey;
+export declare type MonthPickerProps<TDate> = import('./MonthPicker').MonthPickerProps<TDate>;