Não é possível exibir o calendário completo com Angular - javascript, angularjs, fullcalendar

Eu estou tentando adicionar ui-calendário no meu projeto, mas o calendário não é visível.

Eu estou instalando o ui-calendar com o bower e adicionei essas depedências:

    <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css" />
<script src="bower_components/moment/moment.js"></script>
<script src="bower_components/fullcalendar/dist/fullcalendar.js"></script>
<script src="bower_components/angular-ui-calendar/src/calendar.js"></script>

Eu sigo o exemplo no github e adicionei essa div na minha visualização html.

<div ui-calendar="uiConfig.calendar" ng-model="eventSources">

No meu controlador, eu adiciono a configuração inicial:

    $scope.uiConfig = {
calendar:{
height: 450,
editable: true,
header:{
left: "month basicWeek basicDay agendaWeek agendaDay",
center: "title",
right: "today prev,next"
},
dayClick: $scope.alertEventOnClick,
eventDrop: $scope.alertOnDrop,
eventResize: $scope.alertOnResize
}
};

Eu não tenho nenhum erro no console, mas o calendário não é exibido. O que eu perdi no meu código?

Respostas:

Substitua seu HTML por

<div class="calendar" ng-model="eventSources"
config="campaignsCalendarConfig" ui-calendar="campaignsCalendarConfig"></div>

. Você está perdendo classe e configuração do calendário.