Clean ES6 Calendar Componnet – Rolyart Calendar

A vanilla JavaScript (ES6) library to render a basic, clean, inline, multi-language calendar component on the web app.

How to use it:

Import the Rolyart Calendar’s JavaScript and Stylesheet into the document.

<link href="style.css" rel="stylesheet" />
<script src="rolyart-calendar.js"></script>

Create a container to hold the calendar.

<div id="calendar"></div>

Initialize the calendar, specify the target container and define the week/month names as follows:

let calendarConfig = {
    container: 'calendar',
    months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
    weekDays: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
}
const calendar = new RolyartCalendar(calendarConfig);

Changelog:

04/13/2021

• Update rolyart-calendar.js

01/25/2020

• JS & CSS update