Recipe
Date Picker
A single-date selection component with month navigation, today highlight, and range constraints — built entirely with native inputs and Tailwind.
June 2026
MoTuWeThFrSaSu
Selected Today
Keyboard Navigation
Arrow keys move between days. Enter selects. Escape closes the overlay. Tab traps focus inside the calendar grid.
Range Constraints
Pass minDate and maxDate props. Days outside the range render disabled with reduced opacity.