Date Pickers

Date entry controls that match the Verapath input system, with direct typing and a calendar popover for quicker selection.

Theme Variants

Both variants keep the same sizing, spacing, and helper states while adapting surface, border, and calendar contrast to the current theme.

Light
Type the date directly or pick it from the calendar.
Dark
The active day stays high-contrast in dark mode.

States And Constraints

Use the same helper, error, success, and disabled treatments as the rest of the Verapath field system.

Validation
Please choose a renewal review date before submitting.
Kickoff date confirmed.
Range
Only dates in the next 120 days can be selected.

Form Usage

The component drops into the same two-column form rhythm as the existing inputs.

Template

Timeline Setup

A compact example showing how date selection pairs with text and dropdown fields inside the form shell.

Scheduling

Milestones

Give teams a fast way to key in dates manually while still supporting the calendar when they need it.

An unhandled error has occurred. Reload x