title: FullCalendar and visibleRange
body: <p>I need a calendar but for a fix month, i need the month of August ONLY and I'm trying to do that with the property <code>visibleRange</code> without success.<br>
  This is my code. Calendar works, but it keeps showing me the current month. </p>
  
  <pre><code>&lt;script src="{{asset('fullcalendar/packages/core/main.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('fullcalendar/packages/daygrid/main.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('fullcalendar/packages/timegrid/main.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('fullcalendar/packages/list/main.js')}}"&gt;&lt;/script&gt;
  &lt;script&gt;
          document.addEventListener('DOMContentLoaded', function () {
              var calendarEl = document.getElementById('calendar');
  
              var calendar = new FullCalendar.Calendar(calendarEl, {
                  plugins: ['dayGrid', 'timeGrid', 'list'],
                  defaultView: 'dayGridMonth',
                  visibleRange: {
                     start: '2020-08-01',
                     end: '2020-08-31'
                  },
                  locale: {
                      code: "es",
                      week: {
                          dow: 1,
                          doy: 4 
                      },
                      allDayHtml: "Todo&lt;br/&gt;el día",
                      eventLimitText: "más",
                      noEventsMessage: "No hay eventos para mostrar"
                  },
                  header: {
                      left: 'prev, next',
                      center: 'title',
                      right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth',
                  },
                  weekNumbers: false,
                  eventLimit: true, // allow "more" link when too many events
  
                  events: []
              });
              calendar.render();
          });
  
      &lt;/script&gt;
  </code></pre>