Skip to main content

​
OrderTimePicker

Need storefront configuration?

Use the public API origin, merchant slug, and location ID. Storefront components never receive a Crave API key; register each exact browser origin before making requests.
A picker that allows customers to choose between “ASAP” ordering or scheduling a future pickup/delivery time within the location’s operating hours.

​
Preview

​
Import

​
Usage

​
Props

​
string
required
Location ID used to fetch available time slots.
​
'pickup' | 'delivery'
required
The fulfillment method — affects available time windows and lead times.
​
Date | 'asap'
required
The currently selected order time.
​
(time: Date | 'asap') => void
required
Callback fired when the time selection changes.

​
Behavior

  • “ASAP” toggle selected by default with estimated ready time
  • Date picker for future dates (within location’s advance ordering window)
  • Time slots in 15-minute increments within operating hours
  • Grays out unavailable slots based on kitchen capacity