Delivery Slots
Delivery time-slot picker: day tabs labelled from a fixed now with the cheapest price, a slot grid with prices, limited/full/closed states, an eco slot highlight, and a summary with Confirm.
Preview
Choose a delivery slot
Eco slots follow a van that is already on your street.
Wednesday, November 4 · 12:00–14:00Delivery Free · Eco slot
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| days | { date; slots: { id; start; end; price; left?; eco? }[] }[] | — | Days ("YYYY-MM-DD") and their slots ("HH:MM"); left 0 = full. |
| now | string | — | Local time "YYYY-MM-DDTHH:MM": labels Today/Tomorrow and closes past slots. Never read from the clock. |
| value / defaultValue | { date: string; slotId: string } | null | null | Controlled or initial selection. |
| onValueChange | (value) => void | — | Called when a slot is picked. |
| onConfirm | (value) => void | — | Shows a Confirm key in the summary. |
| limitedAt | number | 3 | Places left at or below which a slot shows "N left". |
| cutoff | number | 60 | Minutes before a slot starts when ordering closes. |
| currency / locale | string | "USD" / — | Price and date formatting. |
| title | string | "Choose a delivery slot" | Heading. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.