Kovax Reactv0.5.0
ENRU

Date picker

DatePicker and DateRangePicker wrap react-day-picker v9 with Kovax Button, Popover, and palette CSS variables. Use variant="date" (default) or variant="datetime" for time fields + Apply. Requires peer react-day-picker and global react-day-picker/style.css. Reference — header Documentation → Date picker.

Examples: single date

Selected: Sun May 10 2026

Examples: date & time

ISO: 2026-05-15T14:45:00.000Z

Examples: date range

Range: Tue May 05 2026 → Mon May 18 2026

Examples: date & time range

ISO range: 2026-06-03T09:15:00.000Z | 2026-06-09T18:30:00.000Z

Examples: react-hook-form

react-hook-form is only a playground dependency — use Controller so value/onChange stay aligned.

Examples: custom styles

Markdown reference — header Documentation → Date picker.