UNPKG

@datepicker-react/styled

Version:

A React datepicker build with styled-components.

60 lines (59 loc) 1.51 kB
import React from 'react' import {UseDatepickerProps, FormatFunction, FocusedInput} from '@datepicker-react/hooks' import {DateRangeInputPhrases} from '../../phrases' export interface DateRangeInputProps extends UseDatepickerProps { displayFormat?: string | FormatFunction phrases?: DateRangeInputPhrases onFocusChange(focusInput: FocusedInput): void showStartDateCalendarIcon?: boolean showEndDateCalendarIcon?: boolean onClose?(): void vertical?: boolean showResetDates?: boolean showSelectedDates?: boolean showClose?: boolean rtl?: boolean placement?: 'top' | 'bottom' dayLabelFormat?(date: Date): string weekdayLabelFormat?(date: Date): string monthLabelFormat?(date: Date): string onDayRender?(date: Date): React.ReactNode startDateInputId?: string endDateInputId?: string unavailableDates?: Date[] initialVisibleMonth?: Date } declare function DateRangeInput({ startDate, endDate, minBookingDate, maxBookingDate, firstDayOfWeek, onFocusChange, numberOfMonths, focusedInput, onDatesChange, exactMinBookingDays, dayLabelFormat, weekdayLabelFormat, monthLabelFormat, onDayRender, initialVisibleMonth, showClose, showSelectedDates, showResetDates, vertical, rtl, isDateBlocked, minBookingDays, onClose, showStartDateCalendarIcon, showEndDateCalendarIcon, displayFormat, phrases, placement, startDateInputId, endDateInputId, unavailableDates, }: DateRangeInputProps): JSX.Element export default DateRangeInput