Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui6 dependencies

Date Picker

date-picker

Date field that opens a Calendar in a Popover. Controlled or uncontrolled via value/defaultValue and onValueChange; formats the selected date with date-fns and shows a placeholder when empty.

Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Single-date picker composed from Calendar + Popover + Button. Read the value from onValueChange; pass defaultValue for uncontrolled use.
4 other registries

Similar components

Other registries' take on date-picker.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Usage example for the ai2 date-picker component.

@ai2

More from @ai2