edit doc

editable

Determines whether the events on the calendar can be modified.

Boolean, default: false

This determines if the events can be dragged and resized. Enables/disables both at the same time. If you don’t want both, use the more specific eventStartEditable and eventDurationEditable instead.

This option can be overridden on a per-event basis with the Event Object editable property. However, Background Events can not be dragged or resized.

Required Plugin

This functionality requires the interaction plugin. If you are using an ES6 build system, you can do something like this:

import { Calendar } from '@fullcalendar/core';
import interactionPlugin from '@fullcalendar/interaction';
...
let calendar = new Calendar(calendarEl, {
  plugins: [ interactionPlugin ],
  editable: true
})
...

Alternatively, if you are using script tags and browser globals, you can do something like this:

<script src='fullcalendar/core/main.js'></script>
<script src='fullcalendar/core/interaction/main.js'></script>
<script>
...
var calendar = new FullCalendar.Calendar(calendarEl, {
  plugins: [ 'interaction' ],
  editable: true
})
...
</script>

View a demo with a calendar’s events being editable.