Events not showing on full calendar

Question

the calendar shows the resources

Here is the code that generates the calendar

            var calendarEl = document.getElementById('icalendar');
            var calendar = new FullCalendar.Calendar(calendarEl, {
                timeZone: 'UTC',
                headerToolbar: {
                    left: 'today prev,next',
                    center: 'title',
                    right: 'resourceTimelineDay resourceTimeline2Day resourceTimeline3Day'
                },
                footerToolbar: {
                    left: 'today prev,next resourceTimelineDay resourceTimeline2Day resourceTimeline3Day',
                    center: '',
                    right: ''
                },
                initialView: 'resourceTimelineDay',
                resourceAreaWidth: '15%',
                slotMinTime: '08:00',
                slotMaxTime: '21:00',
                slotDuration: '00:20:00',
                resourceAreaHeaderContent: 'Inspection Calendar',
                resources: resources,
                events: events,
                resourceLabelDidMount: function (arg) {
                    arg.el.style.background = arg.resource.extendedProps.color;
                },
            })
            calendar.render();

        });

I see the json in the console, first array is the resource that shows and the second array is the events

Does anyone know why this would be invalid and not show the event?

I am super confused

Answer 1

Issue was the date didn't match what i was looking for