The official React Component for FullCalendar
Installation
Install the React connector, the core package, and any plugins (like daygrid):
npm install @fullcalendar/react @fullcalendar/core @fullcalendar/daygrid
Usage
Render a FullCalendar component, supplying options as props:
import FullCalendar from '@fullcalendar/react' import dayGridPlugin from '@fullcalendar/daygrid' const events = [ { title: 'Meeting', start: new Date() } ] export function DemoApp() { return ( <div> <h1>Demo App</h1> <FullCalendar plugins={[dayGridPlugin]} initialView='dayGridMonth' weekends={false} events={events} eventContent={renderEventContent} /> </div> ) } // a custom render function function renderEventContent(eventInfo) { return ( <> <b>{eventInfo.timeText}</b> <i>{eventInfo.event.title}</i> </> ) }
Links
Development
You must install this repo with PNPM:
pnpm install
Available scripts (via pnpm run <script>):
build- build production-ready dist filesdev- build & watch development dist filestest- test headlesslytest:dev- test interactivelylintclean