@alicloud/console-components
Version:
Alibaba Cloud React Components
639 lines (638 loc) • 46.4 kB
TypeScript
import React, { ComponentType } from 'react';
import moment from 'moment';
export declare function withDefaultFormat<T extends ComponentType>(WrappedComponent: T): T;
declare const DatePicker: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/date-picker").DatePickerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
readonly props: Readonly<import("@alifd/next/types/util").RequiredSome<import("@alifd/next/types/date-picker").DatePickerProps, "locale" | "prefix" | "rtl" | "onChange" | "defaultVisible" | "onVisibleChange" | "size" | "popupAlign" | "hasClear" | "format" | "showTime" | "resetTime" | "disabledDate" | "footerRender" | "onOk" | "popupTriggerType">> & Readonly<Pick<{
prefix: string;
rtl: boolean;
format: string;
size: string;
showTime: boolean;
resetTime: boolean;
disabledDate: () => boolean;
footerRender: () => null;
hasClear: boolean;
popupTriggerType: string;
popupAlign: string;
locale: Partial<{
placeholder: string;
datetimePlaceholder: string;
monthPlaceholder: string;
weekPlaceholder: string;
yearPlaceholder: string;
now: string;
selectTime: string;
selectDate: string;
ok: string;
clear: string;
startPlaceholder: string;
endPlaceholder: string;
hour: string;
minute: string;
second: string;
monthBeforeYear?: boolean;
}> & {
momentLocale?: string;
};
defaultVisible: boolean;
onChange: () => void;
onVisibleChange: () => void;
onOk: () => void;
}, never>>;
onValueChange: (newValue: moment.Moment, handler?: "onChange" | "onOk") => void;
onSelectCalendarPanel: (value: moment.Moment) => void;
onSelectTimePanel: (value: moment.Moment) => void;
clearValue: () => void;
onDateInputChange: (inputStr: string, e: React.UIEvent<Element, UIEvent>, eventType?: string) => void;
onTimeInputChange: (inputStr: string) => void;
onDateInputBlur: () => void;
onTimeInputBlur: () => void;
onKeyDown: (e: React.KeyboardEvent<Element>) => void;
onTimeKeyDown: (e: React.KeyboardEvent<Element>) => void;
handleChange: (newValue: moment.Moment, prevValue: moment.Moment, others?: {}) => void;
onFoucsDateInput: () => void;
onFoucsTimeInput: () => void;
onVisibleChange: (visible: boolean, type: string) => void;
changePanel: (panel: import("@alifd/next/types/date-picker/types").PanelType) => void;
onOk: (value?: moment.Moment) => void;
renderPreview(others: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
render(): React.JSX.Element;
context: any;
setState<K extends keyof import("@alifd/next/types/date-picker/types").DatePickerState>(state: import("@alifd/next/types/date-picker/types").DatePickerState | ((prevState: Readonly<import("@alifd/next/types/date-picker/types").DatePickerState>, props: Readonly<import("@alifd/next/types/date-picker").DatePickerProps>) => import("@alifd/next/types/date-picker/types").DatePickerState | Pick<import("@alifd/next/types/date-picker/types").DatePickerState, K>) | Pick<import("@alifd/next/types/date-picker/types").DatePickerState, K>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
state: Readonly<import("@alifd/next/types/date-picker/types").DatePickerState>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").DatePickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").DatePickerState>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").DatePickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").DatePickerState>): any;
componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").DatePickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").DatePickerState>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").DatePickerProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").DatePickerProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").DatePickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").DatePickerState>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").DatePickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").DatePickerState>, nextContext: any): void;
}, {}> & {
RangePicker: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/date-picker").RangePickerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
readonly props: Readonly<import("@alifd/next/types/util").RequiredSome<import("@alifd/next/types/date-picker").RangePickerProps, "type" | "locale" | "prefix" | "rtl" | "onChange" | "defaultVisible" | "onVisibleChange" | "size" | "popupAlign" | "hasClear" | "showTime" | "resetTime" | "disabledDate" | "footerRender" | "onOk" | "popupTriggerType" | "disableChangeMode">> & Readonly<Pick<{
prefix: string;
rtl: boolean;
type: string;
size: string;
showTime: boolean;
resetTime: boolean;
disabledDate: () => boolean;
footerRender: () => null;
hasClear: boolean;
defaultVisible: boolean;
popupTriggerType: string;
popupAlign: string;
locale: Partial<{
placeholder: string;
datetimePlaceholder: string;
monthPlaceholder: string;
weekPlaceholder: string;
yearPlaceholder: string;
now: string;
selectTime: string;
selectDate: string;
ok: string;
clear: string;
startPlaceholder: string;
endPlaceholder: string;
hour: string;
minute: string;
second: string;
monthBeforeYear?: boolean;
}> & {
momentLocale?: string;
};
disableChangeMode: boolean;
onChange: () => void;
onOk: () => void;
onVisibleChange: () => void;
}, never>>;
startDateInputRef: React.RefObject<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">>;
endDateInputRef: React.RefObject<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">>;
autoSwitchDateInput: boolean;
onValueChange: (values: moment.Moment[], handler?: "onChange" | "onOk") => void;
onSelectCalendarPanel: (value: moment.Moment, active?: "startValue" | "endValue" | "startTime" | "endTime") => void;
clearRange: () => void;
onDateInputChange: (inputStr: string, e: React.SyntheticEvent<Element, Event>, eventType?: string) => void;
onDateInputBlur: () => void;
onDateInputKeyDown: (e: React.KeyboardEvent<Element>) => void;
onFocusDateInput: (type: "startValue" | "endValue" | "startTime" | "endTime") => void;
onFocusTimeInput: (type: "startValue" | "endValue" | "startTime" | "endTime") => void;
onSelectStartTime: (value: moment.Moment) => void;
onSelectEndTime: (value: moment.Moment) => void;
onTimeInputChange: (inputStr: string) => void;
onTimeInputBlur: () => void;
onTimeInputKeyDown: (e: React.KeyboardEvent<Element>) => void;
handleChange: (valueName: "startValue" | "endValue", newValue?: moment.Moment) => void;
onVisibleChange: (visible: boolean, type: string) => void;
changePanel: (panel: import("@alifd/next/types/date-picker/types").PanelType) => void;
onOk: (value?: moment.Moment[]) => void;
getDisabledTime: ({ startValue, endValue, }: {
startValue?: moment.Moment;
endValue?: moment.Moment;
} & Record<string, unknown>) => {};
enableAutoSwitchDateInput: () => void;
afterOpen: () => void;
renderPreview([startValue, endValue]: [moment.Moment, moment.Moment], others: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
render(): React.JSX.Element;
context: any;
setState<K_1 extends keyof import("@alifd/next/types/date-picker/types").RangePickerState>(state: import("@alifd/next/types/date-picker/types").RangePickerState | ((prevState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>, props: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>) => import("@alifd/next/types/date-picker/types").RangePickerState | Pick<import("@alifd/next/types/date-picker/types").RangePickerState, K_1>) | Pick<import("@alifd/next/types/date-picker/types").RangePickerState, K_1>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
state: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>): any;
componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>, nextContext: any): void;
}, {}>;
MonthPicker: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/date-picker").MonthPickerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
readonly props: Readonly<import("@alifd/next/types/util").RequiredSome<import("@alifd/next/types/date-picker").MonthPickerProps, "locale" | "prefix" | "rtl" | "onChange" | "onVisibleChange" | "size" | "popupAlign" | "hasClear" | "format" | "disabledDate" | "footerRender" | "popupTriggerType">> & Readonly<Pick<{
prefix: string;
rtl: boolean;
format: string;
size: string;
disabledDate: () => boolean;
footerRender: () => null;
hasClear: boolean;
popupTriggerType: string;
popupAlign: string;
locale: Partial<{
placeholder: string;
datetimePlaceholder: string;
monthPlaceholder: string;
weekPlaceholder: string;
yearPlaceholder: string;
now: string;
selectTime: string;
selectDate: string;
ok: string;
clear: string;
startPlaceholder: string;
endPlaceholder: string;
hour: string;
minute: string;
second: string;
monthBeforeYear?: boolean;
}> & {
momentLocale?: string;
};
onChange: () => void;
onVisibleChange: () => void;
}, never>>;
onValueChange: (newValue: moment.Moment) => void;
onSelectCalendarPanel: (value: moment.Moment) => void;
clearValue: () => void;
onDateInputChange: (inputStr: string, e: React.SyntheticEvent<HTMLInputElement, Event>, eventType?: string) => void;
onDateInputBlur: () => void;
onKeyDown: (e: React.KeyboardEvent<Element>) => void;
handleChange: (newValue: moment.Moment, prevValue: moment.Moment, others?: {}, callback?: () => void) => void;
onVisibleChange: (visible: boolean, type: string) => void;
renderPreview(others: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
render(): React.JSX.Element;
context: any;
setState<K_2 extends keyof import("@alifd/next/types/date-picker/types").MonthPickerState>(state: import("@alifd/next/types/date-picker/types").MonthPickerState | ((prevState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>, props: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>) => import("@alifd/next/types/date-picker/types").MonthPickerState | Pick<import("@alifd/next/types/date-picker/types").MonthPickerState, K_2>) | Pick<import("@alifd/next/types/date-picker/types").MonthPickerState, K_2>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
state: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>): any;
componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>, nextContext: any): void;
}, {}>;
YearPicker: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/date-picker").YearPickerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
readonly props: Readonly<import("@alifd/next/types/util").RequiredSome<import("@alifd/next/types/date-picker").YearPickerProps, "locale" | "prefix" | "rtl" | "onChange" | "onVisibleChange" | "size" | "popupAlign" | "hasClear" | "format" | "disabledDate" | "footerRender" | "popupTriggerType">> & Readonly<Pick<{
prefix: string;
rtl: boolean;
format: string;
size: string;
disabledDate: () => boolean;
footerRender: () => null;
hasClear: boolean;
popupTriggerType: string;
popupAlign: string;
locale: Partial<{
placeholder: string;
datetimePlaceholder: string;
monthPlaceholder: string;
weekPlaceholder: string;
yearPlaceholder: string;
now: string;
selectTime: string;
selectDate: string;
ok: string;
clear: string;
startPlaceholder: string;
endPlaceholder: string;
hour: string;
minute: string;
second: string;
monthBeforeYear?: boolean;
}> & {
momentLocale?: string;
};
onChange: () => void;
onVisibleChange: () => void;
}, never>>;
onValueChange: (newValue: moment.Moment) => void;
onSelectCalendarPanel: (value: moment.Moment) => void;
clearValue: () => void;
onDateInputChange: (inputStr: string, e: React.SyntheticEvent<Element, Event>, eventType?: string) => void;
onDateInputBlur: () => void;
onKeyDown: (e: React.KeyboardEvent<Element>) => void;
handleChange: (newValue: moment.Moment, prevValue: moment.Moment, others?: {}, callback?: () => void) => void;
onVisibleChange: (visible: boolean, reason: string) => void;
renderPreview(others: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
render(): React.JSX.Element;
context: any;
setState<K_3 extends keyof import("@alifd/next/types/date-picker/types").YearPickerState>(state: import("@alifd/next/types/date-picker/types").YearPickerState | ((prevState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>, props: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>) => import("@alifd/next/types/date-picker/types").YearPickerState | Pick<import("@alifd/next/types/date-picker/types").YearPickerState, K_3>) | Pick<import("@alifd/next/types/date-picker/types").YearPickerState, K_3>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
state: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>): any;
componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>, nextContext: any): void;
}, {}>;
WeekPicker: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/date-picker").WeekPickerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
readonly props: Readonly<import("@alifd/next/types/util").RequiredSome<import("@alifd/next/types/date-picker").WeekPickerProps, "locale" | "prefix" | "rtl" | "onChange" | "defaultVisible" | "onVisibleChange" | "size" | "popupAlign" | "hasClear" | "format" | "disabledDate" | "footerRender" | "popupTriggerType">> & Readonly<Pick<{
prefix: string;
rtl: boolean;
format: string;
size: string;
disabledDate: () => boolean;
footerRender: () => null;
hasClear: boolean;
popupTriggerType: string;
popupAlign: string;
locale: Partial<{
placeholder: string;
datetimePlaceholder: string;
monthPlaceholder: string;
weekPlaceholder: string;
yearPlaceholder: string;
now: string;
selectTime: string;
selectDate: string;
ok: string;
clear: string;
startPlaceholder: string;
endPlaceholder: string;
hour: string;
minute: string;
second: string;
monthBeforeYear?: boolean;
}> & {
momentLocale?: string;
};
defaultVisible: boolean;
onChange: () => void;
onVisibleChange: () => void;
}, never>>;
handleChange: (newValue: moment.Moment, prevValue: moment.Moment) => void;
onDateInputChange: (value: moment.Moment, e: React.SyntheticEvent<Element, Event>, eventType: string) => void;
onKeyDown: (e: React.KeyboardEvent<Element>) => void;
onVisibleChange: (visible: boolean, type: string) => void;
onSelectCalendarPanel: (value: moment.Moment) => void;
renderPreview(others: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
dateRender: (value: moment.Moment) => React.ReactNode;
render(): React.JSX.Element;
context: any;
setState<K_4 extends keyof import("@alifd/next/types/date-picker/types").WeekPickerState>(state: import("@alifd/next/types/date-picker/types").WeekPickerState | ((prevState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>, props: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>) => import("@alifd/next/types/date-picker/types").WeekPickerState | Pick<import("@alifd/next/types/date-picker/types").WeekPickerState, K_4>) | Pick<import("@alifd/next/types/date-picker/types").WeekPickerState, K_4>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
state: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>): any;
componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>, nextContext: any): void;
}, {}>;
};
export declare const DatePickerRange: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/date-picker").RangePickerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
readonly props: Readonly<import("@alifd/next/types/util").RequiredSome<import("@alifd/next/types/date-picker").RangePickerProps, "type" | "locale" | "prefix" | "rtl" | "onChange" | "defaultVisible" | "onVisibleChange" | "size" | "popupAlign" | "hasClear" | "showTime" | "resetTime" | "disabledDate" | "footerRender" | "onOk" | "popupTriggerType" | "disableChangeMode">> & Readonly<Pick<{
prefix: string;
rtl: boolean;
type: string;
size: string;
showTime: boolean;
resetTime: boolean;
disabledDate: () => boolean;
footerRender: () => null;
hasClear: boolean;
defaultVisible: boolean;
popupTriggerType: string;
popupAlign: string;
locale: Partial<{
placeholder: string;
datetimePlaceholder: string;
monthPlaceholder: string;
weekPlaceholder: string;
yearPlaceholder: string;
now: string;
selectTime: string;
selectDate: string;
ok: string;
clear: string;
startPlaceholder: string;
endPlaceholder: string;
hour: string;
minute: string;
second: string;
monthBeforeYear?: boolean;
}> & {
momentLocale?: string;
};
disableChangeMode: boolean;
onChange: () => void;
onOk: () => void;
onVisibleChange: () => void;
}, never>>;
startDateInputRef: React.RefObject<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">>;
endDateInputRef: React.RefObject<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">>;
autoSwitchDateInput: boolean;
onValueChange: (values: moment.Moment[], handler?: "onChange" | "onOk") => void;
onSelectCalendarPanel: (value: moment.Moment, active?: "startValue" | "endValue" | "startTime" | "endTime") => void;
clearRange: () => void;
onDateInputChange: (inputStr: string, e: React.SyntheticEvent<Element, Event>, eventType?: string) => void;
onDateInputBlur: () => void;
onDateInputKeyDown: (e: React.KeyboardEvent<Element>) => void;
onFocusDateInput: (type: "startValue" | "endValue" | "startTime" | "endTime") => void;
onFocusTimeInput: (type: "startValue" | "endValue" | "startTime" | "endTime") => void;
onSelectStartTime: (value: moment.Moment) => void;
onSelectEndTime: (value: moment.Moment) => void;
onTimeInputChange: (inputStr: string) => void;
onTimeInputBlur: () => void;
onTimeInputKeyDown: (e: React.KeyboardEvent<Element>) => void;
handleChange: (valueName: "startValue" | "endValue", newValue?: moment.Moment) => void;
onVisibleChange: (visible: boolean, type: string) => void;
changePanel: (panel: import("@alifd/next/types/date-picker/types").PanelType) => void;
onOk: (value?: moment.Moment[]) => void;
getDisabledTime: ({ startValue, endValue, }: {
startValue?: moment.Moment;
endValue?: moment.Moment;
} & Record<string, unknown>) => {};
enableAutoSwitchDateInput: () => void;
afterOpen: () => void;
renderPreview([startValue, endValue]: [moment.Moment, moment.Moment], others: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
render(): React.JSX.Element;
context: any;
setState<K_1 extends keyof import("@alifd/next/types/date-picker/types").RangePickerState>(state: import("@alifd/next/types/date-picker/types").RangePickerState | ((prevState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>, props: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>) => import("@alifd/next/types/date-picker/types").RangePickerState | Pick<import("@alifd/next/types/date-picker/types").RangePickerState, K_1>) | Pick<import("@alifd/next/types/date-picker/types").RangePickerState, K_1>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
state: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>): any;
componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").RangePickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").RangePickerState>, nextContext: any): void;
}, {}>;
export declare const DatePickerYear: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/date-picker").YearPickerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
readonly props: Readonly<import("@alifd/next/types/util").RequiredSome<import("@alifd/next/types/date-picker").YearPickerProps, "locale" | "prefix" | "rtl" | "onChange" | "onVisibleChange" | "size" | "popupAlign" | "hasClear" | "format" | "disabledDate" | "footerRender" | "popupTriggerType">> & Readonly<Pick<{
prefix: string;
rtl: boolean;
format: string;
size: string;
disabledDate: () => boolean;
footerRender: () => null;
hasClear: boolean;
popupTriggerType: string;
popupAlign: string;
locale: Partial<{
placeholder: string;
datetimePlaceholder: string;
monthPlaceholder: string;
weekPlaceholder: string;
yearPlaceholder: string;
now: string;
selectTime: string;
selectDate: string;
ok: string;
clear: string;
startPlaceholder: string;
endPlaceholder: string;
hour: string;
minute: string;
second: string;
monthBeforeYear?: boolean;
}> & {
momentLocale?: string;
};
onChange: () => void;
onVisibleChange: () => void;
}, never>>;
onValueChange: (newValue: moment.Moment) => void;
onSelectCalendarPanel: (value: moment.Moment) => void;
clearValue: () => void;
onDateInputChange: (inputStr: string, e: React.SyntheticEvent<Element, Event>, eventType?: string) => void;
onDateInputBlur: () => void;
onKeyDown: (e: React.KeyboardEvent<Element>) => void;
handleChange: (newValue: moment.Moment, prevValue: moment.Moment, others?: {}, callback?: () => void) => void;
onVisibleChange: (visible: boolean, reason: string) => void;
renderPreview(others: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
render(): React.JSX.Element;
context: any;
setState<K_3 extends keyof import("@alifd/next/types/date-picker/types").YearPickerState>(state: import("@alifd/next/types/date-picker/types").YearPickerState | ((prevState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>, props: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>) => import("@alifd/next/types/date-picker/types").YearPickerState | Pick<import("@alifd/next/types/date-picker/types").YearPickerState, K_3>) | Pick<import("@alifd/next/types/date-picker/types").YearPickerState, K_3>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
state: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>): any;
componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").YearPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").YearPickerState>, nextContext: any): void;
}, {}>;
export declare const DatePickerMonth: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/date-picker").MonthPickerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
readonly props: Readonly<import("@alifd/next/types/util").RequiredSome<import("@alifd/next/types/date-picker").MonthPickerProps, "locale" | "prefix" | "rtl" | "onChange" | "onVisibleChange" | "size" | "popupAlign" | "hasClear" | "format" | "disabledDate" | "footerRender" | "popupTriggerType">> & Readonly<Pick<{
prefix: string;
rtl: boolean;
format: string;
size: string;
disabledDate: () => boolean;
footerRender: () => null;
hasClear: boolean;
popupTriggerType: string;
popupAlign: string;
locale: Partial<{
placeholder: string;
datetimePlaceholder: string;
monthPlaceholder: string;
weekPlaceholder: string;
yearPlaceholder: string;
now: string;
selectTime: string;
selectDate: string;
ok: string;
clear: string;
startPlaceholder: string;
endPlaceholder: string;
hour: string;
minute: string;
second: string;
monthBeforeYear?: boolean;
}> & {
momentLocale?: string;
};
onChange: () => void;
onVisibleChange: () => void;
}, never>>;
onValueChange: (newValue: moment.Moment) => void;
onSelectCalendarPanel: (value: moment.Moment) => void;
clearValue: () => void;
onDateInputChange: (inputStr: string, e: React.SyntheticEvent<HTMLInputElement, Event>, eventType?: string) => void;
onDateInputBlur: () => void;
onKeyDown: (e: React.KeyboardEvent<Element>) => void;
handleChange: (newValue: moment.Moment, prevValue: moment.Moment, others?: {}, callback?: () => void) => void;
onVisibleChange: (visible: boolean, type: string) => void;
renderPreview(others: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
render(): React.JSX.Element;
context: any;
setState<K_2 extends keyof import("@alifd/next/types/date-picker/types").MonthPickerState>(state: import("@alifd/next/types/date-picker/types").MonthPickerState | ((prevState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>, props: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>) => import("@alifd/next/types/date-picker/types").MonthPickerState | Pick<import("@alifd/next/types/date-picker/types").MonthPickerState, K_2>) | Pick<import("@alifd/next/types/date-picker/types").MonthPickerState, K_2>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
state: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>): any;
componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").MonthPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").MonthPickerState>, nextContext: any): void;
}, {}>;
export declare const DatePickerWeek: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/date-picker").WeekPickerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
readonly props: Readonly<import("@alifd/next/types/util").RequiredSome<import("@alifd/next/types/date-picker").WeekPickerProps, "locale" | "prefix" | "rtl" | "onChange" | "defaultVisible" | "onVisibleChange" | "size" | "popupAlign" | "hasClear" | "format" | "disabledDate" | "footerRender" | "popupTriggerType">> & Readonly<Pick<{
prefix: string;
rtl: boolean;
format: string;
size: string;
disabledDate: () => boolean;
footerRender: () => null;
hasClear: boolean;
popupTriggerType: string;
popupAlign: string;
locale: Partial<{
placeholder: string;
datetimePlaceholder: string;
monthPlaceholder: string;
weekPlaceholder: string;
yearPlaceholder: string;
now: string;
selectTime: string;
selectDate: string;
ok: string;
clear: string;
startPlaceholder: string;
endPlaceholder: string;
hour: string;
minute: string;
second: string;
monthBeforeYear?: boolean;
}> & {
momentLocale?: string;
};
defaultVisible: boolean;
onChange: () => void;
onVisibleChange: () => void;
}, never>>;
handleChange: (newValue: moment.Moment, prevValue: moment.Moment) => void;
onDateInputChange: (value: moment.Moment, e: React.SyntheticEvent<Element, Event>, eventType: string) => void;
onKeyDown: (e: React.KeyboardEvent<Element>) => void;
onVisibleChange: (visible: boolean, type: string) => void;
onSelectCalendarPanel: (value: moment.Moment) => void;
renderPreview(others: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
dateRender: (value: moment.Moment) => React.ReactNode;
render(): React.JSX.Element;
context: any;
setState<K_4 extends keyof import("@alifd/next/types/date-picker/types").WeekPickerState>(state: import("@alifd/next/types/date-picker/types").WeekPickerState | ((prevState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>, props: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>) => import("@alifd/next/types/date-picker/types").WeekPickerState | Pick<import("@alifd/next/types/date-picker/types").WeekPickerState, K_4>) | Pick<import("@alifd/next/types/date-picker/types").WeekPickerState, K_4>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
state: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>): any;
componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, prevState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/date-picker").WeekPickerProps>, nextState: Readonly<import("@alifd/next/types/date-picker/types").WeekPickerState>, nextContext: any): void;
}, {}>;
export default DatePicker;
export type { DatePickerProps, YearPickerProps, MonthPickerProps, RangePickerProps, } from '@alifd/next/types/date-picker';