Removing the “+1 more” default function from FullCalendar when the screen width is reduced to tab or mobile screen width
on the full calendar, there some functionality that will be activated. when the screen width is reduced to a certain width and if the content is overflowing, it will show the content in the form of “+1 more” for screen adjustment, if we want to show the content, we can turn off or on this feature, like shown below
<FullCalendar
plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
headerToolbar={{
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay',
}}
initialView='dayGridMonth'
editable={false}
selectable={false}
selectMirror={false}
dayMaxEvents={false}
events={[...state.staticEvents]}
eventContent={renderEventContent}
eventClick={handleEventClick}
eventsSet={handleEvents}
eventResizableFromStart={false}
eventDurationEditable={false}
eventStartEditable={false}
allDaySlot={true}
allDayText="Holidays"
/>
in the above code, we can deactivate this feature by Making “dayMaxEvents={false}”
This will turn off the Max Event from the calendar