This component is heavily inspired by
The responsive alternative of this component is
it also offers a canvas implementations, see
See the dedicated guide on how to setup
legends for this component.
Start interacting with the chart to log actions
centerdefines how calendar should be aligned inside chart container.
Adjust pixel ratio, useful for HiDPI screens.
define spacing between each year row/column depending on the direction.
can be used to customize years label, returns 'YYYY' by default.
define offset from year edge to its label.
can be used to customize months label, returns abbreviated month name (english) by default. This can be used to use a different language
define offset from month edge to its label.
define spacing between each day cell.
onClick handler, it receives clicked day data and mouse event.