Managing events with Schedule

Schedule is a full-sized drag-and-drop event calendar based on a FullCalendar jQuery plugin. The events of Schedule should be formed as an array and defined using the events property. The Schedule component depends on the FullCalendar library, so it requires the following resources in your page as listed:

• The Schedule component is embedded in a web page using a style sheet and JavaScript files. So, we need to include the FullCalendar library's style sheet (.css) and JavaScript (.js) files in the HTML page's head section.
• Add jQuery and Moment.js libraries as mandatory libraries for a full calendar. These two libraries must be loaded before loading the FullCalendar library's JavaScript file.

Hence, we included FullCalendar and other dependent resources in a root index.html file as follows:

<!-- Schedule CSS resources-->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/
fullcalendar.min.css">
<!...