@coreui/vue-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 Vue 3, built for the Composition API.

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

<script setup lang="ts">
import { CScheduler } from '@coreui/vue-scheduler'
import '@coreui/scheduler/dist/css/scheduler.css'

const events = [
  { id: 'standup', title: 'Standup', start: '2026-09-07T09:00', end: '2026-09-07T09:15', rrule: 'FREQ=DAILY' }
]

const onEventChange = ({ action, event, revert }) => {
  // persist to your API; call revert() if it rejects
}
</script>

<template>
  <CScheduler
    view="week"
    time-zone="Europe/Warsaw"
    :events="events"
    @event-change="onEventChange"
  />
</template>

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

Documentation

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

License

Commercial — see LICENSE.