title: Full Calendar v5: Filter Out "Busy" Events on Google Calendar
body: <p>I'm using FullCalendar v5 to display events from 3 Google Calendars and that's working great. For one of the calendars, I want to filter out the events that are marked as Busy on the Google Calendar. Based on what I've read, there is a transparency property that is populated but it's not available in extendedProps. I only see description and location. Is what I'm trying to do not possible? Or is there another way to do it?</p>
  <p>Here's a screenshot of the event from the Google Calendar:
  <a href="https://i.stack.imgur.com/LAPH0.png" rel="nofollow noreferrer">Event in Google Calendar</a></p>
  <p>And here's what I see when I do a console log of the event from FullCalendar:
  <a href="https://i.stack.imgur.com/7VXBy.png" rel="nofollow noreferrer">Console Log</a></p>
  <p>Here's the code. I'm trying to figure out where the free/busy data is so I can populate var available.</p>
  <pre><code>    function getEventDetails(event) {
          try {
              console.log(event);
              
              var url = event.url;
              var descr = event.extendedProps.description;
              var loc = event.extendedProps.location;
              //var available = ??????
              
              //var details = &quot;URL: &quot; + url + &quot; Description: &quot; + descr + &quot; Location: &quot; + loc + &quot; Free/Busy: &quot; + available;
              var details = &quot;URL: &quot; + url + &quot; Description: &quot; + descr + &quot;Location: &quot; + loc;
              
              return details;
          }catch(err) {
              console.log(&quot;Error: &quot; + err);
              return false;
          }
      }
      
      document.addEventListener('DOMContentLoaded', function() {
          var Fcalendar = document.getElementById('full_calendar');
          
          var calendar = new FullCalendar.Calendar(Fcalendar, {
              initialView: 'dayGridMonth',
              eventDisplay: 'block',
              
              // Everything that follows is the same as V3
              googleCalendarApiKey: getGoogleAPIKey(),
              eventTextColor: '#FFFFFF',
              headerToolbar: {
                  left: 'prevYear prev',
                  center: 'title today',
                  right: 'next nextYear'
              },
              
              eventClick: function(info) {
                  var details = getEventDetails(info.event);
                  
                  //prevents browser to visit the event’s url (in the same window/tab)
                  info.jsEvent.preventDefault(); 
                  
                  //JQuery dialog
                  $('#dialog').dialog(
                      {
                          autoOpen: false,
                          dialogClass: 'eventDialog',
                          modal: true,
                          closeOnEscape: true,
                          draggable: false,
                          title: info.event.title,
                          width: getDialogWidth(),
                          classes : {
                              &quot;ui-dialog-titlebar&quot;: &quot;ui-corner-all &quot; + getEventClass(info.event)
                          }
                      }
                  );
                  
                  $('#dialogContent').html(details);
                  $('#dialog').dialog('open');
                  return false;
              },
              eventSources: [
                  {
                      id: getFestivalCalendar().id,
                      googleCalendarId: getFestivalCalendar().googleid,
                      editable: false,
                      color: getFestivalCalendar().color
                  }, {
                      id: getExhibitCalendar().id,
                      googleCalendarId: getExhibitCalendar().googleid,
                      editable: false,
                      color: getExhibitCalendar().color
                  }, {
                      id: getStudioCalendar().id,
                      googleCalendarId: getStudioCalendar().googleid,
                      editable: false,
                      color: getStudioCalendar().color
                  }
              ]
          });
          
          calendar.render();
          
      });
  </code></pre>