Integrating custom component calendar-card

Configuration
1

Hi,

I’m trying to add this https://github.com/rdehuyss/homeassistant-lovelace-google-calendar-card to my HA setup, but I get “Custom Element doesn’t exist: calendar-card”.

My configuration.yaml file is located at /opt/homeassistant/ which is where I created the ‘custom_components’ directory and added the custom_update.py file.

In my configuration.yaml I have:

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

I’m fairly new to HA but have managed to resolve my other issues, but this one has be stumped!

2

So I’ve not installed and configured the card, this is what you need to do.

First install and configure this, make sure its working on the none LoveLace-UI front end.

Then add the custom card to your www directory as below

/www/custom_ui/calendar-card/calendar-card.js

Then add the following lines to your ui-lovelace.yaml configuration

resources:
  - url: https://unpkg.com/[email protected]/moment.js
    type: js
  - url: /local/custom_ui/calendar-card/calendar-card.js?v=1.0.1
    type: module

          - type: "custom:calendar-card"
            showProgressBar: true
            numberOfDays: 14
            entities:
              - calendar.noodlemctwoodle
              - calendar.contacts
3

Further information can be found here

4

Sorry for late reply, not had a chance to check my config until tonight. Having now done that, I already had all the bits you’ve said to add.

What I see is this:

Screenshot_20181205-224835
Screenshot_20181205-2248352048×1211 233 KB

5

Are you able to post your config?

Or you could check mine as I have it working :slight_smile:

6

Thanks! You’ve got some good bits in your setup, which I have also used.

I cloned your github and put your www folder over mine and its now working. Maybe should have looked at it deeper, but its working which is the main thing!

7

Had a quick look and found my mistake! I was using

custom-ui

directory name instead of

custom_ui

8

Perfect, I’m glad you got it worked out and fixed :slight_smile:

I’m sure there will be plenty more problems to fix. I update my repo almost daily now with changes to Lovelace