# Calendar day agenda

Calendar day agenda: a free component, built on your design tokens, to use for one day's events in a scheduling or CRM tool. One day's schedule: a date header with previous, today and next, an all-day event, and timed events on an hour rail with overlaps side by side and a now line.

Prompt: Add the OpenDesigner component calendar-agenda to this project: https://opendesigner.dev/library/r/calendar-agenda.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: hover, focus, past, now, overlapping, all day.

Accessibility: Events are links in a labelled list with the title, time and place in their text; the hour rail is hidden from screen readers and the now line has a text label.

File: https://opendesigner.dev/library/r/calendar-agenda.html