Clean ES6 Calendar Componnet – Rolyart Calendar

Category: Date & Time , Javascript | April 13, 2021
Author: rolyart
Views Total: 53 views
Official Page: Go to website
Last Update: April 13, 2021
License: MIT


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);



  • Update rolyart-calendar.js


  • JS & CSS update

You Might Be Interested In:

Leave a Reply