Skip to main content

Quick start

  1. Install the script
  2. Insert <div id="cal-heatmap"></div> where you want to render the calendar in your page
  3. Instantiate and paint the calendar with your desired options/plugins
http://localhost:3000
Live Editor
Result
19:0020:0021:0022:0023:0000:0001:0002:0003:0004:0005:0006:00
note

You can customize the calendar by passing an Options object and/or a Plugins list to paint().

tip

See the showcase section for more examples.