Calendly NPM Package Installation Guide

Calendly is a simple npm package that allows you to create customizable calendars for your web projects. This guide will walk you through the process of installing and configuring Calendly for your website.

HTML

Required elements:

• wrapper with the css class calendy
• table with the css class calendy-cal

<div class="calendy" data-locale="en-EN">
  <button type="button" class="calendy-previous">Previous</button>
  <button type="button" class="calendy-today">Today</button>
  <button type="button" class="calendy-next">Next</button>
  <span class="calendy-day"></span>
  <span class="calendy-month"></span>
  <span class="calendy-year"></span>
  <table class="calendy-cal"></table>
  <span class="calendy-day"></span>
  <span class="calendy-month"></span>
  <span class="calendy-year"></span>
  <span class="calendy-date"></span>
</div>

JS

import * as calendy from './lib/js/calendy.component.js'

export default calendy ;