DateField

API reference and demos for DateField.

Source

Import

import { DateField } from "@flanksource/clicky-ui/components";

Demos

Default · Open in Storybook

Playground · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
buttonClassName	string	—	Classes applied to the calendar/open button.
inputClassName	string	—	Classes applied to the text input.
mode	enum	date	Selects native date input or date-time input behavior.
onChange	(…) => void	—	Called with the next ISO-like value whenever the input changes.
openButtonLabel	string	—	Accessible label for the calendar/open button.
prefix	ReactNode	—	Leading in-field adornment, rendered at the left edge of the input.
suffix	ReactNode	—	Trailing in-field adornment, rendered left of the calendar button.
value	string	—	ISO date or datetime-local string shown in the input.