amis-ui 3.4.0 → 3.4.1

package/lib/components/DateRangePicker.d.ts

@@ -8,6 +8,7 @@ import React from 'react';
 import moment, { unitOfTime } from 'moment';
 import { ShortCuts } from './DatePicker';
 import type { PlainObject, ThemeProps, LocaleProps } from 'amis-core';
+import type { ViewMode } from './calendar/Calendar';
 export interface DateRangePickerProps extends ThemeProps, LocaleProps {
     className?: string;
     popoverClassName?: string;
@@ -44,7 +45,7 @@ export interface DateRangePickerProps extends ThemeProps, LocaleProps {
     popOverContainer?: any;
     dateFormat?: string;
     embed?: boolean;
-    viewMode?: 'days' | 'months' | 'years' | 'time' | 'quarters';
+    viewMode?: ViewMode;
     borderMode?: 'full' | 'half' | 'none';
     onFocus?: Function;
     onBlur?: Function;
@@ -135,10 +136,23 @@ export declare class DateRangePicker extends React.Component<DateRangePickerProp
     handlePopOverClick(e: React.MouseEvent<any>): void;
     handleKeyPress(e: React.KeyboardEvent): void;
     confirm(): void;
-    filterDate(date: moment.Moment, originValue?: moment.Moment, timeFormat?: string, type?: 'start' | 'end'): moment.Moment;
+    filterDate(date: moment.Moment, options?: {
+        type: 'start' | 'end';
+        originValue?: moment.Moment;
+        timeFormat?: string;
+        subControlViewMode?: 'time';
+    }): moment.Moment;
     handleDateChange(newValue: moment.Moment): void;
-    handleStartDateChange(newValue: moment.Moment): void;
-    handelEndDateChange(newValue: moment.Moment): void;
+    /**
+     * @param {Moment} newValue 当前选择的日期时间值
+     * @param {ViewMode=} subControlViewMode 子选择控件的类型，可选参数（'time'），用于区分datetime选择器的触发控件
+     */
+    handleStartDateChange(newValue: moment.Moment, subControlViewMode?: Extract<ViewMode, 'time'>): void;
+    /**
+     * @param {Moment} newValue 当前选择的日期时间值
+     * @param {string=} subControlViewMode 子选择控件的类型的类型，可选参数（'time'），用于区分datetime选择器的触发控件
+     */
+    handelEndDateChange(newValue: moment.Moment, subControlViewMode?: Extract<ViewMode, 'time'>): void;
     startInputChange(e: React.ChangeEvent<HTMLInputElement>): void;
     endInputChange(e: React.ChangeEvent<HTMLInputElement>): void;
     getEndDateByDuration(newValue: moment.Moment): moment.Moment;
@@ -171,228 +185,228 @@ export declare class DateRangePicker extends React.Component<DateRangePickerProp
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+    new (props: Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+        clearable?: boolean | undefined;
+        overlayPlacement?: string | undefined;
+        joinValues?: boolean | undefined;
+        delimiter?: string | undefined;
+        resetValue?: any;
         inputFormat?: string | undefined;
-        closeOnSelect?: boolean | undefined;
         format?: string | undefined;
-        clearable?: boolean | undefined;
+        closeOnSelect?: boolean | undefined;
         shortcuts?: string | ShortCuts[] | undefined;
-        overlayPlacement?: string | undefined;
         startPlaceholder?: string | undefined;
         endPlaceholder?: string | undefined;
         ranges?: string | ShortCuts[] | undefined;
-        joinValues?: boolean | undefined;
-        delimiter?: string | undefined;
-        resetValue?: any;
     } & {
         endDateOpenedFirst?: boolean | undefined;
     } & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
-    }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
+    }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             locale?: string | undefined;
             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;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        readonly props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
@@ -404,19 +418,19 @@ 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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
@@ -424,19 +438,19 @@ 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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
@@ -448,19 +462,19 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
@@ -469,38 +483,38 @@ 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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
@@ -509,76 +523,76 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
@@ -593,19 +607,19 @@ declare const _default: {
         ComposedComponent: typeof DateRangePicker;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+    new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+        clearable?: boolean | undefined;
+        overlayPlacement?: string | undefined;
+        joinValues?: boolean | undefined;
+        delimiter?: string | undefined;
+        resetValue?: any;
         inputFormat?: string | undefined;
-        closeOnSelect?: boolean | undefined;
         format?: string | undefined;
-        clearable?: boolean | undefined;
+        closeOnSelect?: boolean | undefined;
         shortcuts?: string | ShortCuts[] | undefined;
-        overlayPlacement?: string | undefined;
         startPlaceholder?: string | undefined;
         endPlaceholder?: string | undefined;
         ranges?: string | ShortCuts[] | undefined;
-        joinValues?: boolean | undefined;
-        delimiter?: string | undefined;
-        resetValue?: any;
     } & {
         endDateOpenedFirst?: boolean | undefined;
     } & {
@@ -617,19 +631,19 @@ 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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
@@ -637,19 +651,19 @@ 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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
@@ -661,19 +675,19 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
@@ -682,38 +696,38 @@ 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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
@@ -722,76 +736,76 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
@@ -806,19 +820,19 @@ declare const _default: {
     ComposedComponent: typeof DateRangePicker;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+            clearable?: boolean | undefined;
+            overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
-            clearable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
             shortcuts?: string | ShortCuts[] | undefined;
-            overlayPlacement?: string | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
-            joinValues?: boolean | undefined;
-            delimiter?: string | undefined;
-            resetValue?: any;
         } & {
             endDateOpenedFirst?: boolean | undefined;
         } & {
@@ -830,19 +844,19 @@ 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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
@@ -850,19 +864,19 @@ 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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
@@ -874,19 +888,19 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
@@ -895,38 +909,38 @@ 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>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
@@ -935,76 +949,76 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classnames" | "classPrefix" | "type" | "data" | "embed" | "label" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onFocus" | "onBlur" | "onChange" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "popoverClassName" | "displayFormat" | "valueFormat" | "minDateRaw" | "maxDateRaw" | "popOverContainer" | "borderMode" | "onRef" | "animation"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "popOverContainer" | "disabled" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "type" | "data" | "embed" | "label" | "value" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "borderMode" | "viewMode" | "displayFormat" | "timeFormat" | "valueFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
+                clearable?: boolean | undefined;
+                overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
-                clearable?: boolean | undefined;
+                closeOnSelect?: boolean | undefined;
                 shortcuts?: string | ShortCuts[] | undefined;
-                overlayPlacement?: string | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
-                joinValues?: boolean | undefined;
-                delimiter?: string | undefined;
-                resetValue?: any;
             } & {
                 endDateOpenedFirst?: boolean | undefined;
             } & {