Docs
Calendar
Plugins
Drag and Drop

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 */ },
  [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 */ },
  [createDragAndDropPlugin(30)] // drag with 30 minutes intervals
)

Available values are 15 (default), 30 and 60

Last updated on

We use cookies for marketing purposes. By clicking "Accept", you consent to the use of all cookies. If you decline, we will only use functional cookies. You can read more about our cookie policy here.