Drag and Drop

Update event time and date using a classical drag and drop. Available in all views except the month agenda view.

Install

npm i @schedule-x/drag-and-drop

Usage

import { createDragAndDropPlugin } from '@schedule-x/drag-and-drop'
 
const calendar = createCalendar({
  // ...other configuration
  plugins: [createDragAndDropPlugin()],
})

Configuration

You can configure the length, in minutes, of the intervals that are used when dragging:

import { createDragAndDropPlugin } from '@schedule-x/drag-and-drop'
 
const calendar = createCalendar({
  // ...other configuration
  plugins: [createDragAndDropPlugin(30)], // drag 30 minute intervals
})

Available values are 15 (default), 30 and 60

Overview Resize