Merge pull request #16003 from smrq/react-datepicker

Update react-datepicker to 0.46 and add linter config
This commit is contained in:
Yui
2017-04-25 14:44:07 -07:00
committed by GitHub
3 changed files with 89 additions and 85 deletions
+64 -59
View File
@@ -1,65 +1,70 @@
// Type definitions for react-datepicker v0.40.0
// Type definitions for react-datepicker 0.46
// Project: https://github.com/Hacker0x01/react-datepicker
// Definitions by: Rajab Shakirov <https://github.com/radziksh>, Andrey Balokha <https://github.com/andrewBalekha>
// Definitions by: Rajab Shakirov <https://github.com/radziksh>,
// Andrey Balokha <https://github.com/andrewBalekha>,
// Greg Smith <https://github.com/smrq>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.1
declare module "react-datepicker" {
import * as React from "react";
import * as moment from "moment";
import * as React from "react";
import * as moment from "moment";
interface ReactDatePickerProps {
autoComplete?: string;
autoFocus?: boolean;
className?: string;
customInput?: React.ReactNode;
dateFormat?: string;
dateFormatCalendar?: string;
disabled?: boolean;
dropdownMode?: string;
endDate?: moment.Moment;
excludeDates?: any[];
filterDate?(): any;
fixedHeight?: boolean;
forceShowMonthNavigation?: boolean;
highlightDates?: any[];
id?: string;
includeDates?: any[];
inline?: boolean;
isClearable?: boolean;
locale?: string;
maxDate?: moment.Moment;
minDate?: moment.Moment;
monthsShown?: number;
name?: string;
onBlur?(event: React.FocusEvent<HTMLInputElement>): void;
onChange(date: moment.Moment | null, event: React.SyntheticEvent<any> | undefined): any;
onChangeRaw?(event: React.FocusEvent<HTMLInputElement>): void;
onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
onMonthChange?(date: moment.Moment): void;
openToDate?: moment.Moment;
peekNextMonth?: boolean;
placeholderText?: string;
popoverAttachment?: string;
popoverTargetAttachment?: string;
popoverTargetOffset?: string;
readOnly?: boolean;
renderCalendarTo?: any;
required?: boolean;
scrollableYearDropdown?: boolean;
selected?: moment.Moment | null;
selectsEnd?: boolean;
selectsStart?: boolean;
showMonthDropdown?: boolean;
showYearDropdown?: boolean;
showWeekNumbers?: boolean;
startDate?: moment.Moment;
tabIndex?: number;
tetherConstraints?: any[];
title?: string;
todayButton?: string;
utcOffset?: number;
}
let ReactDatePicker: React.ClassicComponentClass<ReactDatePickerProps>;
export = ReactDatePicker;
interface ReactDatePickerProps {
autoComplete?: string;
autoFocus?: boolean;
calendarClassName?: string;
className?: string;
customInput?: React.ReactNode;
dateFormat?: string | string[];
dateFormatCalendar?: string;
disabled?: boolean;
disabledKeyboardNavigation?: boolean;
dropdownMode?: string;
endDate?: moment.Moment;
excludeDates?: any[];
filterDate?(): any;
fixedHeight?: boolean;
forceShowMonthNavigation?: boolean;
highlightDates?: any[];
id?: string;
includeDates?: any[];
inline?: boolean;
isClearable?: boolean;
locale?: string;
maxDate?: moment.Moment;
minDate?: moment.Moment;
monthsShown?: number;
name?: string;
onBlur?(event: React.FocusEvent<HTMLInputElement>): void;
onChange(date: moment.Moment | null, event: React.SyntheticEvent<any> | undefined): any;
onChangeRaw?(event: React.FocusEvent<HTMLInputElement>): void;
onClickOutside?(event: React.MouseEvent<HTMLDivElement>): void;
onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
onMonthChange?(date: moment.Moment): void;
openToDate?: moment.Moment;
peekNextMonth?: boolean;
placeholderText?: string;
popoverAttachment?: string;
popoverTargetAttachment?: string;
popoverTargetOffset?: string;
readOnly?: boolean;
renderCalendarTo?: any;
required?: boolean;
scrollableYearDropdown?: boolean;
selected?: moment.Moment | null;
selectsEnd?: boolean;
selectsStart?: boolean;
showMonthDropdown?: boolean;
showWeekNumbers?: boolean;
showYearDropdown?: boolean;
startDate?: moment.Moment;
tabIndex?: number;
tetherConstraints?: any[];
title?: string;
todayButton?: string;
utcOffset?: number;
value?: string;
withPortal?: boolean;
}
declare const ReactDatePicker: React.ClassicComponentClass<ReactDatePickerProps>;
export default ReactDatePicker;
@@ -1,30 +1,28 @@
import * as React from "react";
import * as React from 'react';
import * as moment from 'moment';
import * as DatePicker from 'react-datepicker';
import DatePicker from 'react-datepicker';
class ReactDatePicker extends React.Component<{}, { startDate: moment.Moment; displayName:string; }> {
constructor(props: {}) {
super();
this.state = {
startDate: moment(),
displayName: 'Example'
}
this.handleChange = this.handleChange.bind(this);
}
class ReactDatePicker extends React.Component<{}, { startDate: moment.Moment; displayName: string; }> {
constructor(props: {}) {
super();
this.state = {
startDate: moment(),
displayName: 'Example'
};
this.handleChange = this.handleChange.bind(this);
}
handleChange = function(date?: moment.Moment | null) {
this.setState({
startDate: date
});
}
handleChange = function(date?: moment.Moment | null) {
this.setState({
startDate: date
});
};
render(){
return (
<div>
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange} />
</div>
);
}
};
render() {
return (
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange} />
);
}
}
+1
View File
@@ -0,0 +1 @@
{ "extends": "dtslint/dt.json" }