Skip to main content

Calendar

Day, week, month, and agenda views for events — the familiar calendar UI.

  • Package: @bryntum/calendar (trial: @bryntum/calendar-trial)
  • CSS: calendar.css
  • Class: Calendar
  • Wrappers: @bryntum/calendar-react, @bryntum/calendar-angular, @bryntum/calendar-vue-3

Install (trial)​

npm install @bryntum/calendar@npm:@bryntum/calendar-trial@7.2.0

What agents should know​

  • Data is events (and optionally resources to colour/group them). Events use startDate/endDate.
  • allDay must be a boolean. If it comes from SQLite as 0/1, convert it in the load response — a classic source of mis-rendered all-day events.
  • exceptionDates must be [], never null for recurring events.
  • The visible views are set via the modes config (day/week/month/agenda/year). Look up the mode names with the MCP server.
Prompt for your agent
Add a Bryntum Calendar in Vue 3 (trial 7.2.0). Seed ~10 events this week including one all-day and one recurring (daily, with one exception date). Enable week and month modes. `svalbard-light`, fill the viewport. Make sure `allDay` is boolean and `exceptionDates` is an array. Confirm the events model with the Bryntum MCP server first.