p-fullCalendar внутри p-диалога не показывает события при изменении размера браузера

Question

У меня есть p-fullCalendar внутри p-диалога. Когда я открываю диалог, полный календарь показывает события, даже если я закрываю диалог и открываю снова. Но если я закрою диалоговое окно, а затем изменим размер окна браузера и открою диалоговое окно, полный календарь будет пустым. Вот код:

<p-dialog header="title" [(visible)]="showCalendar" (onHide)="closeDialog()" [style]="{width: '50vw'}">

                        <p-fullCalendar [events]="events" [options]="options">

                        </p-fullCalendar>
                        <p-footer>
                            <button class="btn btn-default" (click)="closeDialog()">Close</button>
                        </p-footer>
                    </p-dialog> 
this.events = [
            {
                title: 'Pepe',
                start: '2020-04-01',
            },
            {
                title: 'Juan',
                start: '2020-04-07',
                end: '2020-04-10',
            },
            {
                title: 'Jose',
                start: '2020-04-07',
                end: '2020-04-10',
            },
            {
                title: 'Luis',
                start: '2020-04-09T16:00:00',
            },
            {
                title: 'Repeating Event',
                start: '2020-04-16T16:00:00',
            },
            {
                title: 'Conference',
                start: '2020-04-11',
                end: '2020-04-13',
            },
        ]
        this.options = {
            plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
            defaultDate: new Date(),
            header: {
                left: 'prev,next',
                center: 'title',
                right: '',
            },
            editable: false,
        }