react-google-calendar-events-list

Reusable ReactJS component for rendering a list of events from a google calendar.

Usage no npm install needed!

<script type="module">
  import reactGoogleCalendarEventsList from 'https://cdn.skypack.dev/react-google-calendar-events-list';
</script>

README

React Google Calendar Events List

Setting it up w/ your calendar

Pass the prop apiKey to your Google API Key, then set the prop calendarId to your desired calendar's ID (find this from calendar.google.com -> my calendars -> settings -> the calendar you want to map -> Calendar Address -> Calendar ID).

Example

https://codesandbox.io/s/xrwl1mk31z

import React from 'react';
import { render } from 'react-dom';
import Calendar from 'react-google-calendar-events-list';

render(
  <Calendar
    calendarID="en.orthodox_christianity%23holiday%40group.v.calendar.google.com"
    apiKey="AIzaSyAunY2R4utMXaWe1uAxIRdcRsbUlI8yhL8"
  />,
  document.getElementById('root'),
);