@coreui/angular-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. A standalone <c-scheduler> component built on signals, with OnPush change detection.

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

import { Component } from '@angular/core'
import { SchedulerComponent } from '@coreui/angular-scheduler'

@Component({
  selector: 'app-planner',
  imports: [SchedulerComponent],
  template: `
    <c-scheduler
      view="week"
      timeZone="Europe/Warsaw"
      [events]="events"
      (eventChange)="onEventChange($event)"
    />
  `
})
export class PlannerComponent {
  events = [
    { id: 'standup', title: 'Standup', start: '2026-09-07T09:00', end: '2026-09-07T09:15', rrule: 'FREQ=DAILY' }
  ]
}

Add the stylesheet to your angular.json styles or import it in styles.scss. Localized label packs (de, es, fr, it, nl, pl, pt) are named exports of the package entry.

Documentation

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

License

Commercial — see LICENSE.