Some events not shown in month view- fullcalendar

I’m using fullcalendar to draw events in month view. Events are sorted based on ‘eventType’.
day max events is set to ‘3’.
the problem is some days in April are not showing any events (or less than the dayMaxEvents), and shows +5 more.
I tried to figure out why this is happening, and I think it’s because these five events start in a previous day and this day drew ‘3’ events only (based on sorting), leaving these extending till a certain day hidden.

calendar = new FullCalendar.Calendar(calendarEl, {
    plugins: [CustomViewPlugin],
    locale: 'en',
    contentHeight: 1000,
    views: {
        year: {
            type: 'year',
            dayMaxEventRows: 3,
            duration: { years: 1 },
            titleFormat: { year: 'numeric', month: 'long', day: '2-digit' }
        },

        week: {
            contentHeight: 650,
            dayMaxEvents: 10,
            dayHeaderFormat: { weekday: 'long' }
        },

        dayGridMonth: {
            contentHeight: 1270,
            dayMaxEvents: 3,
            dayHeaderFormat: { weekday: 'long' }
        },


    },

    initialView: 'year',
    timeZone: 'UTC',
    eventClick: function (info) {

        let event = info.event;
        showEventDetails(event.id);
        

    },
   
    events: function (info, callback, errorcallback) {
        //event source here
    },

    eventOrder: "eventType,-duration",
    eventOrderStrict: true,
    eventContent: function (info) {
        //event content here
    },

    fixedWeekCount: false,
    showNonCurrentDates: true

})

I want a way to always draw events up to dayMaxEvents even the day isn’t the start day.
events not shown example