resourceTimelineMonth

[giuslo]

Can someone kindly post a working example with this view resourceTimelineMonth?

[shayanjl]

Yes. resourceTimelineMonth is just a preconfigured timeline view, so a working example is usually done either by using the built-in resourceTimelineMonth directly or by defining a custom view whose type is resourceTimeline and whose duration is one month. FullCalendar’s docs list timelineMonth among the preconfigured timeline views, and the custom-views docs show that you can create your own named view with type plus duration. ([FullCalendar]1)

A simple example would be:

import { Calendar } from '@fullcalendar/core'
import resourceTimelinePlugin from '@fullcalendar/resource-timeline'

const calendar = new Calendar(calendarEl, {
  plugins: [resourceTimelinePlugin],
  initialView: 'resourceTimelineMonth',
  resources: [
    { id: 'a', title: 'Room A' },
    { id: 'b', title: 'Room B' }
  ],
  events: [
    { id: '1', resourceId: 'a', title: 'Event 1', start: '2025-07-02', end: '2025-07-04' },
    { id: '2', resourceId: 'b', title: 'Event 2', start: '2025-07-05', end: '2025-07-06' }
  ]
})

calendar.render()

If they specifically want a named custom view, use:

views: {
  resourceTimelineMonthCustom: {
    type: 'resourceTimeline',
    duration: { months: 1 }
  }
}

and then set initialView: 'resourceTimelineMonthCustom'. That is the idiomatic way rather than building something from scratch. ([FullCalendar]2)