Skip to main content
zerotal

Documentation


Documentation / @zerotal/flow-ui / index / DatePickerProps

Interface: DatePickerProps

Defined in: flow-ui/src/components/DatePicker.tsx:22

Indexable

[key: string]: unknown

Properties

bind?

optional bind?: unknown

Defined in: flow-ui/src/components/DatePicker.tsx:30

Bound

Expose

YYYY-MM-DD.

The whole interaction — opening, paging months, choosing a day — then runs on the client, and the bound prop is written once. That is the point of a picker: nothing about browsing to March needs the server.


name?

optional name?: string

Defined in: flow-ui/src/components/DatePicker.tsx:31


value?

optional value?: string

Defined in: flow-ui/src/components/DatePicker.tsx:33

Selected day, YYYY-MM-DD. Use bind unless the grid is server-driven.


onSelect?

optional onSelect?: unknown

Defined in: flow-ui/src/components/DatePicker.tsx:35

Server action receiving the clicked YYYY-MM-DD.


placeholder?

optional placeholder?: string

Defined in: flow-ui/src/components/DatePicker.tsx:37

Shown on the button when nothing is chosen.


min?

optional min?: string

Defined in: flow-ui/src/components/DatePicker.tsx:38


max?

optional max?: string

Defined in: flow-ui/src/components/DatePicker.tsx:39


events?

optional events?: CalendarEvent[]

Defined in: flow-ui/src/components/DatePicker.tsx:41

Days to mark in the grid — booked dates, deadlines.


label?

optional label?: string

Defined in: flow-ui/src/components/DatePicker.tsx:43

Accessible name for the button.


disabled?

optional disabled?: boolean

Defined in: flow-ui/src/components/DatePicker.tsx:44


class?

optional class?: string

Defined in: flow-ui/src/components/DatePicker.tsx:45