A calendar card for Home Assistant using Lovelace
Branch: master
Clone or download
Latest commit 2654127 Oct 10, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore [Ronald]First commit Aug 11, 2018
README.md Update README.md Oct 10, 2018
calendar-card.js Merge pull request #10 from iantrich/master Oct 10, 2018
custom_updater.json Make json valid Aug 31, 2018

README.md

Calendar Card for Home Assistant

Updates

  • 2018-08-18: major rewrite, see updated installation instructions
  • 2018-08-14: Correct use of hass.callApi to support new Authentication System, multi-locale and theming support, added caching
  • 2018-08-11: First release

Track Updates

This custom card can be tracked with the help of custom-updater.

In your configuration.yaml

custom_updater:
  card_urls:
    - https://raw.githubusercontent.com/rdehuyss/homeassistant-lovelace-google-calendar-card/master/custom_updater.json

Usage

Prerequisites

You should have setup Google calendar integration or Caldav integration in HomeAssistant.

Options

Name Type Requirement Description
type string Required custom:calendar-card
showProgressBar boolean Optional true Option to show the progress bar
numberOfDays number Optional 7 Number of days to display from calendars
entities object Required List of calendars to display

Configuration

In your ui-lovelace.yaml

resources:
  - url: https://unpkg.com/moment@2.22.2/moment.js
    type: js
  - url: /local/custom_ui/calendar-card/calendar-card.js?v=1.0.1
    type: module
...

- type: "custom:calendar-card"
      entities:
        - calendar.ronald_dehuysser
        - calendar.contacts

- type: "custom:calendar-card"
      name: "Birthdays"
      showProgressBar: false
      numberOfDays: 14
      entities:
        - calendar.contacts

You want more than 5 Google events?

mkdir /config/custom_components/calendar
cd /config/custom_components/calendar
wget https://raw.githubusercontent.com/home-assistant/home-assistant/dev/homeassistant/components/calendar/google.py

Use a text editor to change the 'maxResults': 5 in google.py to a number of your liking.