@coreui/scheduler

Resource and time scheduler for CoreUI — day, week, month, agenda, resource, and timeline views with drag & drop, RFC 5545 recurrence, DST-safe time handling via the Temporal API, business hours, and remote data. Vanilla JavaScript, no framework required — and the visual and behavioral source of truth for every framework edition.

Load scheduler.css from @coreui/scheduler. It resolves its colors through CoreUI semantic CSS variables when @coreui/coreui or @coreui/coreui-pro is on the page, and falls back to built-in defaults when it is not — light and dark mode follow the data-coreui-theme attribute either way.

Usage

<div id="scheduler"></div>

import { Scheduler } from '@coreui/scheduler'
import '@coreui/scheduler/dist/css/scheduler.css'

const element = document.getElementById('scheduler')

new Scheduler(element, {
  view: 'week',
  timeZone: 'Europe/Warsaw',
  events: [
    { id: 'standup', title: 'Standup', start: '2026-09-07T09:00', end: '2026-09-07T09:15', rrule: 'FREQ=DAILY' }
  ]
})

element.addEventListener('eventChange.coreui.scheduler', event => {
  // persist to your API; call event.revert() if it rejects
})

Or with the UMD bundle: new coreui.Scheduler(element, options).

Localized label packs ship from the @coreui/scheduler/locales subpath (de, es, fr, it, nl, pl, pt).

Documentation

https://coreui.io/scheduler/docs/

License

Commercial — see LICENSE.