Help - Embed Google Calendar in HA companion app

Configuration
,
1

Hi!

I’m trying to display my Google Calendar inside the HA companion app.

This is the card I have:

  - type: iframe
    url: https://calendar.google.com/calendar/embed?height=600&wkst=2...
    aspect_ratio: 50%

If I open the dashboard in my browser, it works as expected (I have a session in Google Calendar in that browser). However, when opening the same dashboard in the companion app, it shows an empty calendar saying there is a problem with permissions. So my guess is that session cookies are not being sent.

Do you know how to fix this? I’m open to display the calendar in a different way. I tried a few calendar cards but they don’t display multiple calendars with colors the same way Google Calendar does.

2

I know this isn’t a specific answer to your question, but have you looked at an alternate method or displaying your calendar in HA?

e.g. custom:atomic-calendar-revive which will display it nicely in a few different formats.

As to your question, I know HA is sensitive to mixing HTTP and HTTPS in the UI.
Could be related to that?

3

Unfortunately it is missing lots of features I want. Like using the event colors configured in my Google Calendar or allow switching between 3 day and week modes.

It’s all served with HTTPS, so it should work. In fact, it does work when viewing the dashboard in a browser. I’m reasonably sure the problem is HA companion doesn’t reuse the cookies from thr browser store (which makes a lot of sense) and not sure how to log in Google Calendar within the iframe card.