From b8165c39c0b933c90b61850b3d8ed5668d8661df Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Fri, 14 Dec 2018 16:00:52 -0700 Subject: [PATCH 01/12] fix type of highlightDates prop --- types/react-datepicker/index.d.ts | 221 ++++++++++++++++-------------- 1 file changed, 117 insertions(+), 104 deletions(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index 5f07b253f3..3e52566a4b 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -19,109 +19,122 @@ export function registerLocale(localeName: string, localeData: {}): void; export function setDefaultLocale(localeName: string): void; export function getDefaultLocale(): string; -export interface ReactDatePickerProps { - adjustDateOnChange?: boolean; - allowSameDay?: boolean; - autoComplete?: string; - autoFocus?: boolean; - calendarClassName?: string; - calendarContainer?(props: { children: React.ReactNode[] }): React.ReactNode; - children?: React.ReactNode; - className?: string; - clearButtonTitle?: string; - customInput?: React.ReactNode; - customInputRef?: string; - dateFormat?: string | string[]; - dateFormatCalendar?: string; - dayClassName?(date: Date): string | null; - disabled?: boolean; - disabledKeyboardNavigation?: boolean; - dropdownMode?: 'scroll' | 'select'; - endDate?: Date; - excludeDates?: Date[]; - excludeTimes?: Date[]; - filterDate?(date: Date): boolean; - fixedHeight?: boolean; - forceShowMonthNavigation?: boolean; - formatWeekDay?(date: Date): string; - formatWeekNumber?(date: Date): string | number; - highlightDates?: Date[]; - id?: string; - includeDates?: Date[]; - includeTimes?: Date[]; - injectTimes?: Date[]; - inline?: boolean; - isClearable?: boolean; - locale?: string; - maxDate?: Date; - maxTime?: Date; - minDate?: Date; - minTime?: Date; - monthsShown?: number; - name?: string; - nextMonthButtonLabel?: string; - onBlur?(event: React.FocusEvent): void; - onChange(date: Date | null, event: React.SyntheticEvent | undefined): void; - onChangeRaw?(event: React.FocusEvent): void; - onClickOutside?(event: React.MouseEvent): void; - onFocus?(event: React.FocusEvent): void; - onInputClick?(): void; - onInputError?(err: {code: number; msg: string}): void; - onKeyDown?(event: React.KeyboardEvent): void; - onMonthChange?(date: Date): void; - onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; - onWeekSelect?(firstDayOfWeek: Date, weekNumber: string | number, event: React.SyntheticEvent | undefined): void; - onYearChange?(date: Date): void; - open?: boolean; - openToDate?: Date; - peekNextMonth?: boolean; - placeholderText?: string; - popperClassName?: string; - popperContainer?(props: { children: React.ReactNode[] }): React.ReactNode; - popperModifiers?: Popper.Modifiers; - popperPlacement?: string; - popperProps?: {}; - preventOpenOnFocus?: boolean; - previousMonthButtonLabel?: string; - readOnly?: boolean; - renderCustomHeader?(params: { - date: Date; - changeYear(year: number): void; - changeMonth(month: number): void; - decreaseMonth(): void; - increaseMonth(): void; - prevMonthButtonDisabled: boolean; - nextMonthButtonDisabled: boolean; - }): React.ReactNode; - renderDayContents?(dayOfMonth: number): React.ReactNode; - required?: boolean; - scrollableMonthYearDropdown?: boolean; - scrollableYearDropdown?: boolean; - selected?: Date | null; - selectsEnd?: boolean; - selectsStart?: boolean; - shouldCloseOnSelect?: boolean; - showDisabledMonthNavigation?: boolean; - showMonthDropdown?: boolean; - showMonthYearDropdown?: boolean; - showTimeSelect?: boolean; - showTimeSelectOnly?: boolean; - showWeekNumbers?: boolean; - showYearDropdown?: boolean; - startDate?: Date; - startOpen?: boolean; - tabIndex?: number; - timeCaption?: string; - timeFormat?: string; - timeIntervals?: number; - title?: string; - todayButton?: React.ReactNode; - useShortMonthInDropdown?: boolean; - useWeekdaysShort?: boolean; - value?: string; - weekLabel?: string; - withPortal?: boolean; - yearDropdownItemNumber?: number; +interface IHighlightDates { + [className: string]: Date[]; } -declare const ReactDatePicker: React.ClassicComponentClass; + +export interface ReactDatePickerProps { + adjustDateOnChange?: boolean; + allowSameDay?: boolean; + autoComplete?: string; + autoFocus?: boolean; + calendarClassName?: string; + calendarContainer?(props: { children: React.ReactNode[] }): React.ReactNode; + children?: React.ReactNode; + className?: string; + clearButtonTitle?: string; + customInput?: React.ReactNode; + customInputRef?: string; + dateFormat?: string | string[]; + dateFormatCalendar?: string; + dayClassName?(date: Date): string | null; + disabled?: boolean; + disabledKeyboardNavigation?: boolean; + dropdownMode?: "scroll" | "select"; + endDate?: Date; + excludeDates?: Date[]; + excludeTimes?: Date[]; + filterDate?(date: Date): boolean; + fixedHeight?: boolean; + forceShowMonthNavigation?: boolean; + formatWeekDay?(date: Date): string; + formatWeekNumber?(date: Date): string | number; + highlightDates?: IHighlightDates[]; + id?: string; + includeDates?: Date[]; + includeTimes?: Date[]; + injectTimes?: Date[]; + inline?: boolean; + isClearable?: boolean; + locale?: string; + maxDate?: Date; + maxTime?: Date; + minDate?: Date; + minTime?: Date; + monthsShown?: number; + name?: string; + nextMonthButtonLabel?: string; + onBlur?(event: React.FocusEvent): void; + onChange( + date: Date | null, + event: React.SyntheticEvent | undefined + ): void; + onChangeRaw?(event: React.FocusEvent): void; + onClickOutside?(event: React.MouseEvent): void; + onFocus?(event: React.FocusEvent): void; + onInputClick?(): void; + onInputError?(err: { code: number; msg: string }): void; + onKeyDown?(event: React.KeyboardEvent): void; + onMonthChange?(date: Date): void; + onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; + onWeekSelect?( + firstDayOfWeek: Date, + weekNumber: string | number, + event: React.SyntheticEvent | undefined + ): void; + onYearChange?(date: Date): void; + open?: boolean; + openToDate?: Date; + peekNextMonth?: boolean; + placeholderText?: string; + popperClassName?: string; + popperContainer?(props: { children: React.ReactNode[] }): React.ReactNode; + popperModifiers?: Popper.Modifiers; + popperPlacement?: string; + popperProps?: {}; + preventOpenOnFocus?: boolean; + previousMonthButtonLabel?: string; + readOnly?: boolean; + renderCustomHeader?(params: { + date: Date; + changeYear(year: number): void; + changeMonth(month: number): void; + decreaseMonth(): void; + increaseMonth(): void; + prevMonthButtonDisabled: boolean; + nextMonthButtonDisabled: boolean; + }): React.ReactNode; + renderDayContents?(dayOfMonth: number): React.ReactNode; + required?: boolean; + scrollableMonthYearDropdown?: boolean; + scrollableYearDropdown?: boolean; + selected?: Date | null; + selectsEnd?: boolean; + selectsStart?: boolean; + shouldCloseOnSelect?: boolean; + showDisabledMonthNavigation?: boolean; + showMonthDropdown?: boolean; + showMonthYearDropdown?: boolean; + showTimeSelect?: boolean; + showTimeSelectOnly?: boolean; + showWeekNumbers?: boolean; + showYearDropdown?: boolean; + startDate?: Date; + startOpen?: boolean; + tabIndex?: number; + timeCaption?: string; + timeFormat?: string; + timeIntervals?: number; + title?: string; + todayButton?: React.ReactNode; + useShortMonthInDropdown?: boolean; + useWeekdaysShort?: boolean; + value?: string; + weekLabel?: string; + withPortal?: boolean; + yearDropdownItemNumber?: number; +} +declare const ReactDatePicker: React.ClassicComponentClass< + ReactDatePickerProps +>; export default ReactDatePicker; From 04b9c07d32d859ff62b869a650128f7105adeadb Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Fri, 14 Dec 2018 16:05:59 -0700 Subject: [PATCH 02/12] remove I prefix --- types/react-datepicker/index.d.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index 3e52566a4b..4b41e17d79 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -19,7 +19,7 @@ export function registerLocale(localeName: string, localeData: {}): void; export function setDefaultLocale(localeName: string): void; export function getDefaultLocale(): string; -interface IHighlightDates { +interface HighlightDates { [className: string]: Date[]; } @@ -49,7 +49,7 @@ export interface ReactDatePickerProps { forceShowMonthNavigation?: boolean; formatWeekDay?(date: Date): string; formatWeekNumber?(date: Date): string | number; - highlightDates?: IHighlightDates[]; + highlightDates?: HighlightDates[]; id?: string; includeDates?: Date[]; includeTimes?: Date[]; From f1e2d54df97ce9d1cd344e90dc3c4452a3f85346 Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Fri, 14 Dec 2018 16:28:24 -0700 Subject: [PATCH 03/12] change test to match implementation --- types/react-datepicker/react-datepicker-tests.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/react-datepicker/react-datepicker-tests.tsx b/types/react-datepicker/react-datepicker-tests.tsx index b47c08ed73..5e913be496 100644 --- a/types/react-datepicker/react-datepicker-tests.tsx +++ b/types/react-datepicker/react-datepicker-tests.tsx @@ -34,7 +34,7 @@ const defaultLocale = getDefaultLocale(); forceShowMonthNavigation formatWeekDay={date => ''} formatWeekNumber={date => 0} - highlightDates={[new Date()]} + highlightDates={[{ someClassName: [new Date()]}]} id="" includeDates={[new Date()]} includeTimes={[new Date()]} From eb18836a20c74e8200e9b16b0a9c0e3b4f724eb8 Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Fri, 14 Dec 2018 16:35:19 -0700 Subject: [PATCH 04/12] fixed indentation --- types/react-datepicker/index.d.ts | 222 +++++++++++++++--------------- 1 file changed, 111 insertions(+), 111 deletions(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index 4b41e17d79..d9e5c11275 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -20,121 +20,121 @@ export function setDefaultLocale(localeName: string): void; export function getDefaultLocale(): string; interface HighlightDates { - [className: string]: Date[]; + [className: string]: Date[]; } export interface ReactDatePickerProps { - adjustDateOnChange?: boolean; - allowSameDay?: boolean; - autoComplete?: string; - autoFocus?: boolean; - calendarClassName?: string; - calendarContainer?(props: { children: React.ReactNode[] }): React.ReactNode; - children?: React.ReactNode; - className?: string; - clearButtonTitle?: string; - customInput?: React.ReactNode; - customInputRef?: string; - dateFormat?: string | string[]; - dateFormatCalendar?: string; - dayClassName?(date: Date): string | null; - disabled?: boolean; - disabledKeyboardNavigation?: boolean; - dropdownMode?: "scroll" | "select"; - endDate?: Date; - excludeDates?: Date[]; - excludeTimes?: Date[]; - filterDate?(date: Date): boolean; - fixedHeight?: boolean; - forceShowMonthNavigation?: boolean; - formatWeekDay?(date: Date): string; - formatWeekNumber?(date: Date): string | number; - highlightDates?: HighlightDates[]; - id?: string; - includeDates?: Date[]; - includeTimes?: Date[]; - injectTimes?: Date[]; - inline?: boolean; - isClearable?: boolean; - locale?: string; - maxDate?: Date; - maxTime?: Date; - minDate?: Date; - minTime?: Date; - monthsShown?: number; - name?: string; - nextMonthButtonLabel?: string; - onBlur?(event: React.FocusEvent): void; - onChange( - date: Date | null, - event: React.SyntheticEvent | undefined - ): void; - onChangeRaw?(event: React.FocusEvent): void; - onClickOutside?(event: React.MouseEvent): void; - onFocus?(event: React.FocusEvent): void; - onInputClick?(): void; - onInputError?(err: { code: number; msg: string }): void; - onKeyDown?(event: React.KeyboardEvent): void; - onMonthChange?(date: Date): void; - onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; - onWeekSelect?( - firstDayOfWeek: Date, - weekNumber: string | number, - event: React.SyntheticEvent | undefined - ): void; - onYearChange?(date: Date): void; - open?: boolean; - openToDate?: Date; - peekNextMonth?: boolean; - placeholderText?: string; - popperClassName?: string; - popperContainer?(props: { children: React.ReactNode[] }): React.ReactNode; - popperModifiers?: Popper.Modifiers; - popperPlacement?: string; - popperProps?: {}; - preventOpenOnFocus?: boolean; - previousMonthButtonLabel?: string; - readOnly?: boolean; - renderCustomHeader?(params: { - date: Date; - changeYear(year: number): void; - changeMonth(month: number): void; - decreaseMonth(): void; - increaseMonth(): void; - prevMonthButtonDisabled: boolean; - nextMonthButtonDisabled: boolean; - }): React.ReactNode; - renderDayContents?(dayOfMonth: number): React.ReactNode; - required?: boolean; - scrollableMonthYearDropdown?: boolean; - scrollableYearDropdown?: boolean; - selected?: Date | null; - selectsEnd?: boolean; - selectsStart?: boolean; - shouldCloseOnSelect?: boolean; - showDisabledMonthNavigation?: boolean; - showMonthDropdown?: boolean; - showMonthYearDropdown?: boolean; - showTimeSelect?: boolean; - showTimeSelectOnly?: boolean; - showWeekNumbers?: boolean; - showYearDropdown?: boolean; - startDate?: Date; - startOpen?: boolean; - tabIndex?: number; - timeCaption?: string; - timeFormat?: string; - timeIntervals?: number; - title?: string; - todayButton?: React.ReactNode; - useShortMonthInDropdown?: boolean; - useWeekdaysShort?: boolean; - value?: string; - weekLabel?: string; - withPortal?: boolean; - yearDropdownItemNumber?: number; + adjustDateOnChange?: boolean; + allowSameDay?: boolean; + autoComplete?: string; + autoFocus?: boolean; + calendarClassName?: string; + calendarContainer?(props: { children: React.ReactNode[] }): React.ReactNode; + children?: React.ReactNode; + className?: string; + clearButtonTitle?: string; + customInput?: React.ReactNode; + customInputRef?: string; + dateFormat?: string | string[]; + dateFormatCalendar?: string; + dayClassName?(date: Date): string | null; + disabled?: boolean; + disabledKeyboardNavigation?: boolean; + dropdownMode?: "scroll" | "select"; + endDate?: Date; + excludeDates?: Date[]; + excludeTimes?: Date[]; + filterDate?(date: Date): boolean; + fixedHeight?: boolean; + forceShowMonthNavigation?: boolean; + formatWeekDay?(date: Date): string; + formatWeekNumber?(date: Date): string | number; + highlightDates?: HighlightDates[]; + id?: string; + includeDates?: Date[]; + includeTimes?: Date[]; + injectTimes?: Date[]; + inline?: boolean; + isClearable?: boolean; + locale?: string; + maxDate?: Date; + maxTime?: Date; + minDate?: Date; + minTime?: Date; + monthsShown?: number; + name?: string; + nextMonthButtonLabel?: string; + onBlur?(event: React.FocusEvent): void; + onChange( + date: Date | null, + event: React.SyntheticEvent | undefined + ): void; + onChangeRaw?(event: React.FocusEvent): void; + onClickOutside?(event: React.MouseEvent): void; + onFocus?(event: React.FocusEvent): void; + onInputClick?(): void; + onInputError?(err: { code: number; msg: string }): void; + onKeyDown?(event: React.KeyboardEvent): void; + onMonthChange?(date: Date): void; + onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; + onWeekSelect?( + firstDayOfWeek: Date, + weekNumber: string | number, + event: React.SyntheticEvent | undefined + ): void; + onYearChange?(date: Date): void; + open?: boolean; + openToDate?: Date; + peekNextMonth?: boolean; + placeholderText?: string; + popperClassName?: string; + popperContainer?(props: { children: React.ReactNode[] }): React.ReactNode; + popperModifiers?: Popper.Modifiers; + popperPlacement?: string; + popperProps?: {}; + preventOpenOnFocus?: boolean; + previousMonthButtonLabel?: string; + readOnly?: boolean; + renderCustomHeader?(params: { + date: Date; + changeYear(year: number): void; + changeMonth(month: number): void; + decreaseMonth(): void; + increaseMonth(): void; + prevMonthButtonDisabled: boolean; + nextMonthButtonDisabled: boolean; + }): React.ReactNode; + renderDayContents?(dayOfMonth: number): React.ReactNode; + required?: boolean; + scrollableMonthYearDropdown?: boolean; + scrollableYearDropdown?: boolean; + selected?: Date | null; + selectsEnd?: boolean; + selectsStart?: boolean; + shouldCloseOnSelect?: boolean; + showDisabledMonthNavigation?: boolean; + showMonthDropdown?: boolean; + showMonthYearDropdown?: boolean; + showTimeSelect?: boolean; + showTimeSelectOnly?: boolean; + showWeekNumbers?: boolean; + showYearDropdown?: boolean; + startDate?: Date; + startOpen?: boolean; + tabIndex?: number; + timeCaption?: string; + timeFormat?: string; + timeIntervals?: number; + title?: string; + todayButton?: React.ReactNode; + useShortMonthInDropdown?: boolean; + useWeekdaysShort?: boolean; + value?: string; + weekLabel?: string; + withPortal?: boolean; + yearDropdownItemNumber?: number; } declare const ReactDatePicker: React.ClassicComponentClass< - ReactDatePickerProps + ReactDatePickerProps >; export default ReactDatePicker; From 384085c6f9a81bf54fb3ea1b2992847b77995547 Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Fri, 14 Dec 2018 16:37:55 -0700 Subject: [PATCH 05/12] fixed prettier changes --- types/react-datepicker/index.d.ts | 15 +++------------ 1 file changed, 3 insertions(+), 12 deletions(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index d9e5c11275..4dccd6cfb4 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -65,10 +65,7 @@ export interface ReactDatePickerProps { name?: string; nextMonthButtonLabel?: string; onBlur?(event: React.FocusEvent): void; - onChange( - date: Date | null, - event: React.SyntheticEvent | undefined - ): void; + onChange(date: Date | null, event: React.SyntheticEvent | undefined): void; onChangeRaw?(event: React.FocusEvent): void; onClickOutside?(event: React.MouseEvent): void; onFocus?(event: React.FocusEvent): void; @@ -77,11 +74,7 @@ export interface ReactDatePickerProps { onKeyDown?(event: React.KeyboardEvent): void; onMonthChange?(date: Date): void; onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; - onWeekSelect?( - firstDayOfWeek: Date, - weekNumber: string | number, - event: React.SyntheticEvent | undefined - ): void; + onWeekSelect?(firstDayOfWeek: Date, weekNumber: string | number, event: React.SyntheticEvent | undefined): void; onYearChange?(date: Date): void; open?: boolean; openToDate?: Date; @@ -134,7 +127,5 @@ export interface ReactDatePickerProps { withPortal?: boolean; yearDropdownItemNumber?: number; } -declare const ReactDatePicker: React.ClassicComponentClass< - ReactDatePickerProps ->; +declare const ReactDatePicker: React.ClassicComponentClass; export default ReactDatePicker; From 44488db05e7709d735116cbd7e08db952b5e3568 Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Fri, 14 Dec 2018 16:40:01 -0700 Subject: [PATCH 06/12] remove trailing space formating --- types/react-datepicker/index.d.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index 4dccd6cfb4..24524c1ba8 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -127,5 +127,5 @@ export interface ReactDatePickerProps { withPortal?: boolean; yearDropdownItemNumber?: number; } -declare const ReactDatePicker: React.ClassicComponentClass; +declare const ReactDatePicker: React.ClassicComponentClass; export default ReactDatePicker; From ee8377bd3a457c4e9d9a8cb25e9e89c5ce3c943a Mon Sep 17 00:00:00 2001 From: Jake Boone Date: Mon, 17 Dec 2018 11:00:27 -0700 Subject: [PATCH 07/12] Update types/react-datepicker/index.d.ts Co-Authored-By: tylerthehaas --- types/react-datepicker/index.d.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index 24524c1ba8..8e81fa4e61 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -49,7 +49,7 @@ export interface ReactDatePickerProps { forceShowMonthNavigation?: boolean; formatWeekDay?(date: Date): string; formatWeekNumber?(date: Date): string | number; - highlightDates?: HighlightDates[]; + highlightDates?: (Date|HighlightDates)[]; id?: string; includeDates?: Date[]; includeTimes?: Date[]; From b09951262568c7a16b27e67bdbfe0d4f23a9f457 Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Mon, 17 Dec 2018 11:10:28 -0700 Subject: [PATCH 08/12] indent using tabs and fixed compilation failure --- types/react-datepicker/index.d.ts | 204 +++++++++++++++--------------- 1 file changed, 102 insertions(+), 102 deletions(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index 8e81fa4e61..8a22efd0d7 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -24,108 +24,108 @@ interface HighlightDates { } export interface ReactDatePickerProps { - adjustDateOnChange?: boolean; - allowSameDay?: boolean; - autoComplete?: string; - autoFocus?: boolean; - calendarClassName?: string; - calendarContainer?(props: { children: React.ReactNode[] }): React.ReactNode; - children?: React.ReactNode; - className?: string; - clearButtonTitle?: string; - customInput?: React.ReactNode; - customInputRef?: string; - dateFormat?: string | string[]; - dateFormatCalendar?: string; - dayClassName?(date: Date): string | null; - disabled?: boolean; - disabledKeyboardNavigation?: boolean; - dropdownMode?: "scroll" | "select"; - endDate?: Date; - excludeDates?: Date[]; - excludeTimes?: Date[]; - filterDate?(date: Date): boolean; - fixedHeight?: boolean; - forceShowMonthNavigation?: boolean; - formatWeekDay?(date: Date): string; - formatWeekNumber?(date: Date): string | number; - highlightDates?: (Date|HighlightDates)[]; - id?: string; - includeDates?: Date[]; - includeTimes?: Date[]; - injectTimes?: Date[]; - inline?: boolean; - isClearable?: boolean; - locale?: string; - maxDate?: Date; - maxTime?: Date; - minDate?: Date; - minTime?: Date; - monthsShown?: number; - name?: string; - nextMonthButtonLabel?: string; - onBlur?(event: React.FocusEvent): void; - onChange(date: Date | null, event: React.SyntheticEvent | undefined): void; - onChangeRaw?(event: React.FocusEvent): void; - onClickOutside?(event: React.MouseEvent): void; - onFocus?(event: React.FocusEvent): void; - onInputClick?(): void; - onInputError?(err: { code: number; msg: string }): void; - onKeyDown?(event: React.KeyboardEvent): void; - onMonthChange?(date: Date): void; - onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; - onWeekSelect?(firstDayOfWeek: Date, weekNumber: string | number, event: React.SyntheticEvent | undefined): void; - onYearChange?(date: Date): void; - open?: boolean; - openToDate?: Date; - peekNextMonth?: boolean; - placeholderText?: string; - popperClassName?: string; - popperContainer?(props: { children: React.ReactNode[] }): React.ReactNode; - popperModifiers?: Popper.Modifiers; - popperPlacement?: string; - popperProps?: {}; - preventOpenOnFocus?: boolean; - previousMonthButtonLabel?: string; - readOnly?: boolean; - renderCustomHeader?(params: { - date: Date; - changeYear(year: number): void; - changeMonth(month: number): void; - decreaseMonth(): void; - increaseMonth(): void; - prevMonthButtonDisabled: boolean; - nextMonthButtonDisabled: boolean; - }): React.ReactNode; - renderDayContents?(dayOfMonth: number): React.ReactNode; - required?: boolean; - scrollableMonthYearDropdown?: boolean; - scrollableYearDropdown?: boolean; - selected?: Date | null; - selectsEnd?: boolean; - selectsStart?: boolean; - shouldCloseOnSelect?: boolean; - showDisabledMonthNavigation?: boolean; - showMonthDropdown?: boolean; - showMonthYearDropdown?: boolean; - showTimeSelect?: boolean; - showTimeSelectOnly?: boolean; - showWeekNumbers?: boolean; - showYearDropdown?: boolean; - startDate?: Date; - startOpen?: boolean; - tabIndex?: number; - timeCaption?: string; - timeFormat?: string; - timeIntervals?: number; - title?: string; - todayButton?: React.ReactNode; - useShortMonthInDropdown?: boolean; - useWeekdaysShort?: boolean; - value?: string; - weekLabel?: string; - withPortal?: boolean; - yearDropdownItemNumber?: number; + adjustDateOnChange?: boolean; + allowSameDay?: boolean; + autoComplete?: string; + autoFocus?: boolean; + calendarClassName?: string; + calendarContainer?(props: { children: React.ReactNode[] }): React.ReactNode; + children?: React.ReactNode; + className?: string; + clearButtonTitle?: string; + customInput?: React.ReactNode; + customInputRef?: string; + dateFormat?: string | string[]; + dateFormatCalendar?: string; + dayClassName?(date: Date): string | null; + disabled?: boolean; + disabledKeyboardNavigation?: boolean; + dropdownMode?: "scroll" | "select"; + endDate?: Date; + excludeDates?: Date[]; + excludeTimes?: Date[]; + filterDate?(date: Date): boolean; + fixedHeight?: boolean; + forceShowMonthNavigation?: boolean; + formatWeekDay?(date: Date): string; + formatWeekNumber?(date: Date): string | number; + highlightDates?: Array<(Date|HighlightDates)>; + id?: string; + includeDates?: Date[]; + includeTimes?: Date[]; + injectTimes?: Date[]; + inline?: boolean; + isClearable?: boolean; + locale?: string; + maxDate?: Date; + maxTime?: Date; + minDate?: Date; + minTime?: Date; + monthsShown?: number; + name?: string; + nextMonthButtonLabel?: string; + onBlur?(event: React.FocusEvent): void; + onChange(date: Date | null, event: React.SyntheticEvent | undefined): void; + onChangeRaw?(event: React.FocusEvent): void; + onClickOutside?(event: React.MouseEvent): void; + onFocus?(event: React.FocusEvent): void; + onInputClick?(): void; + onInputError?(err: { code: number; msg: string }): void; + onKeyDown?(event: React.KeyboardEvent): void; + onMonthChange?(date: Date): void; + onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; + onWeekSelect?(firstDayOfWeek: Date, weekNumber: string | number, event: React.SyntheticEvent | undefined): void; + onYearChange?(date: Date): void; + open?: boolean; + openToDate?: Date; + peekNextMonth?: boolean; + placeholderText?: string; + popperClassName?: string; + popperContainer?(props: { children: React.ReactNode[] }): React.ReactNode; + popperModifiers?: Popper.Modifiers; + popperPlacement?: string; + popperProps?: {}; + preventOpenOnFocus?: boolean; + previousMonthButtonLabel?: string; + readOnly?: boolean; + renderCustomHeader?(params: { + date: Date; + changeYear(year: number): void; + changeMonth(month: number): void; + decreaseMonth(): void; + increaseMonth(): void; + prevMonthButtonDisabled: boolean; + nextMonthButtonDisabled: boolean; + }): React.ReactNode; + renderDayContents?(dayOfMonth: number): React.ReactNode; + required?: boolean; + scrollableMonthYearDropdown?: boolean; + scrollableYearDropdown?: boolean; + selected?: Date | null; + selectsEnd?: boolean; + selectsStart?: boolean; + shouldCloseOnSelect?: boolean; + showDisabledMonthNavigation?: boolean; + showMonthDropdown?: boolean; + showMonthYearDropdown?: boolean; + showTimeSelect?: boolean; + showTimeSelectOnly?: boolean; + showWeekNumbers?: boolean; + showYearDropdown?: boolean; + startDate?: Date; + startOpen?: boolean; + tabIndex?: number; + timeCaption?: string; + timeFormat?: string; + timeIntervals?: number; + title?: string; + todayButton?: React.ReactNode; + useShortMonthInDropdown?: boolean; + useWeekdaysShort?: boolean; + value?: string; + weekLabel?: string; + withPortal?: boolean; + yearDropdownItemNumber?: number; } declare const ReactDatePicker: React.ClassicComponentClass; export default ReactDatePicker; From 592fd55da3ab614b6af046028a18640f1a1ab871 Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Mon, 17 Dec 2018 11:20:19 -0700 Subject: [PATCH 09/12] fix indentation --- types/react-datepicker/index.d.ts | 204 +++++++++++++++--------------- 1 file changed, 102 insertions(+), 102 deletions(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index 8a22efd0d7..386f977e9b 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -24,108 +24,108 @@ interface HighlightDates { } export interface ReactDatePickerProps { - adjustDateOnChange?: boolean; - allowSameDay?: boolean; - autoComplete?: string; - autoFocus?: boolean; - calendarClassName?: string; - calendarContainer?(props: { children: React.ReactNode[] }): React.ReactNode; - children?: React.ReactNode; - className?: string; - clearButtonTitle?: string; - customInput?: React.ReactNode; - customInputRef?: string; - dateFormat?: string | string[]; - dateFormatCalendar?: string; - dayClassName?(date: Date): string | null; - disabled?: boolean; - disabledKeyboardNavigation?: boolean; - dropdownMode?: "scroll" | "select"; - endDate?: Date; - excludeDates?: Date[]; - excludeTimes?: Date[]; - filterDate?(date: Date): boolean; - fixedHeight?: boolean; - forceShowMonthNavigation?: boolean; - formatWeekDay?(date: Date): string; - formatWeekNumber?(date: Date): string | number; - highlightDates?: Array<(Date|HighlightDates)>; - id?: string; - includeDates?: Date[]; - includeTimes?: Date[]; - injectTimes?: Date[]; - inline?: boolean; - isClearable?: boolean; - locale?: string; - maxDate?: Date; - maxTime?: Date; - minDate?: Date; - minTime?: Date; - monthsShown?: number; - name?: string; - nextMonthButtonLabel?: string; - onBlur?(event: React.FocusEvent): void; - onChange(date: Date | null, event: React.SyntheticEvent | undefined): void; - onChangeRaw?(event: React.FocusEvent): void; - onClickOutside?(event: React.MouseEvent): void; - onFocus?(event: React.FocusEvent): void; - onInputClick?(): void; - onInputError?(err: { code: number; msg: string }): void; - onKeyDown?(event: React.KeyboardEvent): void; - onMonthChange?(date: Date): void; - onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; - onWeekSelect?(firstDayOfWeek: Date, weekNumber: string | number, event: React.SyntheticEvent | undefined): void; - onYearChange?(date: Date): void; - open?: boolean; - openToDate?: Date; - peekNextMonth?: boolean; - placeholderText?: string; - popperClassName?: string; - popperContainer?(props: { children: React.ReactNode[] }): React.ReactNode; - popperModifiers?: Popper.Modifiers; - popperPlacement?: string; - popperProps?: {}; - preventOpenOnFocus?: boolean; - previousMonthButtonLabel?: string; - readOnly?: boolean; - renderCustomHeader?(params: { - date: Date; - changeYear(year: number): void; - changeMonth(month: number): void; - decreaseMonth(): void; - increaseMonth(): void; - prevMonthButtonDisabled: boolean; - nextMonthButtonDisabled: boolean; - }): React.ReactNode; - renderDayContents?(dayOfMonth: number): React.ReactNode; - required?: boolean; - scrollableMonthYearDropdown?: boolean; - scrollableYearDropdown?: boolean; - selected?: Date | null; - selectsEnd?: boolean; - selectsStart?: boolean; - shouldCloseOnSelect?: boolean; - showDisabledMonthNavigation?: boolean; - showMonthDropdown?: boolean; - showMonthYearDropdown?: boolean; - showTimeSelect?: boolean; - showTimeSelectOnly?: boolean; - showWeekNumbers?: boolean; - showYearDropdown?: boolean; - startDate?: Date; - startOpen?: boolean; - tabIndex?: number; - timeCaption?: string; - timeFormat?: string; - timeIntervals?: number; - title?: string; - todayButton?: React.ReactNode; - useShortMonthInDropdown?: boolean; - useWeekdaysShort?: boolean; - value?: string; - weekLabel?: string; - withPortal?: boolean; - yearDropdownItemNumber?: number; + adjustDateOnChange?: boolean; + allowSameDay?: boolean; + autoComplete?: string; + autoFocus?: boolean; + calendarClassName?: string; + calendarContainer?(props: {children: React.ReactNode[]}): React.ReactNode; + children?: React.ReactNode; + className?: string; + clearButtonTitle?: string; + customInput?: React.ReactNode; + customInputRef?: string; + dateFormat?: string | string[]; + dateFormatCalendar?: string; + dayClassName?(date: Date): string | null; + disabled?: boolean; + disabledKeyboardNavigation?: boolean; + dropdownMode?: "scroll" | "select"; + endDate?: Date; + excludeDates?: Date[]; + excludeTimes?: Date[]; + filterDate?(date: Date): boolean; + fixedHeight?: boolean; + forceShowMonthNavigation?: boolean; + formatWeekDay?(date: Date): string; + formatWeekNumber?(date: Date): string | number; + highlightDates?: Array<(Date|HighlightDates)>; + id?: string; + includeDates?: Date[]; + includeTimes?: Date[]; + injectTimes?: Date[]; + inline?: boolean; + isClearable?: boolean; + locale?: string; + maxDate?: Date; + maxTime?: Date; + minDate?: Date; + minTime?: Date; + monthsShown?: number; + name?: string; + nextMonthButtonLabel?: string; + onBlur?(event: React.FocusEvent): void; + onChange(date: Date | null, event: React.SyntheticEvent | undefined): void; + onChangeRaw?(event: React.FocusEvent): void; + onClickOutside?(event: React.MouseEvent): void; + onFocus?(event: React.FocusEvent): void; + onInputClick?(): void; + onInputError?(err: {code: number; msg: string}): void; + onKeyDown?(event: React.KeyboardEvent): void; + onMonthChange?(date: Date): void; + onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; + onWeekSelect?(firstDayOfWeek: Date, weekNumber: string | number, event: React.SyntheticEvent | undefined): void; + onYearChange?(date: Date): void; + open?: boolean; + openToDate?: Date; + peekNextMonth?: boolean; + placeholderText?: string; + popperClassName?: string; + popperContainer?(props: { children: React.ReactNode[] }): React.ReactNode; + popperModifiers?: Popper.Modifiers; + popperPlacement?: string; + popperProps?: {}; + preventOpenOnFocus?: boolean; + previousMonthButtonLabel?: string; + readOnly?: boolean; + renderCustomHeader?(params: { + date: Date; + changeYear(year: number): void; + changeMonth(month: number): void; + decreaseMonth(): void; + increaseMonth(): void; + prevMonthButtonDisabled: boolean; + nextMonthButtonDisabled: boolean; + }): React.ReactNode; + renderDayContents?(dayOfMonth: number): React.ReactNode; + required?: boolean; + scrollableMonthYearDropdown?: boolean; + scrollableYearDropdown?: boolean; + selected?: Date | null; + selectsEnd?: boolean; + selectsStart?: boolean; + shouldCloseOnSelect?: boolean; + showDisabledMonthNavigation?: boolean; + showMonthDropdown?: boolean; + showMonthYearDropdown?: boolean; + showTimeSelect?: boolean; + showTimeSelectOnly?: boolean; + showWeekNumbers?: boolean; + showYearDropdown?: boolean; + startDate?: Date; + startOpen?: boolean; + tabIndex?: number; + timeCaption?: string; + timeFormat?: string; + timeIntervals?: number; + title?: string; + todayButton?: React.ReactNode; + useShortMonthInDropdown?: boolean; + useWeekdaysShort?: boolean; + value?: string; + weekLabel?: string; + withPortal?: boolean; + yearDropdownItemNumber?: number; } declare const ReactDatePicker: React.ClassicComponentClass; export default ReactDatePicker; From e048f314b6d3c5cb933f5744dfd7454eaba29cfb Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Mon, 17 Dec 2018 11:22:21 -0700 Subject: [PATCH 10/12] fixed more formatting issues --- types/react-datepicker/index.d.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index 386f977e9b..9aef7776fb 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -29,7 +29,7 @@ export interface ReactDatePickerProps { autoComplete?: string; autoFocus?: boolean; calendarClassName?: string; - calendarContainer?(props: {children: React.ReactNode[]}): React.ReactNode; + calendarContainer?(props: { children: React.ReactNode[] }): React.ReactNode; children?: React.ReactNode; className?: string; clearButtonTitle?: string; @@ -40,7 +40,7 @@ export interface ReactDatePickerProps { dayClassName?(date: Date): string | null; disabled?: boolean; disabledKeyboardNavigation?: boolean; - dropdownMode?: "scroll" | "select"; + dropdownMode?: 'scroll' | 'select'; endDate?: Date; excludeDates?: Date[]; excludeTimes?: Date[]; @@ -70,7 +70,7 @@ export interface ReactDatePickerProps { onClickOutside?(event: React.MouseEvent): void; onFocus?(event: React.FocusEvent): void; onInputClick?(): void; - onInputError?(err: {code: number; msg: string}): void; + onInputError?(err: {code: number; msg: string}): void; onKeyDown?(event: React.KeyboardEvent): void; onMonthChange?(date: Date): void; onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; From f608fd6e8b4c7ac8fb05a3c9225ce2c22ff261c3 Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Mon, 17 Dec 2018 11:29:20 -0700 Subject: [PATCH 11/12] reset to original --- types/react-datepicker/index.d.ts | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index 9aef7776fb..5f07b253f3 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -19,10 +19,6 @@ export function registerLocale(localeName: string, localeData: {}): void; export function setDefaultLocale(localeName: string): void; export function getDefaultLocale(): string; -interface HighlightDates { - [className: string]: Date[]; -} - export interface ReactDatePickerProps { adjustDateOnChange?: boolean; allowSameDay?: boolean; @@ -49,7 +45,7 @@ export interface ReactDatePickerProps { forceShowMonthNavigation?: boolean; formatWeekDay?(date: Date): string; formatWeekNumber?(date: Date): string | number; - highlightDates?: Array<(Date|HighlightDates)>; + highlightDates?: Date[]; id?: string; includeDates?: Date[]; includeTimes?: Date[]; @@ -70,7 +66,7 @@ export interface ReactDatePickerProps { onClickOutside?(event: React.MouseEvent): void; onFocus?(event: React.FocusEvent): void; onInputClick?(): void; - onInputError?(err: {code: number; msg: string}): void; + onInputError?(err: {code: number; msg: string}): void; onKeyDown?(event: React.KeyboardEvent): void; onMonthChange?(date: Date): void; onSelect?(date: Date, event: React.SyntheticEvent | undefined): void; From 08c6ec2758356090b71dab3757cd77e786339c19 Mon Sep 17 00:00:00 2001 From: Tyler Haas Date: Mon, 17 Dec 2018 11:32:09 -0700 Subject: [PATCH 12/12] fix whitespace errors --- types/react-datepicker/index.d.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts index 5f07b253f3..e2870092dc 100644 --- a/types/react-datepicker/index.d.ts +++ b/types/react-datepicker/index.d.ts @@ -19,6 +19,10 @@ export function registerLocale(localeName: string, localeData: {}): void; export function setDefaultLocale(localeName: string): void; export function getDefaultLocale(): string; +interface HighlightDates { + [className: string]: Date[]; +} + export interface ReactDatePickerProps { adjustDateOnChange?: boolean; allowSameDay?: boolean; @@ -45,7 +49,7 @@ export interface ReactDatePickerProps { forceShowMonthNavigation?: boolean; formatWeekDay?(date: Date): string; formatWeekNumber?(date: Date): string | number; - highlightDates?: Date[]; + highlightDates?: Array; id?: string; includeDates?: Date[]; includeTimes?: Date[];