EventClick в Angular-UI-календарь не работает

<div class="container">
<div ui-calendar='$ctrl.uiConfig.calendar' ng-model="$ctrl.eventSources">
</div>
</div>

(function(){

class CalendarComponent {
  constructor() {

    this.eventSources = [];

    this.uiConfig = {
       calendar : {
              editable : true,
              header : {
                        left : 'prev,next,today',
                        center : 'title',
                        right : 'month,agendaWeek,agendaDay'
                       }
                  },

          eventClick: function(event,jsEvent,view){
                       console.log("holla");
                      }
                };

  

   this.eventSources = [

          {
           events: [
                  {title: "finger painting", start: "2016-07-28T18:00+05:30", location: "SAC middle earth", allDay:false},
                  {title: "hand painting", start: "2016-07-27T21:30+05:30",location: "CLT", allDay:false}
               ],

           color: "red" 
          },

       {
          events: [
                  {title: "lightmusic", start: "2016-07-29T18:00+05:30", location: "OAT", allDay:false},
                  {title: "Rock music", start: "2016-07-28T21:30+05:30",location: "SAC middle earth", allDay:false}

              ],

              color: "blue"
             }

   ];             
       
                
  } 

 } 

angular.module('sangamApp')
  .component('calendar', {
    templateUrl: 'app/calendar/calendar.html',
    controller: CalendarComponent
  });

})();