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
Birthday party
Conference Meeting
Happy Hour
Dance party

Navbar Color Options

Layout Options

Sidebar menu Background

Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder