List

A chronological agenda. Switch between day, week, month, and year in the calendar header.

Configure live options 10 options for this view

Changes apply immediately through calendar.setOptions(). Switch views to explore their relevant options.

Reset keeps the current view, date, and event edits. Language and time-zone controls stay in their dedicated examples. Search checks every group for this view.

List

listView.eventTimeFormat · Format the agenda’s event times using the list-specific API option.

listView.showEmptyDays · Keep date headings even when no events are scheduled.

listView.stickyHeaders · Keep date headings visible while scrolling non-virtual lists.

listView.dayFormat · Package date-format tokens for agenda headings.

Loading calendar…
Interactive calendar and sample events load in your browser.
Callback activity (0 recent)
Current configuration & code

Updates with the active view, date, and options. The setup includes the original sample events; event edits are not exported. Site navigation and callback logging are separate.

Changes stay in this browser session and reset when switching examples or reloading. No account, backend, or credentials required.