home-assistant.io/source/_lovelace/calendar.markdown
Sean Mooney dad4a22e4f
Add UI setup instructions to Lovelace card pages (#15155)
Co-authored-by: Franck Nijhof <git@frenck.dev>
2020-10-10 13:55:56 +02:00

1.9 KiB

title, sidebar_label, description
title sidebar_label description
Calendar Card Calendar The calendar card displays your calendar entities in a month, day and list view

The Calendar card displays your calendar entities in a month, day and list view.

Screenshot of the calendar card Screenshot of the Calendar card.

To add the Calendar card to your user interface, click the Lovelace menu (three dots at the top right of the screen) and then Edit Dashboard. Click the plus button in the bottom right corner and select Calendar from the card picker. All options for this card can be configured via the user interface.

Card Settings

{% configuration_basic %} Title: description: The title displayed at the top of the card. Initial View: description: "The view that will show first when the card is loaded onto the page. Options are Month View, Day View, or List View." Entities: description: The calendar entities that will be displayed in the card. Theme: description: Theme your card using any installed theme in your HA environment. {% endconfiguration_basic %}

YAML

This is for if you use YAML mode or just prefer to use YAML in the Code Editor in the UI.

{% configuration %} type: required: true description: calendar type: string title: required: false description: The title of the card. type: string initial_view: required: false description: "The view that will show first when the card is loaded onto the page. Options are dayGridMonth, dayGridDay, and listWeek." type: string entities: required: true description: A list of calendar entities that will be displayed in the card. type: list theme: required: false description: "Set to any theme within themes.yaml" type: string {% endconfiguration %}

Example:

type: calendar
entities:
  - calendar.calendar_1
  - calendar.calendar_2