fix: start watchers after templates have been loaded

src/directives/mwlCalendar.js

@@ -87,28 +87,29 @@ angular
       }
     }
 
-    var eventsWatched = false;
-
-    //Refresh the calendar when any of these variables change.
-    $scope.$watchGroup([
-      'vm.viewDate',
-      'vm.view',
-      'vm.cellIsOpen',
-      function() {
-        return moment.locale() + $locale.id; //Auto update the calendar when the locale changes
-      }
-    ], function() {
-      if (!eventsWatched) {
-        eventsWatched = true;
-        //need to deep watch events hence why it isn't included in the watch group
-        $scope.$watch('vm.events', refreshCalendar, true); //this will call refreshCalendar when the watcher starts (i.e. now)
-      } else {
-        refreshCalendar();
-      }
-    });
-
     calendarHelper.loadTemplates().then(function() {
       vm.templatesLoaded = true;
+
+      var eventsWatched = false;
+
+      //Refresh the calendar when any of these variables change.
+      $scope.$watchGroup([
+        'vm.viewDate',
+        'vm.view',
+        'vm.cellIsOpen',
+        function() {
+          return moment.locale() + $locale.id; //Auto update the calendar when the locale changes
+        }
+      ], function() {
+        if (!eventsWatched) {
+          eventsWatched = true;
+          //need to deep watch events hence why it isn't included in the watch group
+          $scope.$watch('vm.events', refreshCalendar, true); //this will call refreshCalendar when the watcher starts (i.e. now)
+        } else {
+          refreshCalendar();
+        }
+      });
+
     }).catch(function(err) {
       $log.error('Could not load all calendar templates', err);
     });