2018-01-19 19:06:19 +08:00
|
|
|
import * as React from 'react';
|
|
|
|
import * as moment from 'moment';
|
|
|
|
import { TimePickerProps } from '../time-picker';
|
2019-02-25 18:47:12 +08:00
|
|
|
import { tuple } from '../_util/type';
|
2018-01-19 19:06:19 +08:00
|
|
|
|
|
|
|
export interface PickerProps {
|
2018-01-24 10:45:46 +08:00
|
|
|
id?: number | string;
|
2019-02-25 11:28:31 +08:00
|
|
|
name?: string;
|
2018-01-19 19:06:19 +08:00
|
|
|
prefixCls?: string;
|
|
|
|
inputPrefixCls?: string;
|
2018-11-30 14:34:58 +08:00
|
|
|
format?: string | string[];
|
2018-01-19 19:06:19 +08:00
|
|
|
disabled?: boolean;
|
|
|
|
allowClear?: boolean;
|
|
|
|
className?: string;
|
2019-11-07 10:22:12 +08:00
|
|
|
pickerClass?: string;
|
|
|
|
pickerInputClass?: string;
|
2018-09-16 19:39:43 +08:00
|
|
|
suffixIcon?: React.ReactNode;
|
2018-01-19 19:06:19 +08:00
|
|
|
style?: React.CSSProperties;
|
|
|
|
popupStyle?: React.CSSProperties;
|
2018-02-09 11:35:13 +08:00
|
|
|
dropdownClassName?: string;
|
2019-06-24 11:29:58 +08:00
|
|
|
locale?: any;
|
2018-01-19 19:06:19 +08:00
|
|
|
size?: 'large' | 'small' | 'default';
|
|
|
|
getCalendarContainer?: (triggerNode: Element) => HTMLElement;
|
|
|
|
open?: boolean;
|
|
|
|
onOpenChange?: (status: boolean) => void;
|
2018-12-29 03:05:43 +08:00
|
|
|
disabledDate?: (current: moment.Moment | undefined) => boolean;
|
2018-01-19 19:06:19 +08:00
|
|
|
dateRender?: (current: moment.Moment, today: moment.Moment) => React.ReactNode;
|
2019-05-03 21:55:18 +08:00
|
|
|
autoFocus?: boolean;
|
2019-11-07 10:22:12 +08:00
|
|
|
onFocus?: React.FocusEventHandler;
|
|
|
|
onBlur?: (e: React.SyntheticEvent) => void;
|
2018-01-19 19:06:19 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
export interface SinglePickerProps {
|
|
|
|
value?: moment.Moment;
|
|
|
|
defaultValue?: moment.Moment;
|
|
|
|
defaultPickerValue?: moment.Moment;
|
2019-05-03 21:55:18 +08:00
|
|
|
placeholder?: string;
|
|
|
|
renderExtraFooter?: (mode: DatePickerMode) => React.ReactNode;
|
2019-07-29 21:58:38 +08:00
|
|
|
onChange?: (date: moment.Moment | null, dateString: string) => void;
|
2018-01-19 19:06:19 +08:00
|
|
|
}
|
|
|
|
|
2019-05-03 21:55:18 +08:00
|
|
|
const DatePickerModes = tuple('time', 'date', 'month', 'year', 'decade');
|
2019-02-25 18:47:12 +08:00
|
|
|
export type DatePickerMode = (typeof DatePickerModes)[number];
|
|
|
|
|
2018-01-19 19:06:19 +08:00
|
|
|
export interface DatePickerProps extends PickerProps, SinglePickerProps {
|
|
|
|
showTime?: TimePickerProps | boolean;
|
|
|
|
showToday?: boolean;
|
|
|
|
open?: boolean;
|
2018-12-07 16:17:45 +08:00
|
|
|
disabledTime?: (
|
2018-12-29 03:05:43 +08:00
|
|
|
current: moment.Moment | undefined,
|
2018-12-07 16:17:45 +08:00
|
|
|
) => {
|
|
|
|
disabledHours?: () => number[];
|
|
|
|
disabledMinutes?: () => number[];
|
|
|
|
disabledSeconds?: () => number[];
|
2018-01-19 19:06:19 +08:00
|
|
|
};
|
|
|
|
onOpenChange?: (status: boolean) => void;
|
2019-02-25 18:47:12 +08:00
|
|
|
onPanelChange?: (value: moment.Moment | undefined, mode: DatePickerMode) => void;
|
2019-01-31 13:06:43 +08:00
|
|
|
onOk?: (selectedTime: moment.Moment) => void;
|
2019-02-25 18:47:12 +08:00
|
|
|
mode?: DatePickerMode;
|
2018-01-19 19:06:19 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
export interface MonthPickerProps extends PickerProps, SinglePickerProps {
|
2019-11-07 10:22:12 +08:00
|
|
|
monthCellContentRender?: (date: moment.Moment, locale: any) => React.ReactNode;
|
2018-01-19 19:06:19 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
export type RangePickerValue =
|
2018-12-07 16:17:45 +08:00
|
|
|
| undefined[]
|
|
|
|
| [moment.Moment]
|
|
|
|
| [undefined, moment.Moment]
|
2019-10-19 14:48:41 +08:00
|
|
|
| [moment.Moment, undefined]
|
2018-12-07 16:17:45 +08:00
|
|
|
| [moment.Moment, moment.Moment];
|
2018-02-01 16:05:57 +08:00
|
|
|
export type RangePickerPresetRange = RangePickerValue | (() => RangePickerValue);
|
2018-01-19 19:06:19 +08:00
|
|
|
|
|
|
|
export interface RangePickerProps extends PickerProps {
|
|
|
|
className?: string;
|
2019-11-07 10:22:12 +08:00
|
|
|
tagPrefixCls?: string;
|
2018-01-19 19:06:19 +08:00
|
|
|
value?: RangePickerValue;
|
|
|
|
defaultValue?: RangePickerValue;
|
|
|
|
defaultPickerValue?: RangePickerValue;
|
2019-11-07 10:22:12 +08:00
|
|
|
timePicker?: React.ReactNode;
|
2018-01-19 19:06:19 +08:00
|
|
|
onChange?: (dates: RangePickerValue, dateStrings: [string, string]) => void;
|
|
|
|
onCalendarChange?: (dates: RangePickerValue, dateStrings: [string, string]) => void;
|
2019-01-31 13:06:43 +08:00
|
|
|
onOk?: (selectedTime: RangePickerPresetRange) => void;
|
2018-01-19 19:06:19 +08:00
|
|
|
showTime?: TimePickerProps | boolean;
|
2019-05-03 21:55:18 +08:00
|
|
|
showToday?: boolean;
|
2018-01-19 19:06:19 +08:00
|
|
|
ranges?: {
|
2018-12-07 16:17:45 +08:00
|
|
|
[range: string]: RangePickerPresetRange;
|
2018-01-19 19:06:19 +08:00
|
|
|
};
|
|
|
|
placeholder?: [string, string];
|
|
|
|
mode?: string | string[];
|
2019-03-31 12:59:37 +08:00
|
|
|
separator?: React.ReactNode;
|
2018-12-07 16:17:45 +08:00
|
|
|
disabledTime?: (
|
2018-12-29 03:05:43 +08:00
|
|
|
current: moment.Moment | undefined,
|
2018-12-07 16:17:45 +08:00
|
|
|
type: string,
|
|
|
|
) => {
|
|
|
|
disabledHours?: () => number[];
|
|
|
|
disabledMinutes?: () => number[];
|
|
|
|
disabledSeconds?: () => number[];
|
2018-01-19 19:06:19 +08:00
|
|
|
};
|
|
|
|
onPanelChange?: (value?: RangePickerValue, mode?: string | string[]) => void;
|
2019-04-26 20:31:38 +08:00
|
|
|
renderExtraFooter?: () => React.ReactNode;
|
2019-11-07 10:22:12 +08:00
|
|
|
onMouseEnter?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
|
|
|
|
onMouseLeave?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
|
2018-01-19 19:06:19 +08:00
|
|
|
}
|
|
|
|
|
2018-03-07 23:56:24 +08:00
|
|
|
export interface WeekPickerProps extends PickerProps, SinglePickerProps {
|
2019-05-03 21:55:18 +08:00
|
|
|
// - currently no own props -
|
2018-01-19 19:06:19 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
export interface DatePickerDecorator extends React.ClassicComponentClass<DatePickerProps> {
|
|
|
|
RangePicker: React.ClassicComponentClass<RangePickerProps>;
|
|
|
|
MonthPicker: React.ClassicComponentClass<MonthPickerProps>;
|
2018-03-07 23:56:24 +08:00
|
|
|
WeekPicker: React.ClassicComponentClass<WeekPickerProps>;
|
2018-01-19 19:06:19 +08:00
|
|
|
}
|