amis-ui 3.2.0 → 3.3.0

package/lib/components/DatePicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -22,11 +22,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-/**
- * @file DatePicker
- * @description 时间选择器组件
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var availableShortcuts = {
     now: {
         label: 'Date.now',
@@ -421,13 +419,16 @@ var DatePicker = /** @class */ (function (_super) {
         closeOnSelect && this.close();
     };
     DatePicker.prototype.checkIsValidDate = function (currentDate) {
-        var _a = this.props, minDate = _a.minDate, maxDate = _a.maxDate;
+        var _a = this.props, minDate = _a.minDate, maxDate = _a.maxDate, disabledDate = _a.disabledDate;
         if (minDate && currentDate.isBefore(minDate, 'day')) {
             return false;
         }
         else if (maxDate && currentDate.isAfter(maxDate, 'day')) {
             return false;
         }
+        if (typeof disabledDate === 'function') {
+            return !disabledDate(currentDate);
+        }
         return true;
     };
     DatePicker.prototype.getTarget = function () {
@@ -463,7 +464,7 @@ var DatePicker = /** @class */ (function (_super) {
         else {
             shortcutArr = shortcuts;
         }
-        return (React__default["default"].createElement("ul", { className: cx("DatePicker-shortcuts") }, shortcutArr.map(function (item, index) {
+        return (_J$X_("ul", { className: cx("DatePicker-shortcuts") }, shortcutArr.map(function (item, index) {
             if (!item) {
                 return null;
             }
@@ -483,8 +484,8 @@ var DatePicker = /** @class */ (function (_super) {
                             : item.date;
                     } });
             }
-            return (React__default["default"].createElement("li", { className: cx("DatePicker-shortcut"), onClick: function () { return _this.selectShortcut(shortcut); }, key: index },
-                React__default["default"].createElement("a", null, __(shortcut.label))));
+            return (_J$X_("li", { className: cx("DatePicker-shortcut"), onClick: function () { return _this.selectShortcut(shortcut); }, key: index },
+                _J$X_("a", null, __(shortcut.label))));
         })));
     };
     DatePicker.prototype.render = function () {
@@ -493,8 +494,8 @@ var DatePicker = /** @class */ (function (_super) {
         var __ = this.props.translate;
         var isOpened = this.state.isOpened;
         var date = this.state.value;
-        var calendarMobile = (React__default["default"].createElement(CalendarMobile["default"], { isDatePicker: true, timeFormat: timeFormat, inputFormat: inputFormat, startDate: date, defaultDate: date, minDate: minDate, maxDate: maxDate, dateFormat: dateFormat, embed: embed, viewMode: viewMode, close: this.close, confirm: this.handleChange, footerExtra: this.renderShortCuts(shortcuts), showViewMode: viewMode === 'quarters' || viewMode === 'months' ? 'years' : 'months', timeConstraints: timeConstraints, isEndDate: isEndDate }));
-        var CalendarMobileTitle = (React__default["default"].createElement("div", { className: "".concat(ns, "CalendarMobile-title") }, label && typeof label === 'string' ? label : __('Calendar.datepicker')));
+        var calendarMobile = (_J$X_(CalendarMobile["default"], { isDatePicker: true, timeFormat: timeFormat, inputFormat: inputFormat, startDate: date, defaultDate: date, minDate: minDate, maxDate: maxDate, dateFormat: dateFormat, embed: embed, viewMode: viewMode, close: this.close, confirm: this.handleChange, footerExtra: this.renderShortCuts(shortcuts), showViewMode: viewMode === 'quarters' || viewMode === 'months' ? 'years' : 'months', timeConstraints: timeConstraints, isEndDate: isEndDate }));
+        var CalendarMobileTitle = (_J$X_("div", { className: "".concat(ns, "CalendarMobile-title") }, label && typeof label === 'string' ? label : __('Calendar.datepicker')));
         var useCalendarMobile = useMobileUI &&
             amisCore.isMobile() &&
             ['days', 'months', 'quarters'].indexOf(viewMode) > -1;
@@ -515,35 +516,35 @@ var DatePicker = /** @class */ (function (_super) {
                     return tslib.__assign(tslib.__assign({}, schedule), { className: className });
                 });
             }
-            return (React__default["default"].createElement("div", { className: cx("DateCalendar", {
+            return (_J$X_("div", { className: cx("DateCalendar", {
                     'is-disabled': disabled,
                     'ScheduleCalendar': schedulesData,
                     'ScheduleCalendar-large': largeMode
                 }, className) },
-                React__default["default"].createElement(Calendar["default"], { value: date, onChange: this.handleChange, requiredConfirm: false, dateFormat: dateFormat, timeFormat: timeFormat, isValidDate: this.checkIsValidDate, viewMode: viewMode, timeConstraints: timeConstraints, input: false, onClose: this.close, locale: locale, minDate: minDate, maxDate: maxDate, 
+                _J$X_(Calendar["default"], { value: date, onChange: this.handleChange, requiredConfirm: false, dateFormat: dateFormat, timeFormat: timeFormat, isValidDate: this.checkIsValidDate, viewMode: viewMode, timeConstraints: timeConstraints, input: false, onClose: this.close, locale: locale, minDate: minDate, maxDate: maxDate, 
                     // utc={utc}
                     schedules: schedulesData, env: env, largeMode: largeMode, todayActiveStyle: todayActiveStyle, onScheduleClick: onScheduleClick, embed: embed, useMobileUI: useMobileUI, isEndDate: isEndDate })));
         }
-        return (React__default["default"].createElement("div", { tabIndex: 0, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, className: cx("DatePicker", (_a = {
+        return (_J$X_("div", { tabIndex: 0, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, className: cx("DatePicker", (_a = {
                     'is-disabled': disabled,
                     'is-focused': !disabled && this.state.isFocused
                 },
                 _a["DatePicker--border".concat(amisCore.ucFirst(borderMode))] = borderMode,
                 _a['is-mobile'] = useMobileUI && amisCore.isMobile(),
                 _a), className), ref: this.domRef, onClick: this.handleClick },
-            React__default["default"].createElement(Input["default"], { className: cx('DatePicker-input'), onChange: this.inputChange, onBlur: this.onInputBlur, ref: this.inputRef, placeholder: placeholder, autoComplete: "off", value: this.state.inputValue || '', disabled: disabled, readOnly: useMobileUI && amisCore.isMobile() }),
-            clearable && !disabled && amisCore.normalizeDate(value, format) ? (React__default["default"].createElement("a", { className: cx("DatePicker-clear"), onClick: this.clearValue },
-                React__default["default"].createElement(icons.Icon, { icon: "input-clear", className: "icon" }))) : null,
-            React__default["default"].createElement("a", { className: cx("DatePicker-toggler") },
-                React__default["default"].createElement(icons.Icon, { icon: viewMode === 'time' ? 'clock' : 'date', className: "icon", iconContent: viewMode === 'time'
+            _J$X_(Input["default"], { className: cx('DatePicker-input'), onChange: this.inputChange, onBlur: this.onInputBlur, ref: this.inputRef, placeholder: placeholder, autoComplete: "off", value: this.state.inputValue || '', disabled: disabled, readOnly: useMobileUI && amisCore.isMobile() }),
+            clearable && !disabled && amisCore.normalizeDate(value, format) ? (_J$X_("a", { className: cx("DatePicker-clear"), onClick: this.clearValue },
+                _J$X_(icons.Icon, { icon: "input-clear", className: "icon" }))) : null,
+            _J$X_("a", { className: cx("DatePicker-toggler") },
+                _J$X_(icons.Icon, { icon: viewMode === 'time' ? 'clock' : 'date', className: "icon", iconContent: viewMode === 'time'
                         ? 'DatePicker-toggler-clock'
                         : 'DatePicker-toggler-date' })),
-            !(useMobileUI && amisCore.isMobile()) && isOpened ? (React__default["default"].createElement(amisCore.Overlay, { target: this.getTarget, container: popOverContainer || this.getParent, rootClose: false, placement: overlayPlacement, show: true },
-                React__default["default"].createElement(amisCore.PopOver, { classPrefix: ns, className: cx("DatePicker-popover", popoverClassName), onHide: this.close, overlay: true, onClick: this.handlePopOverClick },
+            !(useMobileUI && amisCore.isMobile()) && isOpened ? (_J$X_(amisCore.Overlay, { target: this.getTarget, container: popOverContainer || this.getParent, rootClose: false, placement: overlayPlacement, show: true },
+                _J$X_(amisCore.PopOver, { classPrefix: ns, className: cx("DatePicker-popover", popoverClassName), onHide: this.close, overlay: true, onClick: this.handlePopOverClick },
                     this.renderShortCuts(shortcuts),
-                    React__default["default"].createElement(Calendar["default"], { value: date, onChange: this.handleChange, requiredConfirm: viewMode === 'time', dateFormat: dateFormat, inputFormat: inputFormat, timeFormat: timeFormat, isValidDate: this.checkIsValidDate, viewMode: viewMode, timeConstraints: timeConstraints, input: false, onClose: this.close, locale: locale, minDate: minDate, maxDate: maxDate, useMobileUI: useMobileUI, isEndDate: isEndDate })))) : null,
-            useMobileUI && amisCore.isMobile() ? (mobileCalendarMode === 'calendar' && useCalendarMobile ? (React__default["default"].createElement(PopUp["default"], { isShow: isOpened, className: cx("".concat(ns, "CalendarMobile-pop")), onHide: this.close, header: CalendarMobileTitle }, calendarMobile)) : (React__default["default"].createElement(PopUp["default"], { className: cx("".concat(ns, "DatePicker-popup DatePicker-mobile")), container: popOverContainer, isShow: isOpened, showClose: false, onHide: this.handleClick },
-                React__default["default"].createElement(Calendar["default"], { value: date, onChange: this.handleChange, requiredConfirm: false, dateFormat: dateFormat, inputFormat: inputFormat, timeFormat: timeFormat, isValidDate: this.checkIsValidDate, viewMode: viewMode, timeConstraints: timeConstraints, input: false, onClose: this.close, locale: locale, minDate: minDate, maxDate: maxDate, useMobileUI: useMobileUI })))) : null));
+                    _J$X_(Calendar["default"], { value: date, onChange: this.handleChange, requiredConfirm: viewMode === 'time', dateFormat: dateFormat, inputFormat: inputFormat, timeFormat: timeFormat, isValidDate: this.checkIsValidDate, viewMode: viewMode, timeConstraints: timeConstraints, input: false, onClose: this.close, locale: locale, minDate: minDate, maxDate: maxDate, useMobileUI: useMobileUI, isEndDate: isEndDate })))) : null,
+            useMobileUI && amisCore.isMobile() ? (mobileCalendarMode === 'calendar' && useCalendarMobile ? (_J$X_(PopUp["default"], { isShow: isOpened, className: cx("".concat(ns, "CalendarMobile-pop")), onHide: this.close, header: CalendarMobileTitle }, calendarMobile)) : (_J$X_(PopUp["default"], { className: cx("".concat(ns, "DatePicker-popup DatePicker-mobile")), container: popOverContainer, isShow: isOpened, showClose: false, onHide: this.handleClick },
+                _J$X_(Calendar["default"], { value: date, onChange: this.handleChange, requiredConfirm: false, dateFormat: dateFormat, inputFormat: inputFormat, timeFormat: timeFormat, isValidDate: this.checkIsValidDate, viewMode: viewMode, timeConstraints: timeConstraints, input: false, onClose: this.close, locale: locale, minDate: minDate, maxDate: maxDate, useMobileUI: useMobileUI })))) : null));
     };
     DatePicker.defaultProps = {
         viewMode: 'days',

package/lib/components/DateRangePicker.d.ts

@@ -168,7 +168,7 @@ export declare class DateRangePicker extends React.Component<DateRangePickerProp
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+    new (props: Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
         inputFormat?: string | undefined;
         closeOnSelect?: boolean | undefined;
         format?: string | undefined;
@@ -192,7 +192,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -212,7 +212,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        readonly props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -236,7 +236,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -257,7 +257,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -276,7 +276,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -297,7 +297,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -316,7 +316,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -335,7 +335,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -354,7 +354,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -377,7 +377,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -401,7 +401,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -421,7 +421,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -445,7 +445,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -466,7 +466,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -485,7 +485,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -506,7 +506,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -525,7 +525,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -544,7 +544,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -563,7 +563,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -590,7 +590,7 @@ declare const _default: {
         ComposedComponent: typeof DateRangePicker;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+    new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
         inputFormat?: string | undefined;
         closeOnSelect?: boolean | undefined;
         format?: string | undefined;
@@ -614,7 +614,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -634,7 +634,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -658,7 +658,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -679,7 +679,7 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -698,7 +698,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -719,7 +719,7 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -738,7 +738,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -757,7 +757,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -776,7 +776,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -803,7 +803,7 @@ declare const _default: {
     ComposedComponent: typeof DateRangePicker;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
             inputFormat?: string | undefined;
             closeOnSelect?: boolean | undefined;
             format?: string | undefined;
@@ -827,7 +827,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -847,7 +847,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -871,7 +871,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -892,7 +892,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -911,7 +911,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -932,7 +932,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -951,7 +951,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -970,7 +970,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
@@ -989,7 +989,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "value" | "onFocus" | "onBlur" | "onChange" | "disabled" | "useMobileUI" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
                 inputFormat?: string | undefined;
                 closeOnSelect?: boolean | undefined;
                 format?: string | undefined;