1. @fullcalendar/core
FullCalendar core package for rendering a calendar
@fullcalendar/core
Package: @fullcalendar/core
Created by: fullcalendar
Last modified: Tue, 20 Feb 2024 17:02:52 GMT
Version: 6.1.11
License: MIT
Downloads: 2,322,583
Repository: https://github.com/fullcalendar/fullcalendar

Install

npm install @fullcalendar/core
yarn add @fullcalendar/core

FullCalendar Core

FullCalendar core package for rendering a calendar

Installation

This package is never used alone. Use it with least one plugin (like daygrid):

 npm install @fullcalendar/core @fullcalendar/daygrid

Usage

First, ensure there's a DOM element for your calendar to render into:

 <body>
  <div id='calendar'></div>
</body>

Then, instantiate a Calendar object with options and call its render method:

 import { Calendar } from '@fullcalendar/core'
import dayGridPlugin from '@fullcalendar/daygrid'

const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
  plugins: [
    dayGridPlugin
    // any other plugins
  ],
  initialView: 'dayGridMonth',
  weekends: false,
  events: [
    { title: 'Meeting', start: new Date() }
  ]
})

calendar.render()

Dependencies

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