Multi-Month View

Originally reported on Google Code with ID 199

Please provide any additional information below.

I'm using the calendar to schedule videos for publishing online. I usually have 
content for up to two to three months. 

How can I display three months at the same time so I can drag videos from 
one month to the next if neccesary?

Reported by garifuna on 2009-11-20 07:48:14

Imported with 47 stars.

[REPH26]

Any new way to do that with V4? Using multiple calendar is problematic with selection trought months…

[webrafaelso]

Here’s my example code for React JS dayGridMonth Multi-month using Fullcalendar v5.

React JS Multi-month view

Library Version
"@fullcalendar/daygrid": "^5.3.2",
"@fullcalendar/interaction": "^5.3.1",
"@fullcalendar/react": "^5.3.1",

// calendarAPI= React.createRef();  to fetch calendar API

import FullCalendar from '@fullcalendar/react'; 
import dayGridPlugin from '@fullcalendar/daygrid';

           <FullCalendar
		 plugins={[ dayGridPlugin ]}
	               initialView="dayGridMonth" // dayGridMonth requires dayGridPlugin
                        ref={calendarAPI}  // Optional for dynamic custom date
			views ={{	
				dayGrid: {
					type: 'dayGrid',  // Applicable for: dayGrid and dayGridMonth
					duration: { months: 2}, // Ex: Current month + (current)next month
		        	}
			}}
			fixedWeekCount={false}
                   />

I’m sorry, my English is not very good.