Time slot grid for booking interfaces with loading state and accent color.
Click an available slot to select it. Gray slots are unavailable.
6 times available
<script>
import { TimeSlotPicker } from "jatui"
</script>
<TimeSlotPicker />| Prop | Type | Default | Description |
|---|---|---|---|
slots | TimeSlot[] | [] | Available time slots |
loading | boolean | false | Show loading state |
onSelect | (slot: TimeSlot) => void | - | Selection callback |
accentColor | string | "primary" | DaisyUI accent color |