Categories: CSSScriptWeb Design

Generate Event Calendar Links For Google, Yahoo And Outlook – calendar-link

The calendar-link JavaScript library automatically generates calendar links from events you provide so that you can add the events to the Google Calendar, Yahoo Calendar, Microsoft Outlook, Microsoft Teams, AOL, Office 365, and icalendar.

Full Documentation Here.

Table of Contents

Toggle

Basic

Sponsored

usage:

Install & import the calendar-link.

# NPM
$ npm install calendar-link --save

import { google, outlook, office365, yahoo,  ics } from "calendar-link";

Or directly include the UMD version on the webpage.

<script src="https://cdn.jsdelivr.net/npm/calendar-link@2.7.0/dist/index.min.js"></script>

Define the event information as follow:

const event = {
      start: "2019-12-29",
      end: "2019-12-31",
      duration: [1, "day"],
      title: "Anand birthday",
      description: "Get ready for the party of your life!",
      location: "Internet",
      busy: true,
      guests: [
        "friend@example.com",
        "coworker@oswaldlabs.com"
      ]
};

Generate calendar links:

calendarLink.google(event); 
calendarLink.outook(event); 
calendarLink.yahoo(event);
calendarLink.office365(event);
calendarLink.ics(event);

Changelog:

v2.9.0 (05/19/2025)

Set ics PRODID correctly
Bugfixes

v2.8.0 (12/23/2024)

Add status X-MICROSOFT for allDay support

v2.7.0 (07/31/2024)

Add Microsoft Teams Calendar Event Generation Feature

v2.6.0 (09/30/2023)

Update

v2.5.1 (07/19/2023)

Fix ICS file generation with CLRF and absent fields

v2.5.0 (07/12/2023)

Update

v2.4.0 (10/22/2022)

Add support for local time in Outlook and Office365

v2.3.1 (10/20/2022)

Fixed missing RRULE prefix for google

v2.3.0 (10/20/2022)

Supports Recurring events

v2.2.0 (05/16/2021)

New release

v2.1.1 (04/17/2021)

Bugfix

v2.1.0 (04/16/2021)

Deploy new UMD/ES modules

v2.0.16 (03/08/2021)

Dependency updates

v2.0.15 (03/01/2021)

Dependency updates

v2.0.14 (02/22/2021)

Dependency updates

v2.0.13 (02/15/2021)

Customizable Event Calendar With Month/Year Selection – Color Calendar

A flexible, customizable, themeable event calendar & month/year picker component written in vanilla JavaScript. How to use it: 1. Install & import the Color Calendar as an ES module. # NPM $ npm i color-calendar import Calendar from 'color-calendar'; import 'color-calendar/dist/css/theme-basic.css'; import 'color-calendar/dist/css/theme-glass.css'; 2. Or directly load the JavaScript and…

October 6, 2025

In "CSSScript"

Add Events To Apple/Google/Yahoo/MicroSoft Calendars – atcb.js

Add-to-Calendar Button is a JavaScript library that lets you add custom events to popular calendars (like Google Calendar, Apple Calendar, Yahoo Calendar, Outlook, Microsoft Teams, and Microsoft 365) and automatically generates iCal/ics files for other calendar services like Apple. Easy to implement in Vanilla JavaScript, Vue, React, Angular, Svelte, and…

May 27, 2025

In "CSSScript"