CustomComponents | /deps/react-day-picker.ts | netzo@0.3.91

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

Deno-powered framework for building business web apps

Popular

$fresh @dnd-kit @featherscloud @feathersjs @glideapps @hookform @netzo @preact @radix-ui @tanstack deno_kv_oauth dotenv oauth2_client preact question semver std wait x zod

ajv-ts.ts

class-variance-authority.ts

json-schema-to-zod.ts

lodash.get.ts

object-replace-mustache.ts

Key

Ref

DayPickerContextValue

DayPickerDefaultProps

DayPickerMultipleProps

DayPickerProviderProps

NavigationContextValue

RowProps

SelectMultipleContextValue

SelectRangeContextValue

SelectSingleContextValue

DayKeyboardEventHandler

DayPointerEventHandler

InternalModifiersElement

MonthChangeEventHandler

NavButtonLabel

RootContext

SelectMultipleEventHandler

SelectMultipleModifiers

SelectMultipleProviderProps

SelectRangeEventHandler

SelectRangeModifiers

SelectSingleEventHandler

WeekNumberClickEventHandler

SelectMultipleContext

Day

Row

SelectMultipleProvider

SelectMultipleProviderInternal

SelectRangeProvider

SelectRangeProviderInternal

SelectSingleProvider

SelectSingleProviderInternal

BatchFieldArrayUpdate

ControllerRenderProps

DeepPartialSkipArrayKey

FieldArrayMethodProps

FieldNamesMarkedBoolean

Ref

UseFormRegisterReturn

ValidationValueMessage

get

set

react-resizable-panels.ts

PanelResizeHandle

ImperativePanelGroupHandle

ImperativePanelHandle

PanelResizeHandleOnDragging

PanelResizeHandleProps

Panel

PanelGroup

assert

calculateAvailablePanelSizeInPixels

getAvailableGroupSizePixels

getPanelElement

getPanelElementsForGroup

getPanelGroupElement

getResizeHandleElement

getResizeHandleElementIndex

getResizeHandleElementsForGroup

getResizeHandlePanelIds

twc

interface CustomComponents

import { type CustomComponents } from "https://deno.land/x/netzo@0.3.91/deps/react-day-picker.ts";

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

Look at the components source to understand how internal components are built.

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 React.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

Footer: (props: FooterProps) => JSX.Element | null

The component for the table footer.

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

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.