Solución:
Solo para agregar otra respuesta a esto. Estaba usando fullcalendar en una pestaña de arranque. Para renderizar el calendario, agregué:
$('a#id-of-tab').on('shown.bs.tab', function (e) {
$("#the-calendar-container").fullCalendar('render');
});
El problema es que el calendario se inicializa mientras que el modal no está visible. Si el modal estaba en un controlador, potencialmente podría usar $scope.$on('modal-shown', function() {}); para desencadenar de alguna manera calendar('render');.
No pude encontrar una forma de detectar la visibilidad. Intenté usar un $ watch en la directiva en elm.is(':visible'), pero solo pudo verificarlo 2 veces, cuando se cargó.
Su problema parece ser similar a ¿Cómo puedo enumerar dos botones de seguimiento de Linkedin en un menú desplegable de Bootstrap de Twitter?
Su modal está establecido por:
<a data-bs-modal="'search_modal.html'" href="https://foroayuda.es/#" class="ng-scope" data-target="#search_modal-003" data-toggle="modal">Search</a>
<div id="search_modal-003" class="modal hide fade ng-scope in" tabindex="-1" aria-hidden="false">
Extracción de la pantalla: ninguna (deje espacio) antes de que la inserción del calendario solucione su problema. Con el código de arriba se agrega #search_modal-003 {display:block; } a su css personalizado.