amis-ui 2.9.0 → 3.1.0

package/lib/components/DateRangePicker.d.ts

@@ -7,9 +7,7 @@
 import React from 'react';
 import moment, { unitOfTime } from 'moment';
 import { ShortCuts } from './DatePicker';
-import { ThemeProps } from 'amis-core';
-import type { PlainObject } from 'amis-core';
-import { LocaleProps } from 'amis-core';
+import type { PlainObject, ThemeProps, LocaleProps } from 'amis-core';
 export interface DateRangePickerProps extends ThemeProps, LocaleProps {
     className?: string;
     popoverClassName?: string;
@@ -19,10 +17,16 @@ export interface DateRangePickerProps extends ThemeProps, LocaleProps {
     format: string;
     utc?: boolean;
     inputFormat?: string;
+    /**
+     * @deprecated 3.1.0后废弃，用shortcuts替代
+     */
     ranges?: string | Array<ShortCuts>;
+    shortcuts?: string | Array<ShortCuts>;
     clearable?: boolean;
     minDate?: moment.Moment;
     maxDate?: moment.Moment;
+    minDateRaw?: string;
+    maxDateRaw?: string;
     minDuration?: moment.Duration;
     maxDuration?: moment.Duration;
     joinValues: boolean;
@@ -68,7 +72,7 @@ export interface DateRangePickerState {
     endInputValue?: string;
     endDateOpenedFirst: boolean;
 }
-export declare const availableRanges: {
+export declare const availableShortcuts: {
     [propName: string]: any;
 };
 export declare const advancedRanges: {
@@ -89,6 +93,7 @@ export declare class DateRangePicker extends React.Component<DateRangePickerProp
         clearable: boolean;
         delimiter: string;
         ranges: string;
+        shortcuts: string;
         resetValue: string;
         closeOnSelect: boolean;
         overlayPlacement: string;
@@ -138,18 +143,18 @@ export declare class DateRangePicker extends React.Component<DateRangePickerProp
     handleTimeStartChange(newValue: moment.Moment): void;
     handleTimeEndChange(newValue: moment.Moment): void;
     handleMobileChange(data: any, callback?: () => void): void;
-    selectRannge(range: PlainObject): void;
-    renderRanges(ranges: string | Array<ShortCuts> | undefined): JSX.Element | null;
+    selectShortcut(shortcut: PlainObject): void;
+    renderShortcuts(shortcuts: string | Array<ShortCuts> | undefined): React.JSX.Element | null;
     clearValue(e: React.MouseEvent<any>): void;
     clear(): void;
     reset(): void;
     checkStartIsValidDate(currentDate: moment.Moment): boolean;
     checkEndIsValidDate(currentDate: moment.Moment): boolean;
-    renderDay(props: any, currentDate: moment.Moment): JSX.Element;
-    renderMonth(props: any, month: number, year: number, date: any): JSX.Element;
-    renderQuarter(props: any, quarter: number, year: number): JSX.Element;
-    renderYear(props: any, year: number): JSX.Element;
-    renderCalendar(): JSX.Element;
+    renderDay(props: any, currentDate: moment.Moment): React.JSX.Element;
+    renderMonth(props: any, month: number, year: number, date: any): React.JSX.Element;
+    renderQuarter(props: any, quarter: number, year: number): React.JSX.Element;
+    renderYear(props: any, year: number): React.JSX.Element;
+    renderCalendar(): React.JSX.Element;
     getDisabledElementProps(currentDate: moment.Moment, granularity?: unitOfTime.StartOf): {
         className: string;
         onClick: undefined;
@@ -159,19 +164,20 @@ export declare class DateRangePicker extends React.Component<DateRangePickerProp
     };
     /** 获取宽度类型变量的值 */
     getValidWidthValue(element: HTMLElement, propsName: string): number;
-    renderActiveCursor(): JSX.Element;
-    render(): JSX.Element;
+    renderActiveCursor(): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-        delimiter?: string | undefined;
-        joinValues?: boolean | undefined;
+    new (props: Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
         clearable?: boolean | undefined;
-        resetValue?: any;
         overlayPlacement?: string | undefined;
+        joinValues?: boolean | undefined;
+        delimiter?: string | undefined;
+        resetValue?: any;
         inputFormat?: string | undefined;
-        closeOnSelect?: boolean | undefined;
         format?: string | undefined;
+        closeOnSelect?: boolean | undefined;
+        shortcuts?: string | ShortCuts[] | undefined;
         startPlaceholder?: string | undefined;
         endPlaceholder?: string | undefined;
         ranges?: string | ShortCuts[] | undefined;
@@ -184,17 +190,18 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -205,15 +212,16 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        readonly props: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -228,15 +236,16 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -248,15 +257,16 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -266,15 +276,16 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -286,15 +297,16 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -304,15 +316,16 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -322,15 +335,16 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -340,15 +354,16 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -362,15 +377,16 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -383,17 +399,18 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -404,15 +421,16 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -425,17 +443,18 @@ declare const _default: {
             state: Readonly<{}>;
             refs: {
                 [key: string]: React.ReactInstance;
-            }; /** 当前编辑的时间类型：开始时间 ｜ 结束时间 */
+            };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -447,15 +466,16 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -465,15 +485,16 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -485,15 +506,16 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -503,15 +525,16 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -521,15 +544,16 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -539,15 +563,16 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -565,15 +590,16 @@ declare const _default: {
         ComposedComponent: typeof DateRangePicker;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-        delimiter?: string | undefined;
-        joinValues?: boolean | undefined;
+    new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
         clearable?: boolean | undefined;
-        resetValue?: any;
         overlayPlacement?: string | undefined;
+        joinValues?: boolean | undefined;
+        delimiter?: string | undefined;
+        resetValue?: any;
         inputFormat?: string | undefined;
-        closeOnSelect?: boolean | undefined;
         format?: string | undefined;
+        closeOnSelect?: boolean | undefined;
+        shortcuts?: string | ShortCuts[] | undefined;
         startPlaceholder?: string | undefined;
         endPlaceholder?: string | undefined;
         ranges?: string | ShortCuts[] | undefined;
@@ -586,17 +612,18 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -607,15 +634,16 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -628,17 +656,18 @@ declare const _default: {
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
-        }; /** 当前编辑的时间类型：开始时间 ｜ 结束时间 */
+        };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -650,15 +679,16 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -668,15 +698,16 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -688,15 +719,16 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -706,15 +738,16 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -724,15 +757,16 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -742,15 +776,16 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -768,15 +803,16 @@ declare const _default: {
     ComposedComponent: typeof DateRangePicker;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-            delimiter?: string | undefined;
-            joinValues?: boolean | undefined;
+        new (props: Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
             clearable?: boolean | undefined;
-            resetValue?: any;
             overlayPlacement?: string | undefined;
+            joinValues?: boolean | undefined;
+            delimiter?: string | undefined;
+            resetValue?: any;
             inputFormat?: string | undefined;
-            closeOnSelect?: boolean | undefined;
             format?: string | undefined;
+            closeOnSelect?: boolean | undefined;
+            shortcuts?: string | ShortCuts[] | undefined;
             startPlaceholder?: string | undefined;
             endPlaceholder?: string | undefined;
             ranges?: string | ShortCuts[] | undefined;
@@ -789,17 +825,18 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -810,15 +847,16 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            readonly props: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -831,17 +869,18 @@ declare const _default: {
             state: Readonly<{}>;
             refs: {
                 [key: string]: React.ReactInstance;
-            }; /** 当前编辑的时间类型：开始时间 ｜ 结束时间 */
+            };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -853,15 +892,16 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -871,15 +911,16 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -891,15 +932,16 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -909,15 +951,16 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -927,15 +970,16 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;
@@ -945,15 +989,16 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "classPrefix" | "classnames" | "type" | "className" | "style" | "theme" | "data" | "embed" | "label" | "onFocus" | "onBlur" | "onChange" | "value" | "disabled" | "popOverContainer" | "useMobileUI" | "popoverClassName" | "borderMode" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "viewMode" | "utc" | "minDuration" | "maxDuration" | "onRef" | "animation"> & {
-                delimiter?: string | undefined;
-                joinValues?: boolean | undefined;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DateRangePickerProps, keyof LocaleProps>, "data" | "embed" | "label" | "style" | "type" | "value" | "popOverContainer" | "disabled" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "popoverClassName" | "onFocus" | "onBlur" | "useMobileUI" | "borderMode" | "viewMode" | "timeFormat" | "minDate" | "maxDate" | "minDateRaw" | "maxDateRaw" | "utc" | "dateFormat" | "onRef" | "minDuration" | "maxDuration" | "animation"> & {
                 clearable?: boolean | undefined;
-                resetValue?: any;
                 overlayPlacement?: string | undefined;
+                joinValues?: boolean | undefined;
+                delimiter?: string | undefined;
+                resetValue?: any;
                 inputFormat?: string | undefined;
-                closeOnSelect?: boolean | undefined;
                 format?: string | undefined;
+                closeOnSelect?: boolean | undefined;
+                shortcuts?: string | ShortCuts[] | undefined;
                 startPlaceholder?: string | undefined;
                 endPlaceholder?: string | undefined;
                 ranges?: string | ShortCuts[] | undefined;