title: How to block out dates in the Fullcalendar beyond a certain date
body: <p>I have a date in the future which is always 30 days ahead of the current date. It's stored in a Date object. I worked this out using:</p>
  
  <pre><code>var currentDate = new Date();
  var futureBlockDate = new Date();
  futureBlockDate.setDate(currentDate.getDate() + 30);
  </code></pre>
  
  <p>Using the <a href="http://arshaw.com/fullcalendar/">FullCalendar jQuery plugin</a> I want to visually block out any days past this date on the calendar with a different background colour so a user knows they can't click on them or create an event on those days.</p>
  
  <p>What is the best way to do this with the FullCalendar? Maybe disable all dates by default, and only enable for a specific range (from today's date through to 30 days in the future)?</p>
  
  <p>I think I can apply a disabled background state to all the cells using the following code:</p>
  
  <pre><code>$(".fc-widget-content").addClass("disabled");
  
  .disabled .fc-day-content {
      background-color: #123959;
      color: #FFFFFF;
      cursor: default;
  }
  </code></pre>
  
  <p>How can it be done?</p>