27
May, 2023

I am displaying my Office 365 calendar on Home Assistant

My objectives:

  • Recover my O365 calendar
  • Display it on a full-screen Home Assistant view

Attention, change of integration HA

This page dates from 27 May 2023, since the author of the integration decided to cut out the emails, calendars and teams. As far as this topic is concerned, I will remake a page dedicated to emails with this new integration. It is available here:

I therefore advise to use the above link with the new integration. Of course the rest of this page remains valid for archives

Install HACS integration

It is this integration that I will use:

So I go to HACS

I'm relaunching Home Assistant.

I create the link between Azure Microsoft and Home Assistant

I connect to the Azure portal (application records)

I add a new application registration, I choose the 2nd account type and I put a web redirect URL which is https://login.microsoftonline.com/common/oauth2/nativeclient

Once the record is created, I will generate a Secret client access, left column, I click on:

To do so, I click on:

I take the longest duration proposed and click on Validate. I note the value thus generated.

The documentation indicates that you have to configure the API authorisations, I do not need them to consult the calendar, if I want to do something else with this API, I will come back to change that here.

On all these screens, I noted two pieces of information that I retrieved:

  • Application ID (customer) in the Overview
  • The value customer secrecy that was generated at the time of its creation. If I forgot to write down this value, don’t worry, I delete the created customer secret and recreate one by not forgetting to write down the value.

Manual configuration of Home Assistant

There is no automatic configuration, we must add section o365: in configuration.yaml

As usual, to find my way around, I will create a file o365.yaml in the config folder and then I add the line

o365: !include o365.yaml

in configuration.yaml

I add these lines in o355.yaml

accounts: - account_name: moncalendar # Do not use email address or spaces client_id: !secret o365-client_id client_secret: !secret o365-client_secret alt_auth_method: False enable _update: False

I fill in the two lines of secrets.yaml with the values noted in the previous paragraph.

o365-client_id: xxxxxxxxxxxxxxxxxxxxxxx o365-client _secret: xxxxxxxxxxxxxxxx

I relaunch Home Assistant

Validate link O365 <=> Home Assistant

In the settings, I find a notification 

I click on Link O365 account

I log in to my Microsoft 365 account

Once identified, the page becomes blank and it is the URL that is in the URL bar that should be noted, it looks like https://login.microsoftonline.com/common/oauth2/nativeclient?code=xxxxx

I copy the whole url so displayed, I close the window.

I paste the copied URL into the Returned URL field and then validate

The link is established.

Select calendars to display

At this point, I go to Development Tools/States to check if my calendar is correctly detected.

To filter, I type calendar, here is the result:

So I see that my calendar but also all those who are shared with me go up.

I'm not going to use resources to keep entities up to date that I'm not going to use, so I'm only going to keep my calendar.

For this, I disable all entities that I do not want to see in my calendar.

I relaunch Home Assistant

Check that the calendar is working

I notice that on the left, a link has been added, I click on it and after a few seconds, magical, my appointments appear.

For the sake of confidentiality, I reduce the size of the screen to post this image:

Show calendar on a view

At this stage, I have not found how to display this beautiful calendar in a view, I find it a pity, I hope that if someone knows how to do it, they will inform me.

So I looked for a map to display my calendar in full screen on my dashboard.

There are several maps, I think I have tested them all, but there is only one that made me see a calendar that is properly displayed in full screen, rather well thought out and simple to implement.

This is the custom:atomic-calendar-revive card

Installing the Atomic Calendar Revice card

To install it, I go to HACS

Adding a Calendar view

I am therefore adding a panel view with the calendar-month icon, which has a calendar url.

The code of the new card is:

Type: custom:atomic-calendar-revive name: Calendar Lionel enableModeChange: true defaultMode: Calendar entities: - calendar.calendrier _moncalendrier refreshInterval: 14400 showDate: true disableCalLink: true dimFinishedEvents: true

The result is rather nice: