@fullcalendar/timeline

FullCalendar Timeline Plugin

Display events on a horizontal time axis (without resources)

Installation

Install the necessary packages:

npm install @fullcalendar/core @fullcalendar/timeline

Usage

Instantiate a Calendar with the necessary plugin:

import { Calendar } from '@fullcalendar/core'
import timelinePlugin from '@fullcalendar/timeline'

const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
  plugins: [timelinePlugin],
  initialView: 'timelineWeek',
  events: [
    { title: 'Meeting', start: new Date() }
  ]
})

calendar.render()

Similar packages

Other packages similar to @fullcalendar/timeline

react-big-scheduler

react-big-scheduler is a scheduler and resource planning component built for React. It provides a timeline view similar to @fullcalendar/timeline and is useful for resource management and scheduling applications. It is highly customizable and supports drag-and-drop functionality.

dhtmlx-scheduler

dhtmlx-scheduler is a JavaScript event calendar component that offers various views including timeline, day, week, and month. It is highly customizable and supports features like recurring events, drag-and-drop, and multiple resource views. It is comparable to @fullcalendar/timeline in terms of functionality and flexibility.

scheduler

scheduler is a lightweight JavaScript library for creating interactive event calendars. It supports timeline views and is designed to be easy to integrate and customize. While it may not have as many features as @fullcalendar/timeline, it is a good option for simpler scheduling needs.