fullcalendar_react_daygrid_month_view_quickstart.ts

1import React from 'react'
2import FullCalendar from '@fullcalendar/react'
3import dayGridPlugin from '@fullcalendar/daygrid' // a plugin!
4import { EventInput } from '@fullcalendar/core'
5
6interface DemoAppProps {}
7
8const events: EventInput[] = [
9  { title: 'event 1', date: '2023-04-01' },
10  { title: 'event 2', date: '2023-04-02' }
11]
12
13export default function FullCalendarApp({}: DemoAppProps) {
14  return (
15    <FullCalendar
16      plugins={[ dayGridPlugin ]}
17      initialView="dayGridMonth"
18      weekends={false}
19      events={events}
20    />
21  )
22}