mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2026-10-03 22:37:03 +00:00
Merge pull request #16003 from smrq/react-datepicker
Update react-datepicker to 0.46 and add linter config
This commit is contained in:
Vendored
+64
-59
@@ -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} />
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
{ "extends": "dtslint/dt.json" }
|
||||
Reference in New Issue
Block a user