Resize

Resize events in the time grid by dragging their bottom edge, and fullday/multiple-day events by dragging their right edge.

Install

npm i @schedule-x/resize

Usage

import { createResizePlugin } from '@schedule-x/resize'
 
const calendar = createCalendar(
  { /* config */ },
  [createResizePlugin()]
)

Configuration

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

import { createResizePlugin } from '@schedule-x/resize'
 
const calendar = createCalendar(
  { /* config */ },
  [createResizePlugin(30)] // 30 minute intervals when resizing
)

Available values are 15 (default), 30 and 60

Drag and Drop Event Modal