@coreui/react-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 native <CScheduler> component for React 18 and 19.

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 { CScheduler } from '@coreui/react-scheduler'
import '@coreui/scheduler/dist/css/scheduler.css'

export function Planner({ events }) {
  return (
    <CScheduler
      view="week"
      timeZone="Europe/Warsaw"
      events={events}
      onEventChange={({ action, event, revert }) => {
        // persist to your API; call revert() if it rejects
      }}
    />
  )
}

In Next.js mark the file with 'use client' — the scheduler is an interactive client component.

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

Documentation

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

License

Commercial — see LICENSE.