Angular События FullCalendar не отображаются правильно

Question

Я пытаюсь реализовать FullCalendar в своем приложении Angular, и все работало до того, как я добавил некоторые события в timeGrid. Проблема в том, что события отображаются под всей сеткой, что недопустимо. Я искал решения, но ничего не нашел. Изменение версий Angular или FullCalendar не помогло.

Я обнаружил ту же проблему в некоторых приложениях на stackblitz, но все равно не смог ее решить.

https://stackblitz.com/edit/fullcalendar-angular-demo?file=src%2Fapp%2Fapp.component.ts

Проблема заключается только в том, что для событий указано время начала, а для календаря установлено значение timeGrid. Я буду признателен за любую помощь.

Answer 1

Мне удалось найти решение. Проблема заключалась в том, что css файлы не были импортированы по умолчанию - я читал об этом в документации, но импорт в html не работал. Теперь я попытался импортировать это прямо в css файл, и это сработало!

@import '~@fullcalendar/core/main.css';
@import '~@fullcalendar/daygrid/main.css';
@import '~@fullcalendar/timegrid/main.css';

Надеюсь, это кому-нибудь поможет.