Timetable
A weekly timetable for agendas, class schedules and room bookings. Overlapping sessions share the slot side by side, a now line tracks the current day, and track chips filter the week. Under 560px it folds into a day picker with a single-day agenda.
How to use
import { Timetable, type TimetableEvent } from "@/components/bjork-ui/tables/timetable";const events: TimetableEvent[] = [ { id: "k1", title: "Opening keynote", day: "mon", start: "09:30", end: "10:30", location: "Hall A", track: "Plenary" }, { id: "w1", title: "Workshop: Layout motion", day: "wed", start: "10:30", end: "12:30", location: "Studio 3", track: "Craft" },];<Timetable events={events} startHour={9} endHour={18} slotMinutes={30} now={new Date()} onEventSelect={(event) => openSession(event.id)}/>