Skip to main content
Deno 2 is finally here 🎉️
Learn more
Module

x/netzo/deps/react-day-picker.ts>CustomComponents

Full-stack Deno framework for building business web apps like internal tools, dashboards, admin panels and automated workflows.
netzo/netzo
Popular
Go to Latest
interface CustomComponents
import { type CustomComponents } from "https://deno.land/x/netzo@0.5.63/deps/react-day-picker.ts";

Map of the components that can be changed using the components prop.

Properties

optional
Caption: (props: CaptionProps) => JSX.Element | null

The component for the caption element.

optional
CaptionLabel: (props: CaptionLabelProps) => JSX.Element | null

The component for the caption element.

optional
Day: (props: DayProps) => JSX.Element | null

The component for the day element.

Each Day in DayPicker should render one of the following, according to the return value of useDayRender.

  • an empty Fragment, to render if isHidden is true
  • a button element, when the day is interactive, e.g. is selectable
  • a div or a span element, when the day is not interactive
optional
DayContent: (props: DayContentProps) => JSX.Element | null

The component for the content of the day element.

optional
Dropdown: (props: DropdownProps) => JSX.Element | null

The component for the drop-down elements.

optional
Head: () => JSX.Element | null

The component for the table’s head.

optional
HeadRow: () => JSX.Element | null

The component for the table’s head row.

optional
IconDropdown: (props: StyledComponent) => JSX.Element | null

The component for the small icon in the drop-downs.

optional
IconRight: (props: StyledComponent) => JSX.Element | null

The arrow right icon (used for the Navigation buttons).

optional
IconLeft: (props: StyledComponent) => JSX.Element | null

The arrow left icon (used for the Navigation buttons).

optional
Months: (props: MonthsProps) => JSX.Element | null

The component wrapping the month grids.

optional
Row: (props: RowProps) => JSX.Element | null

The component for the table rows.

optional
WeekNumber: (props: WeekNumberProps) => JSX.Element | null

The component for the week number in the table rows.