Week and day views are visibly broken when using webpack

I am using webpack including library like

import '@fullcalendar/core/main.css'
import '@fullcalendar/daygrid/main.css'
import '@fullcalendar/daygrid/main.css'

import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import interactionPlugin from '@fullcalendar/interaction';

let calendarEl = document.createElement('div')
calendarEl.id = 'calendar'

new Calendar(calendarEl, {
            plugins: [interactionPlugin, dayGridPlugin, timeGridPlugin ],
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'dayGridMonth,timeGridWeek,timeGridDay'
              },
              defaultDate: '2019-02-12',
              navLinks: true, // can click day/week names to navigate views
              selectable: true,
              selectMirror: true,
              select: function(arg) {
                var title = prompt('Event Title:');
                if (title) {
                  calendar.addEvent({
                    title: title,
                    start: arg.start,
                    end: arg.end,
                    allDay: arg.allDay
                  })
                }
                calendar.unselect()
              },
              editable: true,
              eventLimit: true, // allow "more" link when too many events
              events: [
                {
                  title: 'All Day Event',
                  start: '2019-02-01'
                },
                {
                  title: 'Long Event',
                  start: '2019-02-07',
                  end: '2019-02-10'
                },
                {
                  groupId: 999,
                  title: 'Repeating Event',
                  start: '2019-02-09T16:00:00'
                },
                {
                  groupId: 999,
                  title: 'Repeating Event',
                  start: '2019-02-16T16:00:00'
                },
                {
                  title: 'Conference',
                  start: '2019-02-11',
                  end: '2019-02-13'
                },
                {
                  title: 'Meeting',
                  start: '2019-02-12T10:30:00',
                  end: '2019-02-12T12:30:00'
                },
                {
                  title: 'Lunch',
                  start: '2019-02-12T12:00:00'
                },
                {
                  title: 'Meeting',
                  start: '2019-02-12T14:30:00'
                },
                {
                  title: 'Happy Hour',
                  start: '2019-02-12T17:30:00'
                },
                {
                  title: 'Dinner',
                  start: '2019-02-12T20:00:00'
                },
                {
                  title: 'Birthday Party',
                  start: '2019-02-13T07:00:00'
                },
                {
                  title: 'Click for Google',
                  url: 'http://google.com/',
                  start: '2019-02-28'
                }
              ]
        });

        this.calendar.render()

[arshaw]

could it be that you’re including @fullcalendar/daygrid/main.css twice when you should be including @fullcalendar/timegrid/main.css as well?

[tnusraddinov]

Yes, you are right. That solves the problem. Thanks.