ant-design/components/date-picker/index.tsx

86 lines
2.8 KiB
TypeScript
Raw Normal View History

import React from 'react';
import moment from 'moment';
import assign from 'object-assign';
import RcCalendar from 'rc-calendar';
2015-10-20 16:47:55 +08:00
import MonthCalendar from 'rc-calendar/lib/MonthCalendar';
2016-03-30 09:50:44 +08:00
import createPicker from './createPicker';
2016-03-30 10:52:15 +08:00
import wrapPicker from './wrapPicker';
import RangePicker from './RangePicker';
2016-03-30 09:41:18 +08:00
import Calendar from './Calendar';
import { TimePickerProps } from '../time-picker';
2015-08-25 17:27:38 +08:00
2016-09-13 15:31:29 +08:00
export interface PickerProps {
prefixCls?: string;
inputPrefixCls?: string;
format?: string;
disabled?: boolean;
allowClear?: boolean;
style?: React.CSSProperties;
popupStyle?: React.CSSProperties;
locale?: any;
size?: 'large' | 'small' | 'default';
getCalendarContainer?: (trigger: any) => React.ReactNode;
open?: boolean;
onOpenChange?: (status: boolean) => void;
disabledDate?: (current: moment.Moment) => boolean;
}
2016-09-13 15:31:29 +08:00
export interface SinglePickerProps {
value?: moment.Moment;
defaultValue?: moment.Moment;
defaultPickerValue?: moment.Moment;
onChange?: (date: moment.Moment, dateString: string) => void;
}
export interface DatePickerProps extends PickerProps, SinglePickerProps {
showTime?: TimePickerProps | boolean;
showToday?: boolean;
open?: boolean;
toggleOpen?: (e: {open: boolean}) => void;
disabledTime?: (current: moment.Moment) => {
disabledHours?: () => [number, number],
disabledMinutes?: () => [number, number],
disabledSeconds?: () => [number, number],
};
2016-10-21 16:27:26 +08:00
onOpenChange?: (status: boolean) => void;
onOk?: () => void;
2016-11-14 10:57:52 +08:00
placeholder?: string;
}
const DatePicker = wrapPicker(createPicker(RcCalendar)) as React.ClassicComponentClass<DatePickerProps>;
export interface MonthPickerProps extends PickerProps, SinglePickerProps {
2016-11-14 10:57:52 +08:00
placeholder?: string;
}
const MonthPicker = wrapPicker(createPicker(MonthCalendar), 'YYYY-MM');
export interface RangePickerProps extends PickerProps {
value?: [moment.Moment, moment.Moment];
defaultValue?: [moment.Moment, moment.Moment];
defaultPickerValue?: [moment.Moment, moment.Moment];
onChange?: (dates: [moment.Moment, moment.Moment], dateStrings: [string, string]) => void;
onOk?: () => void;
showTime?: TimePickerProps | boolean;
ranges?: {
[range: string]: moment.Moment[],
};
2017-02-23 13:18:06 +08:00
placeholder?: [string, string];
disabledTime?: (current: moment.Moment, type: string) => {
disabledHours?: () => [number, number],
disabledMinutes?: () => [number, number],
disabledSeconds?: () => [number, number],
};
}
2015-08-24 14:30:08 +08:00
assign(DatePicker, {
2016-11-15 17:16:20 +08:00
RangePicker: wrapPicker(RangePicker),
Calendar,
MonthPicker,
});
2015-08-24 14:30:08 +08:00
export interface DatePickerDecorator extends React.ClassicComponentClass<DatePickerProps> {
RangePicker: React.ClassicComponentClass<RangePickerProps>;
MonthPicker: React.ClassicComponentClass<MonthPickerProps>;
}
export default DatePicker as DatePickerDecorator;