DateRangeInput — Validation

block

Date range input in all three status states: error, warning, and success. Use to surface booking conflicts, flag high-demand periods, or confirm an available range.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-date-range-input-validation.json"

Sign In

DateRangeInput — Validation

block

Date range input in all three status states: error, warning, and success. Use to surface booking conflicts, flag high-demand periods, or confirm an available range.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-date-range-input-validation.json"

components/astryx/examples/DateRangeInputWithValidation.tsx