Third-party plugins

Calendar

FullCalendar is a versatile JavaScript component that offers a dynamic, customizable interface for displaying events in monthly, weekly, or daily views.

Getting started

Setup

Below are the comprehensively outlined steps you can follow to seamlessly integrate <a href="https://fullcalendar.io/" target="_blank" class="link link-primary font-semibold">FullCalendar JS </a> with Semji.

<script src="../path/to/fullcalendar/index.global.js"></script>

JavaScript

const calendarDefault = new FullCalendar.Calendar(document.getElementById('calendar-container'), {
  initialView: 'dayGridMonth',
  events: [
        // Your events here
  ]
});
calendarDefault.render();

Basic usage

Default example

The following example demonstrates the usage of a default full calendar, initialized with the JavaScript code provided below.

Custom example

The following example demonstrates the usage of a custom functional full calendar with event modal, initialized with the JavaScript code provided below.