Time slots should be buttons, not text to type.
States Needed
Default: Available, clickable.
Hover: Interactive feedback.
Selected: Clearly chosen.
Disabled: Not available.
Loading: Fetching data.
Design Tips
- Large enough to tap
- Clear time display
- Timezone shown
- Grouped by date
- Selected state obvious
Accessibility
- Use button elements
- Keyboard navigation
- Focus indicators
- Screen reader labels
Data Model
Store ISO timestamp, display formatted time.
Bookux
Bookux builds booking interfaces with well-designed time slots.
Related: Chatbot Clickable Time Slots · Mobile Booking UX