Using primeng p-fullcalendar in my angular application.
Encountering an error in the command-line: 'Cannot find namespace 'FullCalendarVDom'
Also seeing this error in the browser: 'Please import the top-level fullcalendar lib before attempting to import a plugin.'
This is the code I have:
import { FullCalendar } from 'primeng/fullcalendar';
import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import interactionPlugin from '@fullcalendar/interaction';
@ViewChild('calendar', { static: true }) private calendar: FullCalendar;
In the constructor:
this.events = [{
"title": "Conference",
"start": "2016-01-11",
"end": "2016-01-13"
}];
this.options = {
plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
defaultDate: '2017-02-01',
header: {
left: 'prev,next',
center: 'title',
right: 'month,agendaWeek,agendaDay'
}
I have followed suggestions from previous answers by adding these imports, but it hasn't resolved the issue.
What am I overlooking?