@types/react-datepicker

readonly isCalendarOpen: () => boolean;

readonly setBlur: () => void;

readonly setFocus: () => void;

readonly setOpen: (open: boolean, skipSetBlur?: boolean) => void;

children?: React.ReactNode | React.ReactNode[] | undefined;

className?: string | undefined;

customHeaderCount: number;

date: Date;

monthDate: Date;

nextMonthButtonDisabled: boolean;

nextYearButtonDisabled: boolean;

prevMonthButtonDisabled: boolean;

prevYearButtonDisabled: boolean;

changeMonth: (month: number) => void;

changeYear: (year: number) => void;

decreaseMonth: () => void;

decreaseYear: () => void;

increaseMonth: () => void;

increaseYear: () => void;

adjustDateOnChange?: boolean | undefined;

allowSameDay?: boolean | undefined;

ariaDescribedBy?: string | undefined;

ariaInvalid?: string | undefined;

ariaLabelClose?: string | undefined;

ariaLabelledBy?: string | undefined;

ariaRequired?: string | undefined;

autoComplete?: string | undefined;

autoFocus?: boolean | undefined;

calendarClassName?: string | undefined;

calendarIconClassname?: string | undefined;

calendarStartDay?: number | undefined;

children?: React.ReactNode | undefined;

chooseDayAriaLabelPrefix?: string | undefined;

className?: string | undefined;

clearButtonClassName?: string | undefined;

clearButtonTitle?: string | undefined;

closeOnScroll?: boolean | ((e: Event) => boolean) | undefined;

customInput?: React.ReactNode | undefined;

customInputRef?: string | undefined;

customTimeInput?: React.ReactNode | undefined;

dateFormat?: string | string[] | undefined;

dateFormatCalendar?: string | undefined;

disabled?: boolean | undefined;

disabledDayAriaLabelPrefix?: string | undefined;

disabledKeyboardNavigation?: boolean | undefined;

dropdownMode?: 'scroll' | 'select' | undefined;

enableTabLoop?: boolean | undefined;

endDate?: Date | null | undefined;

excludeDateIntervals?: Array<{ start: Date; end: Date }> | undefined;

excludeDates?: Date[] | Array<{ date: Date; message: string }> | undefined;

excludeScrollbar?: boolean | undefined;

excludeTimes?: Date[] | undefined;

fixedHeight?: boolean | undefined;

focusSelectedMonth?: boolean | undefined;

forceShowMonthNavigation?: boolean | undefined;

highlightDates?: Array<HighlightDates | Date> | undefined;

holidays?: Holiday[] | undefined;

icon?: string | React.ReactElement;

id?: string | undefined;

includeDateIntervals?: Array<{ start: Date; end: Date }> | undefined;

includeDates?: Date[] | undefined;

includeTimes?: Date[] | undefined;

injectTimes?: Date[] | undefined;

inline?: boolean | undefined;

isClearable?: boolean | undefined;

locale?: string | Locale | undefined;

maxDate?: Date | null | undefined;

maxTime?: Date | undefined;

minDate?: Date | null | undefined;

minTime?: Date | undefined;

monthAriaLabelPrefix?: string | undefined;

monthsShown?: number | undefined;

name?: string | undefined;

nextMonthAriaLabel?: string | undefined;

nextMonthButtonLabel?: string | React.ReactNode | undefined;

nextYearAriaLabel?: string | undefined;

nextYearButtonLabel?: string | React.ReactNode | undefined;

onDayMouseEnter?: ((date: Date) => void) | undefined;

onMonthMouseLeave?: (() => void) | undefined;

open?: boolean | undefined;

openToDate?: Date | undefined;

peekNextMonth?: boolean | undefined;

placeholderText?: string | undefined;

popperClassName?: string | undefined;

popperModifiers?: readonly Middleware[] | undefined;

popperPlacement?: Placement | undefined;

popperProps?: PopperProps | undefined;

portalHost?: ShadowRoot | undefined;

portalId?: string | undefined;

preventOpenOnFocus?: boolean | undefined;

previousMonthAriaLabel?: string | undefined;

previousMonthButtonLabel?: string | React.ReactNode | undefined;

previousYearAriaLabel?: string | undefined;

previousYearButtonLabel?: string | React.ReactNode | undefined;

readOnly?: boolean | undefined;

required?: boolean | undefined;

scrollableMonthYearDropdown?: boolean | undefined;

scrollableYearDropdown?: boolean | undefined;

selected?: Date | null | undefined;

selectedDates?: Date[];

selectsEnd?: boolean | undefined;

selectsMultiple?: WithMultiple;

selectsRange?: WithRange;

selectsStart?: boolean | undefined;

shouldCloseOnSelect?: boolean | undefined;

showDisabledMonthNavigation?: boolean | undefined;

showFourColumnMonthYearPicker?: boolean | undefined;

showFullMonthYearPicker?: boolean | undefined;

showIcon?: boolean | undefined;

showMonthDropdown?: boolean | undefined;

showMonthYearDropdown?: boolean | undefined;

showMonthYearPicker?: boolean | undefined;

showPopperArrow?: boolean | undefined;

showPreviousMonths?: boolean | undefined;

showQuarterYearPicker?: boolean | undefined;

showTimeInput?: boolean | undefined;

showTimeSelect?: boolean | undefined;

showTimeSelectOnly?: boolean | undefined;

showTwoColumnMonthYearPicker?: boolean | undefined;

showWeekNumbers?: boolean | undefined;

showWeekPicker?: boolean | undefined;

showYearDropdown?: boolean | undefined;

showYearPicker?: boolean | undefined;

startDate?: Date | null | undefined;

startOpen?: boolean | undefined;

strictParsing?: boolean | undefined;

tabIndex?: number | undefined;

timeCaption?: string | undefined;

timeFormat?: string | undefined;

timeInputLabel?: string | undefined;

timeIntervals?: number | undefined;

title?: string | undefined;

todayButton?: React.ReactNode | undefined;

toggleCalendarOnIconClick?: boolean | undefined;

useShortMonthInDropdown?: boolean | undefined;

useWeekdaysShort?: boolean | undefined;

value?: string | undefined;

weekAriaLabelPrefix?: string | undefined;

weekLabel?: string | undefined;

withPortal?: boolean | undefined;

wrapperClassName?: string | undefined;

yearDropdownItemNumber?: number | undefined;

yearItemNumber?: number | undefined;

calendarContainer: (props: CalendarContainerProps) => React.ReactNode;

dayClassName: (date: Date) => string | null;

filterDate: (date: Date) => boolean;

filterTime: (date: Date) => boolean;

formatWeekDay: (day: string) => React.ReactNode;

formatWeekNumber: (date: Date) => string | number;

monthClassName: (date: Date) => string | null;

onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;

onCalendarClose: () => void;

onCalendarOpen: () => void;

onChange: (
    date: WithRange extends false | undefined
        ? WithMultiple extends false | undefined
            ? Date | null
            : Date[] | null
        : [Date | null, Date | null],
    event: React.SyntheticEvent<any> | undefined
) => void;

onChangeRaw: (event: React.FocusEvent<HTMLInputElement>) => void;

onClickOutside: (event: React.MouseEvent<HTMLDivElement>) => void;

onFocus: (event: React.FocusEvent<HTMLInputElement>) => void;

onInputClick: () => void;

onInputError: (err: { code: number; msg: string }) => void;

onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;

onMonthChange: (date: Date) => void;

onSelect: (date: Date, event: React.SyntheticEvent<any> | undefined) => void;

onWeekSelect: (
    firstDayOfWeek: Date,
    weekNumber: string | number,
    event: React.SyntheticEvent<any> | undefined
) => void;

onYearChange: (date: Date) => void;

popperContainer: (props: { children: React.ReactNode[] }) => React.ReactNode;

renderCustomHeader: (
    params: ReactDatePickerCustomHeaderProps
) => React.ReactNode;

renderDayContents: (dayOfMonth: number, date?: Date) => React.ReactNode;

renderMonthContent: (
    monthIndex: number,
    shortMonthText: string,
    fullMonthText: string
) => React.ReactNode;

renderQuarterContent: (
    quarter: number,
    shortQuarterText: string
) => React.ReactNode;

renderYearContent: (year: number) => React.ReactNode;

timeClassName: (date: Date) => string | null;

weekDayClassName: (date: Date) => string | null;