@ringcentral/juno 2.45.1 → 3.0.0-alpha.0

package/components/Forms/Picker/DatePicker/DatePicker.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
-import dayjs from 'dayjs';
 import { MaterialUiPickersDate as MuiPickersDate } from '@material-ui/pickers/typings/date';
 import { RcBaseProps, RcBaseSize, RcClassesProps } from '../../../../foundation';
 import { RcPopoverProps } from '../../../Popover';
 import { PickerTextFieldProps } from '../utils';
 import { CalendarProps } from './Calendar';
 import { RcDatePickerClasses, ScreenReaderProps } from './utils';
-declare type RcDatePickerSize = RcBaseSize<'small' | 'medium'>;
-declare type RcDatePickerProps = {
+type RcDatePickerSize = RcBaseSize<'small' | 'medium'>;
+type RcDatePickerProps = {
     /** size for date picker, default with medium */
     size?: RcDatePickerSize;
     /**
@@ -41,7 +40,7 @@ declare type RcDatePickerProps = {
     date?: RcDatePickerProps['value'];
 } & RcBaseProps<Partial<CalendarProps>, 'date' | 'dateRange' | 'handleDaySelect' | 'getInvalidateDateInRange'> & RcBaseProps<PickerTextFieldProps, 'value' | 'children'> & Pick<RcPopoverProps, 'onClose'> & RcClassesProps<'popover' | 'popoverPaper'>;
 declare const DEFAULT_FORMAT = "MM/DD/YYYY";
-declare const RcDatePicker: import("styled-components").StyledComponentClass<{
+declare const RcDatePicker: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
     /** size for date picker, default with medium */
     size?: "small" | "medium" | undefined;
     /**
@@ -50,7 +49,7 @@ declare const RcDatePicker: import("styled-components").StyledComponentClass<{
      * @param {Date} date update date value
      * @param {boolean} fromUserSelect is that change come from user select day, when `false` mean that is come from range limitation
      */
-    onChange?: ((date: Date | null, fromUserSelect?: boolean | undefined) => void) | undefined;
+    onChange?: ((date: Date | null, fromUserSelect?: boolean) => void) | undefined;
     /** i18n locale country */
     locale?: string | undefined;
     /** value for picker */
@@ -62,51 +61,17 @@ declare const RcDatePicker: import("styled-components").StyledComponentClass<{
     /** when hover on the textField, if show the clearBtn. With default is true. */
     clearBtn?: boolean | undefined;
     /** Min date */
-    min?: Date | dayjs.Dayjs | null | undefined;
+    min?: MuiPickersDate | Date | undefined;
     /** Max date */
-    max?: Date | dayjs.Dayjs | null | undefined;
+    max?: MuiPickersDate | Date | undefined;
     /** Text label for Today button */
     todayButtonText?: string | undefined;
     /** @deprecated Min date @DateIOType, using min instead */
-    minDate?: dayjs.Dayjs | null | undefined;
+    minDate?: MuiPickersDate | undefined;
     /** @deprecated Max date @DateIOType, using max instead */
-    maxDate?: dayjs.Dayjs | null | undefined;
+    maxDate?: MuiPickersDate | undefined;
     /** @deprecated please use value to replace that */
-    date?: Date | null | undefined;
-} & Pick<Partial<CalendarProps>, "classes" | "size" | "disablePast" | "disableFuture" | "todayButtonText" | "formatString" | "renderDay" | "shouldDisableDate" | "onMonthChange" | "loadingIndicator"> & Pick<PickerTextFieldProps, "className" | "id" | "radius" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "label" | "placeholder" | "size" | "variant" | "disabled" | "action" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "helperText" | "gutterBottom" | "onClear" | "clearBtn" | "clearButtonProps" | "validate" | "PopoverProps" | "ActionSymbol"> & Pick<Pick<import("@material-ui/core").PopoverProps, "ref" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "elevation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "innerRef" | "TransitionComponent" | "TransitionProps" | "action" | "disablePortal" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "anchorOrigin" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "container" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "anchorEl" | "anchorPosition" | "anchorReference" | "getContentAnchorEl" | "marginThreshold" | "PaperProps" | "transformOrigin">, "onClose"> & RcClassesProps<"popover" | "popoverPaper"> & React.RefAttributes<any>, import("../../../../foundation").RcTheme, Pick<{
-    /** size for date picker, default with medium */
-    size?: "small" | "medium" | undefined;
-    /**
-     * Calendar onChange
-     *
-     * @param {Date} date update date value
-     * @param {boolean} fromUserSelect is that change come from user select day, when `false` mean that is come from range limitation
-     */
-    onChange?: ((date: Date | null, fromUserSelect?: boolean | undefined) => void) | undefined;
-    /** i18n locale country */
-    locale?: string | undefined;
-    /** value for picker */
-    value?: Date | null | undefined;
-    /** Props containing functions for getting attribute for target element */
-    screenReaderProps?: ScreenReaderProps | undefined;
-    /** Date format string, default with 'MM/DD/YYYY' */
-    formatString?: string | undefined;
-    /** when hover on the textField, if show the clearBtn. With default is true. */
-    clearBtn?: boolean | undefined;
-    /** Min date */
-    min?: Date | dayjs.Dayjs | null | undefined;
-    /** Max date */
-    max?: Date | dayjs.Dayjs | null | undefined;
-    /** Text label for Today button */
-    todayButtonText?: string | undefined;
-    /** @deprecated Min date @DateIOType, using min instead */
-    minDate?: dayjs.Dayjs | null | undefined;
-    /** @deprecated Max date @DateIOType, using max instead */
-    maxDate?: dayjs.Dayjs | null | undefined;
-    /** @deprecated please use value to replace that */
-    date?: Date | null | undefined;
-} & Pick<Partial<CalendarProps>, "classes" | "size" | "disablePast" | "disableFuture" | "todayButtonText" | "formatString" | "renderDay" | "shouldDisableDate" | "onMonthChange" | "loadingIndicator"> & Pick<PickerTextFieldProps, "className" | "id" | "radius" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "label" | "placeholder" | "size" | "variant" | "disabled" | "action" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "helperText" | "gutterBottom" | "onClear" | "clearBtn" | "clearButtonProps" | "validate" | "PopoverProps" | "ActionSymbol"> & Pick<Pick<import("@material-ui/core").PopoverProps, "ref" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "elevation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "innerRef" | "TransitionComponent" | "TransitionProps" | "action" | "disablePortal" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "anchorOrigin" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "container" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "anchorEl" | "anchorPosition" | "anchorReference" | "getContentAnchorEl" | "marginThreshold" | "PaperProps" | "transformOrigin">, "onClose"> & RcClassesProps<"popover" | "popoverPaper"> & React.RefAttributes<any>, "ref" | "key" | "className" | "id" | "max" | "min" | "radius" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onClick" | "date" | "label" | "classes" | "placeholder" | "size" | "value" | "variant" | "disabled" | "action" | "autoFocus" | "onClose" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "helperText" | "gutterBottom" | "onClear" | "clearBtn" | "clearButtonProps" | "validate" | "disablePast" | "disableFuture" | "todayButtonText" | "formatString" | "renderDay" | "shouldDisableDate" | "onMonthChange" | "loadingIndicator" | "PopoverProps" | "ActionSymbol" | "locale" | "screenReaderProps" | "minDate" | "maxDate"> & {
-    theme?: import("../../../../foundation").RcTheme | undefined;
-}>;
+    date?: RcDatePickerProps['value'];
+} & RcBaseProps<Partial<CalendarProps>, "date" | "dateRange" | "handleDaySelect" | "getInvalidateDateInRange"> & RcBaseProps<PickerTextFieldProps, "children" | "value"> & Pick<RcBaseProps<import("@material-ui/core").PopoverProps>, "onClose"> & RcClassesProps<"popover" | "popoverPaper"> & React.RefAttributes<any>>, import("../../../../foundation").RcTheme, {}, never>;
 export { DEFAULT_FORMAT, RcDatePicker, RcDatePickerClasses };
 export type { RcDatePickerProps, RcDatePickerSize };

