title: Fullcalendar display issue loading events and selectability
body: <p>What I am trying to accomplish is to have use <a href="http://arshaw.com/fullcalendar/" rel="nofollow">Fullcalendar</a> to load in events from a Google calendar but only showing the days of that month and the days that do not have a scheduled event. These available days are then clicked on to bring up a contact form. </p>
  
  <p>Issues</p>
  
  <ol>
  <li><p>When changing months there is a flutter as events are loaded in from a Google calendar. Is there a way to load the events then show each month; or maybe there a way to avoid putting a mask (highlighted in blue) to cover up the day altogether and indicate that if there is an event, to make that day not visible?</p></li>
  <li><p>In addition to events and days from other months not being visible, is there a way to make them not click-able too? Notice how clicking outside of the blue box also brings up a modal.</p></li>
  </ol>
  
  <p>Here is what I have so far - <a href="http://jsfiddle.net/AzmJv/151/" rel="nofollow">http://jsfiddle.net/AzmJv/151/</a></p>
  
  <p>JS</p>
  
  <pre><code>$(document).ready(function () {
  
  var calendar = $('#calendar').fullCalendar({
      defaultView: 'month',
      events: 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic',
      eventClick: function (event) {
          return false;
      },
      editable: false,
      selectable: true,
      //header and other values
      select: function (date, allDay) {
          date = $.fullCalendar.formatDate(date, 'dddd dd MMMM yyyy');
  
          var mywhen = date;
  
          $('#createEventModal #apptAllDay').val(allDay);
          $('#createEventModal #when').text(mywhen);
          $('#createEventModal').modal('show');
      }
  });
  
  $('#submitButton').on('click', function (e) {
      // We don't want this to act as a link so cancel the link action
      e.preventDefault();
  
      doSubmit();
  });
  
  function doSubmit() {
      $("#createEventModal").modal('hide');
      console.log($('#apptStartTime').val());
      console.log($('#apptEndTime').val());
      console.log($('#apptAllDay').val());
      alert("form submitted");
  
      $("#calendar").fullCalendar('renderEvent', {
          title: $('#patientName').val(),
          start: new Date($('#apptStartTime').val()),
          end: new Date($('#apptEndTime').val()),
          allDay: ($('#apptAllDay').val() == "true"),
      },
      true);
  }
  });
  </code></pre>
  
  <p>Any help is greatly appreciated. Thank you.</p>