Lovelace: Advanced calendar card

Share your Projects! Dashboards & Frontend
262

Sure thing, this was the yaml before the last update.

type: custom:stack-in-card
cards:
  - type: markdown
    style: |
      ha-card { height: 40px; }
    padding: '0px'
    content: >
      ## {{ states('sensor.clocktalk_date') }}

  - type: "custom:atomic-calendar-revive"
    style: |
      ha-card { height: 215px; }
    title: ""
    firstDayOfWeek: 7
    defaultMode: 2
    showDate: false
    showLastCalendarWeek: false
    entities:
      - entity: calendar.holidays_in_united_states
        type: holiday
        blacklist: 'daylight, super, tax, black, monday'

  - type: markdown
    style: |
      ha-card { height: 185px }
    padding: '0px'
    content: >
       

      {{ states('sensor.next_payday') }}

      {{ states('sensor.next_holiday') }}

      {{ states('sensor.next_birthday') }}

      {{ states('sensor.next_fullmoon') }}

      {{ states('sensor.next_dst') }}

image
image1366×768 119 KB

1 Like
263

This should now be resolved in 1.5.3

264

Perfect, thank you

265

I just updated to V110 of HA and I’m on the latest version atomic calendar revive.

I’ve got a three issues but I don’t know if (but I don’t think) it’s on my end.

the first is that the calendar events aren’t showing on the correct days. I’ve had my work calendar in google for a couple of years and have always displayed it correctly in the card. Now it’s not correct but I haven’t been able to figure out why.

Here is a screenshot of the calendar card (days icon is green sun, nights icon is red moon):

ex1

and here is the google calendar it’s based on:

ex2
ex21617×925 25.3 KB

as you can see the calendar card is 1 week behind the actual calendar - it thinks that the events for last week are supposed to be in the current week.

second, and as you can see from the first screenshot the icons are way bigger now and don’t fit into the day box like they used to.

lastly, and again as you can see in the screenshot, the right & left chevrons for navigating the month aren’t visible. They are there and they work but you just can’r see them.

here is the config for the card:

  - type: "custom:atomic-calendar-revive"
    name: "My Work Calendar"
    defaultMode: 2
    firstDayOfWeek: 7
    CalEventIcon1Filter: days
    CalEventIcon1: mdi:weather-sunny
    CalEventIcon1Color: green
    CalEventIcon2Filter: nights
    CalEventIcon2: mdi:weather-night
    CalEventIcon2Color: red
    CalEventIcon3Filter: DD
    CalEventIcon3: mdi:star
    CalEventIcon3Color: orange
    entities:
      - entity: calendar.my_email_gmail_com
        type: icon1,icon2,icon3

Thoughts?

266

Please update to the latest version which fixes a lot of issues with 110

Please also read the release notes and make sure to update your config as some changes have been made to options

267

I am already on the latest version (as noted in my post above).

I’ve looked thru the config options and I don’t see anything that looks like it addresses the issues I posted about above.

My config is fairly minimal. Could you give any hint to what I need to change if you see something?

268

Other than the schedule offset, your screenshot looks similar to my original atomic calendar card following 110.0. I just switched to revive and the look is quite different.

1 Like
269

what version of the card are you using?

only version 1.5.1 upwards resolves the issue that you see with the large icons.
only version 1.5.2 fixes the missing date icons

If you have installed the latest version you may need to clear your browser cache.

Without upgrading to the latest version it makes it hard for me to look at the issue, i haven’t seen any issues with calendars showing the incorrect week, especially not on the latest version of the card which i have in my test platform.

271

ex1

I also have restarted twice and cleared the cache by both ctrl-F5 and doing the F12->empty cache and hard reload.

272

Could you do F12 then check what version is shown in the console, should look like this:

image

Also if you are seeing this please make sure you dont have the old atomic-calendar, sometimes ive seen strange issues as they seem to conflict.

273

I checked the console and it indeed had the version as 1.2.0.

then I checked for any versions of atomic-calendar still around and in doing that I found I had two folders for atomic-calendar-revive - one from 5/7/20 and one from today. I deleted the old one and restarted.

It’s now all working. Even the days are correct again.

I still have no idea how I was able to have two folders with the same name but with two different sets of files inside. I’ve only ever used hacs to install and update the card. :confused:

Maybe it was the switch over from the custom repo to when it got added to the default repo list.

thanks for the help and nudging me in the right direction.

Now I just have to figure out how to get the correct icons with the right colors back again. All three are all shown at the same time in any day that has an event and they are all blue right now.

ex1

I’ll work on it and if I get stuck i’ll be back. :wink:

Yeah, it definitely looks way different now.

I guess that should have clued me in since there was an announcement in the release notes about a new prettier display. Every time I updated I never saw any difference in the display so I thought it was something I needed to add to get it to change. Apparently not. :laughing:

274

No worries glad that you got it sorted :slightly_smiling_face:

275

Not so fast… :wink:

I still can’t get the calendar mode to respect the keywords or the icon options.

it still always shows all three of the default icons in the default color (blue) for any day that there is any of the keywords in the event.

see above for the google calendar, the latest atomic calendar card and my code.

I’ve tried different iterations of the config options but I always end up with the same result or no results at all - the card shows but it doesn’t show any events.

Sorry to keep bugging you about this but I just don’t see why the config isn’t taking. It worked fine before the update to 110 & the latest card version.

276

Hey,

I have just released v1.8.5 which resolves issues with icon color / progress bar and a couple of other little tweaks.

In your config could you change all of the lines to start lower case Cal..... to cal..... I changed the first letter to lower case and all after that start with a capital because all other options are formatted this way

Once you have updated this i believe that is should work as expected :slight_smile:

277

No luck so far.

callEventIcon2: 'mdi:alpha-s-box'
callEventIcon3: 'mdi:alpha-g-box'

Default icons still appear after update.
Nevermind, I see it now.

278

Well, crap.

I looked at those options for an hour trying to figure out what the differences were between the options listed and mine but I never even noticed the change in the first letter to lower case.

It’s now really all working again.

And I didn’t need to update for it to work.

Thanks again for pointing the trees thru the forest.

279

Is it correct that now i see the events entries in this way?

Schermata 2020-05-29 alle 20.30.05

Before it was different…

280

Nope I accidentally introduced a bug :roll_eyes:

I’m working on it and hope to have it solved tomorrow. For some reason I wasn’t seeing the issue in test but spotted it after I moved it live on my HA

281

I got a new update, but nothing changed about my question…

282

Do you mean that they are dimmed or that they show with a border around them?

If they are dimmed when they shouldn’t be please check that the correct card version shows in the browser console.
If it does please send me a copy of your config for the card and I will see what’s happening.