Background events

Shade a time range and compare month, week, and day grids using the calendar header.

Configure live options 13 options for this view

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

Find an option Option group

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.

Time grid

Time-slot duration

slotDuration · Minutes per visible slot; also updates dayView.hourSegment and weekView.hourSegment.

Visible day starts

slotMinTime · First visible time. Must be before the end time.

Visible day ends

slotMaxTime · Exclusive end time; 24:00 includes the full day.

Time-axis labels

slotLabelFormat · Format used beside hourly slots.

Show all-day row

allDaySlot · Keep a separate row for all-day events.

Allow visual overlap

slotEventOverlap · Overlap event columns without changing their actual times.

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.