Skip to main content

​
OrderTimePicker

Need an API key?

Get one from Crave Dashboard > Developers > API Development > Step 1 - API Keys. Copy the matching locationId from Step 2 - Location IDs on the same page.
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