Skip to main content

Scheduler

Resource-vs-time scheduling — bookings, shifts, allocations laid out on a timeline.

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

Install (trial)​

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

What agents should know​

  • Core data is resources (rows) and events (bars on the timeline).
  • Prefer an assignments store over resourceId on events — it's the more flexible model and what Bryntum recommends. An event can be assigned to multiple resources via assignments.
  • Control the timeline density with viewPreset (e.g. hourAndDay, dayAndWeek). Look up the available presets with the MCP server.
  • Set startDate/endDate (Date objects) or the timeline shows nothing useful.
Prompt for your agent
Add a Bryntum Scheduler in React (trial 7.2.0). 5 resources, ~6 events across this week, `viewPreset: 'dayAndWeek'`. Use an assignments store rather than `resourceId`. `svalbard-light`, fill the viewport. Verify config with the Bryntum MCP server first.