title: Unable to render the calendar properly for FullCalendar AngularJS Directive
body: <p>I am new to AngularJS and have to incorporate an Admin LTE full calendar feature in my webapp. I found an Angular directive for the Arshaw  FullCalendar JQuery plugin. The link to the directive is here: <a href="http://angular-ui.github.io/ui-calendar/" rel="nofollow">http://angular-ui.github.io/ui-calendar/</a></p>
  
  <p>Although I am able to display the calendar, I am not able to get the previous, today and next feature working for the calendar. This help to toggle between the months of the calendar. I know this feature is inside the uiConfig but I am not able to understand why this feature doesn't get rendered.</p>
  
  <p>Below is my code. I have included all the files necessary for the plugin but did not show in index.html.</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;div class="col-xs-12" resize&gt;
  &lt;h1&gt;Calendar Page&lt;/h1&gt;
  &lt;div class="calendar" ng-model="testevents" config="uiConfig.calendar" ui-calendar="{{uiConfig.calendar}}"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p><strong>calendarController.js</strong></p>
  
  <pre><code>app.controller("calendarController", ["$scope", "displayCalendar", "dialogs", "$filter", function ($scope, displayCalendar, dialogs, $filter) {
  
      $scope.$parent.pageTitle = "Displays Reporting Period Start and End Dates";
  
      /* config object */
      $scope.uiConfig = {
          calendar: {
              height: 450,
              editable: true,
              header: {
                  left: 'title',
                  center: '',
                  right: 'today prev,next'
              },
              eventClick: $scope.alertOnEventClick,
              eventDrop: $scope.alertOnDrop,
              eventResize: $scope.alertOnResize,
              eventRender: $scope.eventRender
          }
      };
  
  
      $scope.form = {};
  
      $scope.testevents = {
          events: [
              {
                  title: 'event1',
                  start: '2015-12-12'
              },
              {
                  title: 'event2',
                  start: '2015-12-11'
              }
              // etc...
          ],
          color: 'yellow',   // an option!
          textcolor: 'black' // an option!
      };
  
  }]);
  </code></pre>