# 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](https://stackblitz.com/edit/stackblitz-starters-byg8bm?file=app%2Fpage.tsx)

[VueJS: Stackblitz Example](https://stackblitz.com/edit/vitejs-vite-sparsq?file=src%2FApp.vue)

## Install

```command
npm install --save wts-calendar-v2
```

## Next import calendar component

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

## Html

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

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

## Script

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