An angular directive for CLNDR.js
Branch: master
Clone or download


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

Brought to you by 10KB.


You can find a demo on the homepage.

Usage & configuration

For a complete documentation check the homepage.

Directive usage:

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


angular-clndr is released under the MIT license.