package/components/Forms/Picker/DatePicker/DatePicker.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcDatePickerClasses = exports.RcDatePicker = exports.DEFAULT_FORMAT = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var dayjs_1 = tslib_1.__importDefault(require("dayjs"));
@@ -11,37 +12,37 @@ var foundation_1 = require("../../../../foundation");
 var utils_1 = require("../utils");
 var Calendar_1 = require("./Calendar");
 var utils_2 = require("./utils");
-exports.RcDatePickerClasses = utils_2.RcDatePickerClasses;
+Object.defineProperty(exports, "RcDatePickerClasses", { enumerable: true, get: function () { return utils_2.RcDatePickerClasses; } });
 var defaultMinDate = new Date('1900-01-01');
 var defaultMaxDate = new Date('2100-01-01');
 var DEFAULT_FORMAT = 'MM/DD/YYYY';
 exports.DEFAULT_FORMAT = DEFAULT_FORMAT;
 /** @release */
-var InnerRcDatePicker = react_1.forwardRef(function (props, ref) {
+var InnerRcDatePicker = (0, react_1.forwardRef)(function (props, ref) {
     var date = props.date, _a = props.value, value = _a === void 0 ? date : _a, onChange = props.onChange, formatString = props.formatString, locale = props.locale, todayButtonText = props.todayButtonText, minDateProp = props.minDate, maxDateProp = props.maxDate, min = props.min, max = props.max, disableFuture = props.disableFuture, disablePast = props.disablePast, loadingIndicator = props.loadingIndicator, onMonthChange = props.onMonthChange, renderDay = props.renderDay, disabled = props.disabled, shouldDisableDateProp = props.shouldDisableDate, size = props.size, onClose = props.onClose, onClear = props.onClear, classes = props.classes, PopoverPropsProp = props.PopoverProps, screenReaderProps = props.screenReaderProps, rest = tslib_1.__rest(props, ["date", "value", "onChange", "formatString", "locale", "todayButtonText", "minDate", "maxDate", "min", "max", "disableFuture", "disablePast", "loadingIndicator", "onMonthChange", "renderDay", "disabled", "shouldDisableDate", "size", "onClose", "onClear", "classes", "PopoverProps", "screenReaderProps"]);
-    var utils = pickers_1.useUtils();
-    var _b = tslib_1.__read(foundation_1.useControlled({
+    var utils = (0, pickers_1.useUtils)();
+    var _b = tslib_1.__read((0, foundation_1.useControlled)({
         controlled: value,
         default: null,
         name: 'RcDatePicker',
     }), 2), controlledValue = _b[0], setControlledValue = _b[1];
-    var emitValueRef = react_1.useRef(null);
+    var emitValueRef = (0, react_1.useRef)(null);
     var maxDate = minDateProp || max;
     var minDate = maxDateProp || min;
-    var actionRef = react_1.useRef(null);
-    var dateRange = react_1.useMemo(function () { return ({
-        min: dayjs_1.default(minDate || defaultMinDate),
-        max: dayjs_1.default(maxDate || defaultMaxDate),
+    var actionRef = (0, react_1.useRef)(null);
+    var dateRange = (0, react_1.useMemo)(function () { return ({
+        min: (0, dayjs_1.default)(minDate || defaultMinDate),
+        max: (0, dayjs_1.default)(maxDate || defaultMaxDate),
     }); }, [minDate, maxDate]);
-    var getInvalidateDateInRange = foundation_1.useEventCallback(function (day) {
-        return utils_2.invalidateDateInRange(day, { dateRange: dateRange, now: utils.date(), disableFuture: disableFuture, disablePast: disablePast }, utils);
+    var getInvalidateDateInRange = (0, foundation_1.useEventCallback)(function (day) {
+        return (0, utils_2.invalidateDateInRange)(day, { dateRange: dateRange, now: utils.date(), disableFuture: disableFuture, disablePast: disablePast }, utils);
     });
-    var shouldDisableDate = foundation_1.useEventCallback(function (day) {
+    var shouldDisableDate = (0, foundation_1.useEventCallback)(function (day) {
         return (Boolean(getInvalidateDateInRange(day)) ||
             Boolean(shouldDisableDateProp === null || shouldDisableDateProp === void 0 ? void 0 : shouldDisableDateProp(day)));
     });
-    var getClosestEnableDate = react_1.useCallback(function (currDate) {
-        return date_utils_1.findClosestEnabledDate({
+    var getClosestEnableDate = (0, react_1.useCallback)(function (currDate) {
+        return (0, date_utils_1.findClosestEnabledDate)({
             date: currDate,
             utils: utils,
             minDate: utils.date(dateRange.min),
@@ -58,15 +59,15 @@ var InnerRcDatePicker = react_1.forwardRef(function (props, ref) {
         shouldDisableDate,
         utils,
     ]);
-    var initDate = react_1.useMemo(function () {
-        return getClosestEnableDate(dayjs_1.default(utils.date()));
+    var initDate = (0, react_1.useMemo)(function () {
+        return getClosestEnableDate((0, dayjs_1.default)(utils.date()));
     }, [getClosestEnableDate, utils]);
-    var dayjsValue = react_1.useMemo(function () { return (controlledValue ? dayjs_1.default(controlledValue) : null); }, [controlledValue]);
+    var dayjsValue = (0, react_1.useMemo)(function () { return (controlledValue ? (0, dayjs_1.default)(controlledValue) : null); }, [controlledValue]);
     var nowDate = dayjsValue || initDate;
-    var textFiledValue = react_1.useMemo(function () { return (dayjsValue ? utils.format(dayjsValue, formatString) : ''); }, [dayjsValue, utils, formatString]);
-    var PopoverProps = react_1.useMemo(function () {
-        return foundation_1.combineProps({
-            classes: foundation_1.combineClasses({
+    var textFiledValue = (0, react_1.useMemo)(function () { return (dayjsValue ? utils.format(dayjsValue, formatString) : ''); }, [dayjsValue, utils, formatString]);
+    var PopoverProps = (0, react_1.useMemo)(function () {
+        return (0, foundation_1.combineProps)({
+            classes: (0, foundation_1.combineClasses)({
                 root: utils_2.RcDatePickerClasses.popover,
                 paper: utils_2.RcDatePickerClasses.popoverPaper,
             }, {
@@ -76,8 +77,8 @@ var InnerRcDatePicker = react_1.forwardRef(function (props, ref) {
             onClose: onClose,
         }, PopoverPropsProp);
     }, [PopoverPropsProp, classes, onClose]);
-    var calendarClasses = react_1.useMemo(function () {
-        return foundation_1.combineClasses(foundation_1.omit(utils_2.RcDatePickerClasses, ['popover', 'popoverPaper']), foundation_1.omit(classes, ['popover', 'popoverPaper']));
+    var calendarClasses = (0, react_1.useMemo)(function () {
+        return (0, foundation_1.combineClasses)((0, foundation_1.omit)(utils_2.RcDatePickerClasses, ['popover', 'popoverPaper']), (0, foundation_1.omit)(classes, ['popover', 'popoverPaper']));
     }, [classes]);
     var handleChange = function (toDate, fromUserSelect) {
         var _a;
@@ -87,7 +88,7 @@ var InnerRcDatePicker = react_1.forwardRef(function (props, ref) {
         emitValueRef.current = toDate;
         onChange === null || onChange === void 0 ? void 0 : onChange(toDate, fromUserSelect);
     };
-    var handleClear = foundation_1.useEventCallback(function (evt) {
+    var handleClear = (0, foundation_1.useEventCallback)(function (evt) {
         onClear === null || onClear === void 0 ? void 0 : onClear(evt);
         handleChange === null || handleChange === void 0 ? void 0 : handleChange(null);
     });
@@ -96,7 +97,7 @@ var InnerRcDatePicker = react_1.forwardRef(function (props, ref) {
         var newDay = day ? utils.startOfDay(day).toDate() : null;
         handleChange(newDay, fromUserSelect);
     };
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (
         // only when inner value change need check again is that value is valid
         dayjsValue &&
@@ -111,11 +112,11 @@ var InnerRcDatePicker = react_1.forwardRef(function (props, ref) {
         react_1.default.createElement(utils_2.ScreenReaderProvider, { screenReaderProps: screenReaderProps },
             react_1.default.createElement(Calendar_1.Calendar, { size: size, classes: calendarClasses, date: nowDate, dateRange: dateRange, handleDaySelect: handleDaySelect, disableFuture: disableFuture, disablePast: disablePast, loadingIndicator: loadingIndicator, onMonthChange: onMonthChange, renderDay: renderDay, shouldDisableDate: shouldDisableDate, getInvalidateDateInRange: getInvalidateDateInRange, todayButtonText: todayButtonText, formatString: formatString }))));
 });
-var _RcDatePicker = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcDatePicker' });
+var _RcDatePicker = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcDatePicker' });
     if (process.env.NODE_ENV !== 'production') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        foundation_1.useDeprecatedCheck(RcDatePicker, props, [
+        (0, foundation_1.useDeprecatedCheck)(RcDatePicker, props, [
             {
                 prop: 'minDate',
                 time: '2021-3',
@@ -136,7 +137,7 @@ var _RcDatePicker = react_1.forwardRef(function (inProps, ref) {
     return (react_1.default.createElement(pickers_1.MuiPickersUtilsProvider, { utils: dayjs_2.default, locale: props.locale, libInstance: dayjs_1.default },
         react_1.default.createElement(InnerRcDatePicker, tslib_1.__assign({ ref: ref }, props))));
 });
-var RcDatePicker = foundation_1.styled(_RcDatePicker)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
+var RcDatePicker = (0, foundation_1.styled)(_RcDatePicker)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
 exports.RcDatePicker = RcDatePicker;
 RcDatePicker.defaultProps = {
     clearBtn: true,

package/components/Forms/Picker/DatePicker/DatePickerHeader.d.ts

@@ -1,11 +1,12 @@
+/// <reference types="@date-io/dayjs/type" />
 import { FunctionComponent } from 'react';
 import { DateType } from '@date-io/type';
 import { MaterialUiPickersDate as MuiPickersDate } from '@material-ui/pickers/typings/date';
 import { SlideDirection as MuiSlideDirection } from '@material-ui/pickers/views/Calendar/SlideTransition';
 import { RcClassesProps } from '../../../../foundation';
 import { RcDatePickerSize } from './DatePicker';
-declare type ViewType = 'day' | 'year';
-declare type DatePickerHeaderProps = {
+type ViewType = 'day' | 'year';
+type DatePickerHeaderProps = {
     /** the month on display */
     focusedDate: DateType;
     /** with options 'right' | 'left' */

package/components/Forms/Picker/DatePicker/DatePickerHeader.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerHeader = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var pickers_1 = require("@material-ui/pickers");
@@ -8,13 +9,13 @@ var VisuallyHidden_1 = require("../../../VisuallyHidden");
 var SelectArrowDownIcon_1 = require("../../Select/styles/SelectArrowDownIcon");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var DatePickerHeader = react_1.memo(function (props) {
+var DatePickerHeader = (0, react_1.memo)(function (props) {
     var focusedDate = props.focusedDate, onMonthChange = props.onMonthChange, disablePrevMonth = props.disablePrevMonth, disableNextMonth = props.disableNextMonth, onViewChange = props.onViewChange, view = props.view, size = props.size, classes = props.classes;
-    var utils = pickers_1.useUtils();
+    var utils = (0, pickers_1.useUtils)();
     var preMonth = utils.getPreviousMonth(focusedDate);
     var nextMonth = utils.getNextMonth(focusedDate);
     var monthLabel = utils.getCalendarHeaderText(focusedDate);
-    var changeFromRef = react_1.useRef();
+    var changeFromRef = (0, react_1.useRef)();
     var selectNextMonth = function () {
         onMonthChange(nextMonth, 'left');
         changeFromRef.current = 'next';
@@ -24,8 +25,8 @@ var DatePickerHeader = react_1.memo(function (props) {
         changeFromRef.current = 'previous';
     };
     var ariaExpanded = view === 'year';
-    var _a = utils_1.useScreenReaderContext(), getMonthYearAriaLabel = _a.getMonthYearAriaLabel, getSwitchMonthAriaLabel = _a.getSwitchMonthAriaLabel;
-    var monthYearAriaLabel = getMonthYearAriaLabel === null || getMonthYearAriaLabel === void 0 ? void 0 : getMonthYearAriaLabel("" + monthLabel, ariaExpanded);
+    var _a = (0, utils_1.useScreenReaderContext)(), getMonthYearAriaLabel = _a.getMonthYearAriaLabel, getSwitchMonthAriaLabel = _a.getSwitchMonthAriaLabel;
+    var monthYearAriaLabel = getMonthYearAriaLabel === null || getMonthYearAriaLabel === void 0 ? void 0 : getMonthYearAriaLabel("".concat(monthLabel), ariaExpanded);
     var nextMonthAriaLabel = getSwitchMonthAriaLabel === null || getSwitchMonthAriaLabel === void 0 ? void 0 : getSwitchMonthAriaLabel(true, utils.getMonthText(focusedDate));
     var previousMonthAriaLabel = getSwitchMonthAriaLabel === null || getSwitchMonthAriaLabel === void 0 ? void 0 : getSwitchMonthAriaLabel(false, utils.getMonthText(focusedDate));
     return (react_1.default.createElement(react_1.default.Fragment, null,

package/components/Forms/Picker/DatePicker/Day.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { MaterialUiPickersDate } from '@material-ui/pickers/typings/date';
 import { RcDatePickerSize } from './DatePicker';
-declare type DayProps = {
+type DayProps = {
     /** Day text */
     children: ReactNode;
     /** is today, default with false */
@@ -19,8 +19,6 @@ declare type DayProps = {
     day: MaterialUiPickersDate;
     tabIndex: number;
 };
-declare const Day: React.MemoExoticComponent<import("styled-components").StyledComponentClass<DayProps & React.RefAttributes<HTMLButtonElement>, import("../../../../foundation").RcTheme, Pick<DayProps & React.RefAttributes<HTMLButtonElement>, "ref" | "key" | "tabIndex" | "children" | "hidden" | "size" | "disabled" | "focused" | "selected" | "day" | "current"> & {
-    theme?: import("../../../../foundation").RcTheme | undefined;
-}>>;
+declare const Day: React.MemoExoticComponent<import("styled-components").StyledComponent<React.ForwardRefExoticComponent<DayProps & React.RefAttributes<HTMLButtonElement>>, import("../../../../foundation").RcTheme, {}, never>>;
 export { Day };
 export type { DayProps };

package/components/Forms/Picker/DatePicker/Day.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Day = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var foundation_1 = require("../../../../foundation");
 var styles_1 = require("../styles");
 var styles_2 = require("./styles");
-var _Day = react_1.forwardRef(function (props, ref) {
+var _Day = (0, react_1.forwardRef)(function (props, ref) {
     var children = props.children, disabled = props.disabled, hidden = props.hidden, current = props.current, selected = props.selected, size = props.size, focused = props.focused, day = props.day, rest = tslib_1.__rest(props, ["children", "disabled", "hidden", "current", "selected", "size", "focused", "day"]);
     return (react_1.default.createElement(styles_1.PickerBaseIconButton, tslib_1.__assign({ "aria-pressed": focused, ref: ref, size: size, selected: selected, "data-picker-focused": focused ? '' : undefined, hidden: hidden, "data-test-automation-class": hidden ? 'date-picker-hidden-day' : 'date-picker-day', "data-test-automation-value": children, disabled: disabled }, rest),
         react_1.default.createElement(react_1.default.Fragment, null, 
@@ -19,6 +20,6 @@ _Day.defaultProps = {
     current: false,
     selected: false,
 };
-var Day = react_1.memo(foundation_1.styled(_Day)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), styles_2.DayStyle));
+var Day = (0, react_1.memo)((0, foundation_1.styled)(_Day)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), styles_2.DayStyle));
 exports.Day = Day;
 var templateObject_1;

package/components/Forms/Picker/DatePicker/Year.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-declare type YearProps = {
+type YearProps = {
     /** display as content */
     children: ReactNode;
     /** is the year disabled */

package/components/Forms/Picker/DatePicker/Year.js

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Year = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var clsx_1 = tslib_1.__importDefault(require("clsx"));
 var foundation_1 = require("../../../../foundation");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var Year = react_1.memo(react_1.forwardRef(function (props, ref) {
+var Year = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
     var onSelect = props.onSelect, value = props.value, selected = props.selected, disabled = props.disabled, focused = props.focused, children = props.children, rest = tslib_1.__rest(props, ["onSelect", "value", "selected", "disabled", "focused", "children"]);
-    var getYearAriaLabel = utils_1.useScreenReaderContext().getYearAriaLabel;
-    var _handleClick = foundation_1.useEventCallback(function () { return onSelect(value); });
-    var className = clsx_1.default({
+    var getYearAriaLabel = (0, utils_1.useScreenReaderContext)().getYearAriaLabel;
+    var _handleClick = (0, foundation_1.useEventCallback)(function () { return onSelect(value); });
+    var className = (0, clsx_1.default)({
         'Year-selected': selected,
         'Year-disabled': disabled,
     });
-    var yearAriaLabel = getYearAriaLabel === null || getYearAriaLabel === void 0 ? void 0 : getYearAriaLabel("" + value, selected);
+    var yearAriaLabel = getYearAriaLabel === null || getYearAriaLabel === void 0 ? void 0 : getYearAriaLabel("".concat(value), selected);
     var handleClick = !disabled ? _handleClick : undefined;
     return (react_1.default.createElement(styles_1.StyledYear, tslib_1.__assign({ radius: "round", onClick: handleClick, onKeyPress: handleClick, ref: ref, selected: selected, "aria-pressed": focused, size: "medium", "aria-label": yearAriaLabel, className: className, "data-focusable": selected, "data-test-automation-class": "date-picker-year", "data-test-automation-value": children }, rest),
         react_1.default.createElement(react_1.default.Fragment, null, 

package/components/Forms/Picker/DatePicker/Years.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="@date-io/dayjs/type" />
 import React from 'react';
 import { DateType } from '@date-io/type';
 import { MaterialUiPickersDate as MuiPickersDate } from '@material-ui/pickers/typings/date';
 import { RcDatePickerProps } from './DatePicker';
-declare type YearsProps = {
+type YearsProps = {
     /** the selected date. */
     date: MuiPickersDate;
     /** min Date of the displayed years range. */
@@ -22,9 +23,9 @@ declare const Years: React.ForwardRefExoticComponent<{
     /** the selected date. */
     date: MuiPickersDate;
     /** min Date of the displayed years range. */
-    minDate: import("dayjs").Dayjs;
+    minDate: DateType;
     /** max Date of the displayed years range. */
-    maxDate: import("dayjs").Dayjs;
+    maxDate: DateType;
     /** is disable the past years. */
     disablePast?: boolean | undefined;
     /** is disable the future years. */

package/components/Forms/Picker/DatePicker/Years.js

@@ -1,27 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Years = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var pickers_1 = require("@material-ui/pickers");
 var foundation_1 = require("../../../../foundation");
 var styles_1 = require("./styles");
 var Year_1 = require("./Year");
-var Years = react_1.forwardRef(function (props, ref) {
+var Years = (0, react_1.forwardRef)(function (props, ref) {
     var _a;
     var date = props.date, onYearChange = props.onYearChange, minDate = props.minDate, size = props.size, maxDate = props.maxDate, disablePast = props.disablePast, disableFuture = props.disableFuture, now = props.now;
-    var utils = pickers_1.useUtils();
-    var containerRef = react_1.useRef(null);
-    var combineRef = foundation_1.useForkRef(containerRef, ref);
-    var selectedYearRef = react_1.useRef(null);
+    var utils = (0, pickers_1.useUtils)();
+    var containerRef = (0, react_1.useRef)(null);
+    var combineRef = (0, foundation_1.useForkRef)(containerRef, ref);
+    var selectedYearRef = (0, react_1.useRef)(null);
     var currentYear = utils.getYear(date || now);
-    var years = react_1.useMemo(function () { return utils.getYearRange(minDate, maxDate); }, [maxDate, minDate, utils]);
-    var onYearSelect = foundation_1.useEventCallback(function (year) {
+    var years = (0, react_1.useMemo)(function () { return utils.getYearRange(minDate, maxDate); }, [maxDate, minDate, utils]);
+    var onYearSelect = (0, foundation_1.useEventCallback)(function (year) {
         var newDate = utils.setYear(date, year);
         onYearChange(newDate);
     });
-    var focusedIndexRef = react_1.useRef(0);
+    var focusedIndexRef = (0, react_1.useRef)(0);
     var focusedYear = (_a = years[focusedIndexRef.current]) === null || _a === void 0 ? void 0 : _a.year();
-    var _b = foundation_1.useOnlyOneFocusable({
+    var _b = (0, foundation_1.useOnlyOneFocusable)({
         focusedIndexRef: focusedIndexRef,
         containerRef: containerRef,
     }), focusIndex = _b.focusIndex, getItemProps = _b.getItemProps;
@@ -30,7 +31,7 @@ var Years = react_1.forwardRef(function (props, ref) {
             (disableFuture && utils.isAfterYear(year, now)));
     };
     var columns = size === 'small' ? 2 : 4;
-    var handleKeyDown = foundation_1.useKeyboardMoveFocus({
+    var handleKeyDown = (0, foundation_1.useKeyboardMoveFocus)({
         options: years,
         focusedIndexRef: focusedIndexRef,
         columns: columns,
@@ -41,7 +42,7 @@ var Years = react_1.forwardRef(function (props, ref) {
         },
         getOptionDisabled: getOptionDisabled,
     }).onKeyFocusedIndexHandle;
-    react_1.useLayoutEffect(function () {
+    (0, react_1.useLayoutEffect)(function () {
         var index = years.findIndex(function (x) { return utils.getYear(x) === currentYear; });
         focusIndex(index);
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/components/Forms/Picker/DatePicker/styles/StyledCalendar.d.ts

@@ -1,28 +1,11 @@
-/// <reference types="react" />
-/// <reference types="styled-jsx" />
 import { RcDatePickerProps } from '../DatePicker';
-declare const CalendarSlideTransitionWrapper: import("styled-components").StyledComponentClass<import("@material-ui/pickers/views/Calendar/SlideTransition").SlideTransitionProps, import("../../../../../foundation").RcTheme, Pick<import("@material-ui/pickers/views/Calendar/SlideTransition").SlideTransitionProps, "className" | "children" | "slideDirection" | "transKey"> & {
-    theme?: import("../../../../../foundation").RcTheme | undefined;
-}>;
-declare const ProgressContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../../../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-declare const WeekWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<RcDatePickerProps, "size">, import("../../../../../foundation").RcTheme, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<RcDatePickerProps, "size">>;
-declare const StyledDaysHeader: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<RcDatePickerProps, "size">, import("../../../../../foundation").RcTheme, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<RcDatePickerProps, "size">>;
-declare const StyledDayLabel: import("styled-components").StyledComponentClass<{
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    children?: import("react").ReactNode;
-    color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
-    display?: "initial" | "inline" | "block" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    variant?: "button" | "inherit" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body2" | "body1" | "subtitle1" | "subtitle2" | "overline" | "srOnly" | undefined;
-    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body2" | "body1" | "subtitle1" | "subtitle2" | "overline" | "srOnly", string>> | undefined;
-} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Typography").TypographyTypeMap<{}, "span">> & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "ref" | "key" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & Pick<RcDatePickerProps, "size">, import("../../../../../foundation").RcTheme, Pick<import("@material-ui/core/OverridableComponent").DefaultComponentProps<import("@material-ui/core/Typography").TypographyTypeMap<{}, "span">>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    theme?: import("../../../../../foundation").RcTheme | undefined;
-} & Pick<RcDatePickerProps, "size">>;
-declare const DatePickerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<RcDatePickerProps, "size">, import("../../../../../foundation").RcTheme, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<RcDatePickerProps, "size">>;
-declare const DaysWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../../../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-declare const DayFooterWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../../../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+declare const CalendarSlideTransitionWrapper: import("styled-components").StyledComponent<any, import("../../../../../foundation").RcTheme, object, string | number | symbol>;
+declare const ProgressContainer: import("styled-components").StyledComponent<"div", import("../../../../../foundation").RcTheme, {}, never>;
+declare const WeekWrapper: import("styled-components").StyledComponent<"div", import("../../../../../foundation").RcTheme, Pick<RcDatePickerProps, "size">, never>;
+declare const StyledDaysHeader: import("styled-components").StyledComponent<"div", import("../../../../../foundation").RcTheme, StyledDayLabelProps, never>;
+type StyledDayLabelProps = Pick<RcDatePickerProps, 'size'>;
+declare const StyledDayLabel: import("styled-components").StyledComponent<import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core/Typography").TypographyTypeMap<{}, "span">>, import("../../../../../foundation").RcTheme, StyledDayLabelProps, never>;
+declare const DatePickerWrapper: import("styled-components").StyledComponent<"div", import("../../../../../foundation").RcTheme, Pick<RcDatePickerProps, "size">, never>;
+declare const DaysWrapper: import("styled-components").StyledComponent<"div", import("../../../../../foundation").RcTheme, {}, never>;
+declare const DayFooterWrapper: import("styled-components").StyledComponent<"div", import("../../../../../foundation").RcTheme, {}, never>;
 export { CalendarSlideTransitionWrapper, DatePickerWrapper, DayFooterWrapper, DaysWrapper, ProgressContainer, StyledDayLabel, StyledDaysHeader, WeekWrapper, };