Example settings

Migrating with EventCalendar

A team calendar written against another calendar library's React options, moved over by changing one import: the event-calendar item (compat EventCalendar) with initialView, views, 24-hour formats, business hours, events with url and extendedProps, background events, eventContent, eventClick, datesSet, dayMaxEvents and height, unchanged.

  • The options and callbacks are the other library's; only the import changed.
  • A click on the workshop calls eventClick, which cancels its link with jsEvent.preventDefault(); a Ctrl- or Cmd-click still opens it.
  • Thursday is busy: in the month view dayMaxEvents shows what fits and a “+N more”.

Oct 19 – 25, 2026

Time
All day
Time

datesSet: nothing yet

eventClick: nothing yet