External events (Angular version) - timeGridPlugin

I followed the demo with external events mentioned in https://github.com/fullcalendar/fullcalendar-angular/issues/192 and it works fine. But I wanted to add other views to calendar - especially I wanted to use timeGridPlugin (to have “Week” and “Day” view). I added required import to app-components.ts import timeGridPlugin from '@fullcalendar/timegrid';

I extended options like below:

    this.options = {
      (...)
      header: {
        left: 'prev,next today myCustomButton',
        center: 'title',
        right: 'dayGridMonth,**timeGridWeek,timeGridDay**'
      },
     (...)
      plugins: [dayGridPlugin, interactionPlugin, **timeGridPlugin**]
    };

The result is that I see additional buttons on Calendar - but dragging external events stopped working…

[mstopczyk]

I think this is something else. I run the same code on my stand-alone application (locally, without stackblitz) and I have the same situation…

[acerix]

Sorry for the delay in responding to your issue, I have just begun triaging on this repo.

I believe the issue is that daygrid/main.css is not getting included. I wasn’t able to get it working in your demo but get the same result if I remove that CSS from the drag and drop demo:

https://codepen.io/acerix/pen/JjGvJoy?editors=001