title: Full calendar showing events on month but not week/day timegrid
body: <p>I'm trying to use full calendar. I am successfully rendering the events per day when using the month view. But when I switch to a week timegrid or a day timegrid, even though the events are showing the correct start time, the event is not rendered on the week or day time grid. </p>
  
  <p><a href="https://i.stack.imgur.com/SUoVY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SUoVY.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/urEHP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/urEHP.png" alt="enter image description here"></a></p>
  
  <p>Here is my php code where I'm creating an array: </p>
  
  <pre><code>$events = array();
  foreach ($todos as $event) {
              array_push($events, ['title' =&gt; $event-&gt;content, 'start' =&gt; $event-&gt;view_date.'T'.$event-&gt;appointment_time, 'backgroundColor' =&gt; $event-&gt;typeColor($event-&gt;type)]);
          }
  
  </code></pre>
  
  <p>and here is what the php returns when i console log <code>$events</code>:</p>
  
  <pre><code>Array(3)
  0:
  title: "Test of the voice integration system"
  start: "2020-02-21T07:15:00"
  backgroundColor: "#b1b3b1"
  allDay: false
  1:
  title: "Test"
  start: "2020-02-21T10:14:00"
  backgroundColor: "#b1b3b1"
  allDay: false
  
  </code></pre>
  
  <p>and here is my full calendar set up:</p>
  
  <pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.js" integrity="sha256-GBryZPfVv8G3K1Lu2QwcqQXAO4Szv4xlY4B/ftvyoMI=" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/daygrid/main.min.js" integrity="sha256-FT1eN+60LmWX0J8P25UuTjEEE0ZYvpC07nnU6oFKFuI=" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/interaction/main.min.js" integrity="sha256-MUHmW5oHmLLsvmMWBO8gVtKYrjVwUSFau6pRXu8dtnA=" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/timegrid/main.min.js" integrity="sha256-L9T+qE3Ms6Rsuxl+KwLST6a3R/2o6m33zB5mR2KyPjU=" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script&gt;
      var calendarEl = document.getElementById('calendar');
      var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: [ 'dayGrid',
                    'interaction',
                    'timeGrid'
                  ],
        header: {
                left: 'prev,next today',
                center: 'title',
                right: 'dayGridMonth, timeGridWeek, timeGridDay'
                },
        events: {!!json_encode($events)!!},
        height: "auto",
        eventClick: function(info){console.log(info)}
      });
      calendar.render();
  &lt;/script&gt;
  
  </code></pre>
  
  <p>So I'm creating an array, then sending it to my view and assigning the events parameter as the value of that array. If the calendar is rendering it correctly on the month view, what am I doing wrong so that it's not rendering on the week or day view?</p>