angular-clndr

An angular directive for CLNDR.js. With this directive you can render the CLNDR-template Angular-style.

Brought to you by 10KB.

Demo

You can find a demo on the homepage.

Usage & configuration

For a complete documentation check the homepage.

Directive usage:

<tien-clndrtien-clndr-object="clndr" tien-clndr-events="events"><divclass="clndr-controls"><divclass="clndr-previous-button" ng-click="clndr.back()">
&lsaquo;
</div><divclass="month">
{{month}}
</div><divclass="clndr-next-button" ng-click="clndr.forward()">
&rsaquo;
</div></div><divclass="clndr-grid"><divclass="days-of-the-week"><divclass="header-day" ng-repeat="day in daysOfTheWeek track by $index">
{{day}}
</div></div><divclass="days"><divclass="{{day.classes}}" ng-repeat="day in days"><divclass="event-indicator" ng-show="day.events.length" ng-click="showEvents(day.events)">{{day.events.length}}</div>
{{day.day}}
</div></div></div></tien-clndr>

License

angular-clndr is released under the MIT license.