Calendar

This is the most basic example having navigation button to navigate next and previous months and today button. This basic example lists all the events on the calendar.

Default

This is the most basic example having navigation button to navigate next and previous months and today button. This basic example lists all the events on the calendar.

June 2025

SunMonTueWedThuFriSat
1234567
891011121314
15161718192021
22232425262728
293012345
6789101112

External Dragging

Add extended dragging functionality with droppable option. Data can be attached to the element in order to specify its duration when dropped. A Duration-ish value can be provided. This can either be done via jQuery or via an data-duration attribute. This option operates with jQuery UI draggables. You must download the appropriate jQuery UI files and initialize a draggable element. Additionally, you must set the calendar's droppable option to true.

Draggable Events

All Day Event
Long Event
Meeting
Birthday party
Lunch
Conference Meeting
Party
Happy Hour
Dance party
Dinner

March 2019