Can someone assist me in displaying a calendar on my webpage? I have encountered an issue where the calendar is not being displayed when I add ['ui.calendar'] to angular.module(). If I remove it, the code works fine. Please help!
Here are my two JavaScript files:
'use strict';
angular.module('sangamApp')
.config(['$stateProvider',function ($stateProvider) {
$stateProvider
.state('calendar', {
url: '/calendar',
template: '<calendar></calendar>'
});
}]);'use strict';
(function(){
class CalendarComponent {
constructor() {
this.eventSources = [];
this.uiConfig = {
calendar : {
editable : true,
header : {
left : 'prev,next,today',
centre : 'title',
right : 'month,agendaWeek,agendaDay'
}
}
}
}
}
angular.module('sangamApp',['ui.calendar'])
.component('calendar', {
templateUrl: 'app/calendar/calendar.html',
controller: CalendarComponent
});
})();