Hola estoy usando FullCalendar

Con bootstrap 5 y Stimulus JS

 connect() {
 this.calendar = new Calendar(this.calendarTarget, {
 plugins: [ dayGridPlugin, timeGridPlugin, listPlugin, bootstrap5Plugin],
 themeSystem: 'bootstrap5',
 height: 650,
 width: 650,
 headerToolbar: {
 left: 'prev,next today',
 center: 'title',
 right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
 },
 navLinks: true, // can click day/week names to navigate views
 editable: true,
 initialDate: '2018-01-12',
 events: [
 {
 start: '2018-01-10T10:00:00',
 end: '2018-01-12T16:00:00',
 display: 'background'
 },
 ]
 });
 this.calendar.render();
}

Agregué calendario div a la forma modal Después de que mi modal se abrió, me enfrenté a esto:

imagen

Después de cambiar el tamaño, el calendario de mi navegador se veía bien.