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.

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

Navbar Color Options

Layout Options

Sidebar menu Background


Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder