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

const cal = new CalHeatmap(); cal.paint({}); render(<div id="cal-heatmap"></div>);

const cal = new CalHeatmap();
cal.paint({});
render(<div id="cal-heatmap"></div>);

Result

Loading...

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.