@datepicker-react/styled
Version:
A React datepicker build with styled-components.
60 lines (59 loc) • 1.51 kB
TypeScript
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