UNPKG

headless-react-datepicker

Version:

A headless, highly customizable, multi-calendar date picker component for React. It supports various calendars and locales.

71 lines (70 loc) 2.46 kB
import { CSSProperties, ReactNode } from "react"; export type TDaySlotsDayRendererArgs = { date: Date; /** * based on calendar config.dayFormat */ formattedDay: string; IsToday: boolean; isSelectable: boolean; isDisabled: boolean; isInSelectedRange: boolean; isInHoveredRange: boolean; isStartOfRange: boolean; isEndOfRange: boolean; isInWeekend: boolean; isInHoliday: boolean; isSelected: boolean; handleClickSlot: (date: Date) => void; handleKeyDown: (e: React.KeyboardEvent<HTMLDivElement>, date: Date) => void; }; export type TDaySlots = { dayRenderer?: (args: TDaySlotsDayRendererArgs) => ReactNode; onClickSlot?: (date: Date) => void; parentClassName?: string; parentStyles?: CSSProperties; slotParentClassName?: string; slotClassName?: string; slotParentStyles?: CSSProperties; slotStyles?: CSSProperties; todayStyles?: CSSProperties; todayClassName?: string; todayParentStyles?: CSSProperties; todayParentClassName?: string; disableStyles?: CSSProperties; disableClassName?: string; disableParentStyles?: CSSProperties; disableParentClassName?: string; weekendStyles?: CSSProperties; weekendClassName?: string; weekendParentStyles?: CSSProperties; weekendParentClassName?: string; holidayStyles?: CSSProperties; holidayClassName?: string; holidayParentStyles?: CSSProperties; holidayParentClassName?: string; selectedStyles?: CSSProperties; selectedClassName?: string; selectedParentStyles?: CSSProperties; selectedParentClassName?: string; selectableStyles?: CSSProperties; selectableClassName?: string; selectableParentStyles?: CSSProperties; selectableParentClassName?: string; inSelectedRangeStyles?: CSSProperties; inSelectedRangeClassName?: string; inSelectedRangeParentStyles?: CSSProperties; inSelectedRangeParentClassName?: string; inHoveredRangeStyles?: CSSProperties; inHoveredRangeClassName?: string; inHoveredRangeParentStyles?: CSSProperties; inHoveredRangeParentClassName?: string; startOfRangeStyles?: CSSProperties; startOfRangeClassName?: string; startOfRangeParentStyles?: CSSProperties; startOfRangeParentClassName?: string; endOfRangeStyles?: CSSProperties; endOfRangeClassName?: string; endOfRangeParentStyles?: CSSProperties; endOfRangeParentClassName?: string; };