Javscript Calender

A lightweight, framework-agnostic JavaScript calendar package, designed to integrate seamlessly with Angular, React, Vue, and other modern frameworks. Provides essential calendar functionality with customizable options, optimized for responsive layouts and easy event management.

Example

NextJS: Stackblitz Example

VueJS: Stackblitz Example

Install

npm install --save wts-calendar-v2

Next import calendar component

import { WtsCalendar } from 'wts-calendar-v2';

Html

You can implement full-support custom template as per your requirement

<div id="calender"></div>

Script

const element = document.getElementById('calender');
if (element) {
    const calender = new WtsCalendar({ container: element });
    calender.on('day-click', (e) => {
    console.log(e);
    });
}