Set Theme Color
Icon Border Stroke
Layout Section Light/Dark
More App Settings

Calendar

The Most Popular JavaScript Calendar. For more info, please visit the official website . 

<div id="my_calendar"></div>

<script src="../assets/bundles/fullcalendar.bundle.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
     var calendarEl = document.getElementById('my_calendar');
     var calendar = new FullCalendar.Calendar(calendarEl, {
          timeZone: 'UTC',
          initialView: 'dayGridMonth',
          events: 'https://fullcalendar.io/demo-events.json',
          editable: true,
          selectable: true
     });
     calendar.render();
});
</script>