Agenda
One day's schedule grouped by session.
Morning07.00 to 11.00
Rahma BatariArrived
Budi SantosoScheduled
Afternoon11.00 to 15.00
Siti AminahScheduled
Evening15.00 to 19.00
No bookings yet
Usage
import { Agenda } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Seeing who comes today, per session.
When not to use
- Picking a date. Use Date Picker.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
date | string | required | |
groups | { key, title, time?, items: { key, title, status? }[] }[] | required | |
summary | ReactNode | - | |
emptyText | string | 'No bookings yet' |
Accessibility
- Empty sessions stay visible so it is clear they are empty.