Page 1 of 1

Sigma theme error: "No available FullCalendar view plugins."

Posted: 29 Apr 2019, 17:27
by sigmarm
Hi!

I am trying to evaluate Primereact on my project using the free Sigma theme. Before I proceed with anything paid or commercial, it's necessary for us to evaluate the learning curve and technological fit of the framework.

The best way to do it is by just simply trying out the free template on our PoC and see how it works. We got almost everything working as described in the project but the Sigma template does seem to have some issues
with npm dependencies. We managed to overcome a lot of dependency errors by just installing them all one by one.

One of them that does not seem to go away is this:
"No available FullCalendar view plugins." is displayed in the error console of my Chrome. I commented out FullCalendar related code from the Dashboard.js, then it started to work. But we also need calendar functionality, so we still need to fix that issue. Can you tell us what can be wrong or missing?

Re: Sigma theme error: "No available FullCalendar view plugins."

Posted: 25 Jun 2019, 11:22
by aragorn
Hi,

Please use plugins option with new fullCalendar API. Please see doc;
https://fullcalendar.io/docs/upgrading-from-v3

Exp;

Code: Select all

import {FullCalendar} from 'primereact/fullcalendar';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import interactionPlugin from '@fullcalendar/interaction';

...
constructor() {
        this.state = {
            ...
            options: {
                plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
                defaultView: 'dayGridMonth',
                defaultDate: '2017-02-01',
                header: {
                    left: 'prev,next',
                    center: 'title',
                    right: 'dayGridMonth,timeGridWeek,timeGridDay'
                },
                editable: true
            }
        };
    }
    
    <FullCalendar  events={this.state.events} options={this.state.options} />
    ...