title: Full Calendar multiple background events not rendering
body: <p>I am using background events as holidays in fullcalendar. I am fetching events from the database like this</p>
  
  <pre><code> events: [
          @foreach($events as $in)
              {
  
                  id: '{{$in["id"]}}',
                  title: '{{$in["name"]}}',
                  start: '{{$in["interventionTime"] or ''}}',
                  end: '{{$in["interventionTime"]}}', 
                  room: '{{$in["room"]}}',
                  repeat: '{{$in["repeat"]}}',
                  limit: '{{$in["limit"]}}',
                  detail: '{{$in["detail"]}}',
                  @if($in['holiday'] == 1)
                  rendering:  'background',
                  backgroundColor:  '#fb0b0b',
                  @endif
  
              },
          @endforeach
  </code></pre>
  
  <p>Everything is coming fine. I see only background events with this color <code>backgroundColor:  '#fb0b0b',</code> </p>
  
  <p>But problem starts when I try to detect background events like this</p>
  
  <pre><code>   dayClick: function(date, jsEvent, view) {
          if (jsEvent.target.classList.contains('fc-bgevent')) {
              alert('You cannot create intervention on a holiday');
              return false;
          }
     }
  </code></pre>
  
  <p>Only last background events get detected others do not. I am confused background color is applying to every background events but <code>rendering:  'background',</code> is applying only to the last event.
  Please help.</p>