The official React Component for FullCalendar
Install the React connector, the core package, and any plugins (like daygrid):
sh
npm install @fullcalendar/react @fullcalendar/core @fullcalendar/daygrid
Render a FullCalendar
component, supplying options as props:
```jsx import FullCalendar from '@fullcalendar/react' import dayGridPlugin from '@fullcalendar/daygrid'
const events = [ { title: 'Meeting', start: new Date() } ]
export function DemoApp() { return (
// a custom render function
function renderEventContent(eventInfo) {
return (
<>
{eventInfo.timeText}
{eventInfo.event.title}
)
}
```
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 interactivelylint
clean