Calendar Card for Home Assistant

Show Google calendar events

Features

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

Add the following to resources in your lovelace config:

resources:
  - url: /community_plugin/calendar-card/calendar-card.js
    type: js

Name	Type	Requirement	Description
type	string	Required	`custom:calendar-card`
title	string	Optional	`Calendar` Header shown at top of card
hideHeader	boolean	Optional	`false` Hide the header regardless of value
numberOfDays	number	Optional	`7` Number of days to display from calendars
entities	object	Required	List of calendars to display
timeFormat	string	Optional	`HH:mm` Format to show event time (see here for options)
dateTopFormat	string	Optional	`DD` Format for top line of event date
dateBottomFormat	string	Optional	`ddd` Format to bottom line of event date
ignoreEventsExpression	string	Optional	`` Simple case insensitive regex to ignore events that match title
progressBar	boolean	Optional	`false` Adds progress bar to ongoing events
hideTime	boolean	Optional	`false` Hides event time section entirely
showLocation	boolean	Optional	`false` Shows location address
showLocationIcon	boolean	Optional	`true` Shows map icon when event has a location
showMultiDay	boolean	Optional	`false` Split multiday events into per day
startFromToday	boolean	Optional	`false` Skip any events before today's date
showEventOrigin	boolean	Optional	`false` Shows what calendar each event is from
highlightToday	boolean	Optional	`false` Hightlight's today's events

type: custom:calendar-card
title: "My Calendar"
progressBar: true
entities:
  - calendar.ljmerzagmailcom

Open the google_calendars.yaml file and and max_results: 20 for each calendar items you want more events for. See documentation at Home Assistant

Enjoy my card? Help me out for a couple of 🍻 or a ☕!