Plugins

The calendar can be extended with additional features through plugins. The library offers a range of plugins that can be downloaded separately. You can also write your own custom plugins.

Basic example

You can add plugins to the calendar, by adding them to the config object.


import { createCalendar, createViewMonthGrid } from '@schedule-x/calendar'
import { createDragAndDropPlugin } from '@sx-premium/drag-and-drop'
import '@schedule-x/theme-default/dist/index.css'
 
const calendar = createCalendar({
  views: [createViewMonthGrid()],
  events: [
    {
      id: 1,
      title: 'Coffee with John',
      start: '2023-12-04 10:05',
      end: '2023-12-04 10:35',
    },
  ],
  plugins: [
    createDragAndDropPlugin()
  ],
})
 
calendar.render(document.getElementById('calendar'))

Available plugins

Drag and drop Resize

Event modal Event recurrence

Scroll controller Calendar controls

Current time indicator Events Service

Custom plugins