title: Can't go to a specific date on Full Calendar
body: <p>I use the Full Calendar of <code>primereact</code>, but I need to select a specific year and month. I have separate date picker for this purpose. But when I try to change date with <code>gotoDate</code> method of Full Calendar, </p>
  
  <p>there is an error </p>
  
  <blockquote>
    <p>'Uncaught TypeError: Cannot read property 'onViewDateChange' of null'</p>
  </blockquote>
  
  <pre><code>//method on datepicker change
    handleChange(date) {
      console.log(date);
      this.setState({
        startDate: date.value,
      });
        const calendarEl = document.getElementById('fullCalendar');
        const calendar = new Calendar(calendarEl);
        calendar.gotoDate(date.value);
        // calendar.gotoDate(this.state.startDate);
      }
    }
  </code></pre>
  
  <pre><code>//datepicker
  &lt;Calendar view="month" dateFormat="mm/yy" value={startDate} onChange={this.handleChange} yearNavigator yearRange="2015:2030"/&gt;
  //calendar
   &lt;FullCalendar
                            id="fullCalendar"
                            firstDay={1}
                            defaultView={`${CalendarRepo()
                              .isCalendarModelMonth(model) === 'month' ? 'dayGridMonth' : 'timeGridWeek'}`}
                            header={{
                              left: 'prev,next today, custom',
                              center: 'title',
                              right: 'dayGridMonth,timeGridWeek',
                            }}
                            customButtons={{
                              custom: {
                                text: 'custom 1',
                                click() {
                                  calendar.gotoDate();
                                  alert('clicked custom button 1!');
                                },
                              },
                            }}
                            nowIndicator
                            displayEventEnd={{
                              month: false,
                              basicWeek: true,
                              default: false,
                            }}
                            businessHours
                            timeZone="Europe/Kiev"
                            selectable
                            rerenderDelay={10}
                            eventDurationEditable
                            editable
                            droppable
                            eventDrop={(info) =&gt; {
                              this.handleDragEvent(info.event.id, info.event.title, info.event.start, info.event.end, info.event.allDay);
                            }}
                            plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin, bootstrapPlugin, momentTimezonePlugin]}
                            themeSystem="bootstrap"
                            events={model.events}
                            eventReceive={this.eventReceive}
                            eventClick={this.handleEventClick}
                            dateClick={this.handleDateClick}
                            eventLimit
                          /&gt;
  </code></pre>