Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@fullcalendar/common

Package Overview
Dependencies
Maintainers
1
Versions
25
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fullcalendar/common

internal package

  • 5.10.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
225K
decreased by-3.55%
Maintainers
1
Weekly downloads
 
Created

What is @fullcalendar/common?

@fullcalendar/common is a core package for the FullCalendar library, which provides a highly customizable and feature-rich calendar component for web applications. It includes utilities and base components that are used to build various calendar views and functionalities.

What are @fullcalendar/common's main functionalities?

Rendering a Basic Calendar

This code demonstrates how to render a basic calendar using the @fullcalendar/common package. It initializes a calendar with a month view and renders it in the specified HTML element.

import { Calendar } from '@fullcalendar/common';

const calendarEl = document.getElementById('calendar');
const calendar = new Calendar(calendarEl, {
  initialView: 'dayGridMonth'
});
calendar.render();

Adding Events

This code sample shows how to add events to the calendar. The events array contains objects with event details such as title, start date, and end date.

import { Calendar } from '@fullcalendar/common';

const calendarEl = document.getElementById('calendar');
const calendar = new Calendar(calendarEl, {
  initialView: 'dayGridMonth',
  events: [
    { title: 'Event 1', start: '2023-10-01' },
    { title: 'Event 2', start: '2023-10-05', end: '2023-10-07' }
  ]
});
calendar.render();

Customizing Event Appearance

This example demonstrates how to customize the appearance of events by setting properties like color. Each event object can have additional properties to control its look and feel.

import { Calendar } from '@fullcalendar/common';

const calendarEl = document.getElementById('calendar');
const calendar = new Calendar(calendarEl, {
  initialView: 'dayGridMonth',
  events: [
    { title: 'Event 1', start: '2023-10-01', color: 'red' },
    { title: 'Event 2', start: '2023-10-05', end: '2023-10-07', color: 'blue' }
  ]
});
calendar.render();

Other packages similar to @fullcalendar/common

FAQs

Package last updated on 13 Oct 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc