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

UI Components for React
Post Reply
sigmarm
Posts: 2
Joined: 15 Apr 2019, 12:57

29 Apr 2019, 17:27

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?

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

25 Jun 2019, 11:22

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} />
    ...

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests