NEXTJS Full calender

if anyone has any idea to implement full calender please share using nextjs. i tried using this demo But it shows an error like this enter image description here

Here is the code snipnet

import React from 'react' import FullCalendar from '@fullcalendar/react' // must go before plugins import dayGridPlugin from '@fullcalendar/daygrid' // a plugin! export default class Calender extends React.Component { render() { return ( <FullCalendar plugins={[ dayGridPlugin ]} initialView="dayGridMonth" /> ) } } 
1

1 Answer

import FullCalendar from '@fullcalendar/react'; import dayGridPlugin from '@fullcalendar/daygrid'; import timeGridPlugin from '@fullcalendar/timegrid'; import interactionPlugin from '@fullcalendar/interaction'; const FullCalender = () =>{ return ( <FullCalendar plugins={[ dayGridPlugin, timeGridPlugin, interactionPlugin ]} headerToolbar={{ left: 'prev,next today', center: 'title', right: 'dayGridMonth,timeGridWeek,timeGridDay', }} /> ) } export default FullCalender 

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password

Post as a guest

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

You Might Also Like