angular-events-calendar
v1.0.1
Published
Calendar in the style of GitHub contributions
Downloads
5
Readme
angular-events-calendar
Calendar in the style of GitHub contributions
Installation
Available at npm and bower as angular-events-calendar
.
Example
eventList = [
{ day: '2015-01-07', count: 0 },
{ day: '2015-01-08', count: 0 },
{ day: '2015-01-09', count: 5 },
{ day: '2015-01-10', count: 0 },
...
{ day: '2016-01-08', count: 3 }
];
<events-calendar events="eventList" since="2015-01-07" upto="2016-01-08">
<div style="width: 100%; height: 100%" uib-tooltip="{{day.events}} events on {{day.date.toDateString()}}"></div>
</events-calendar>
Attributes
events
: An array of event objects, withcount:
properties andday:
properties. The days may be specified as anything that can be passed tonew Date(...)
.since
,upto
(optional): The start and end days of your calendar. Defaults to the last 1 year.intensities
(optional): The number of different intensities for CSS classes, excluding the 0 class (See events-calendar.css for an CSS example). Defaults to 4.selectable
(optional): Whether a single day can be selected. You can specify the property in which the selected day is stored by theselected
attribute. Defaults totrue
.