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.

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.