Date picker
Calendar in a Popover behind an outline trigger sized like Select/Combobox. Single selection closes the popover on pick; range selection stays open until both ends are chosen. Dates format as d MMM yyyy.
import { DatePicker } from "@stocklots/ui-components/components/date-picker";
<DatePicker value={date} onValueChange={setDate} />Single
Picking a day formats the trigger and closes the popover.
Range
Stays open until both ends are set; the trigger reads start – end.
Sizes
Trigger height follows the Button size prop: 32 / 40 / 48.
In a Field with error
aria-invalid spreads onto the trigger button.
Choose a date before the offer expires.