1. @fullcalendar/list
Display events on a calendar view that looks like a bulleted list
@fullcalendar/list
Package: @fullcalendar/list
Created by: fullcalendar
Last modified: Tue, 20 Feb 2024 17:02:51 GMT
Version: 6.1.11
License: MIT
Downloads: 1,076,638
Repository: https://github.com/fullcalendar/fullcalendar

Install

npm install @fullcalendar/list
yarn add @fullcalendar/list

FullCalendar List View Plugin

Display events on a calendar view that looks like a bulleted list

Installation

Install the necessary packages:

 npm install @fullcalendar/core @fullcalendar/list

Usage

Instantiate a Calendar with the necessary plugin:

 import { Calendar } from '@fullcalendar/core'
import listPlugin from '@fullcalendar/list'

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

calendar.render()

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code