react-calendar-downloader

react-calendar-downloader

Add functionality for downloading event(s) in the ics format (Outlook, Apple Calendar, Google, etc.)

Props

const {
  rssUrl, // optional, if passed with also display a rss option
  useGoogleCalendar = true,
  useOutlook = true,
  useICal = true,
  useYahoo = true,
  labels = {
    rss: "Rss feed",
    outlook: "Outlook calendar",
    iCal: "iCal calendar",
    yahoo: "Yahoo calendar",
    google: "Google calendar"
  },
  icsURI // required
} = this.props;

ICS

ICS is the file format of the iCalendar standard (which originated from the iCal Mac App, but is now a standard across calendar applications).

This library requires you to pass in a URI to and ics file (without the http/https), which I recommend generating on the server - for Node/Express I recommend using Immutable ICS

Popover styling

This library uses react-popover-control, and for default styling install this library and add this SASS file to your page require('react-popover-control/css/ReactPopoverControl.scss')