Fullcalendar meteor events not rendering properly

I've been working on a project for some time now with meteor and fullcalendar. I've managed to display the events on the calendar, but they dont show as soon as I add them to my collection, not even after I refresh the page, they only show if I click to change the date from the calendar, this is the image show the calendar with no events, but in the console we can see the array of events calendar

and this is after I click the "next" button and "back" on the top left.

calendar2

Can anybody help me?? below is my code... thanks

Template.home.rendered = function(){

    calendar = $('#calendar').fullCalendar({

      events: function(start, end, timezone, callback){

        var events = [];

        calEvents = Times.find();
        calEvents.forEach(function(evt) {
          events.push({
            id: evt._id,
            title: evt.title,
            start: evt.start,
            end: evt.end
          });
        });
        callback(events);
    },

      editable:false,
      duration: '00:30',
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    }).data().fullCalendar;
    };