Search code examples
htmlcssfullcalendarfullcalendar-5

Fullcalendar v5.7.0, no dividing lines between days in week mode

I have Fullcalendar v5.7.0 but there's no dividing lines between days in the week mode. Also current day in the week isn't highlighted. enter image description here

The initialization code

 function showCalendar() {
        if ($('#calendar__teacher-events').length) {
            let calendarEl = document.getElementById('calendar__teacher-events');
            let calendar = new FullCalendar.Calendar(calendarEl, {
                headerToolbar: {
                    left: 'title',
                    center: 'prev,today,next',
                    right: 'dayGridMonth,timeGridWeek,timeGridDay'
                },
                initialDate: new Date(),
                locale: 'en',
                editable: false,
                contentHeight: 'auto',
                navLinks: true,
                dayMaxEventRows: 5,
                eventTimeFormat: {
                    hour: '2-digit',
                    minute: '2-digit',
                    meridiem: false
                },
                eventMaxStack: 3
            });
            calendar.render();
        }
    }

I was trying examples from other topics, but nothing worked for me. Thank you for any help.

Solution

  • There really were other css that does all that staff. I checked it and solved.