Lovelace: Advanced calendar card

I plan to add some examples to the discussions page on GitHub, if anyone else has any to post on there it would be good, I want to built up a showroom of examples that people use.

1 Like

I’d love to share once I get it right, just tinkering atm. I’ve got it set up full screen on a separate view on an Amazon Echo Show 15. Calendar view at the top then event view on a separate card below. It’s working really nicely.

However, I cannot seem to get the dots to work on the calendar view on each day there is an event.

type: custom:atomic-calendar-revive
name: null
enableModeChange: true
entities:
  - entity: calendar.joint_calendar_2
    type: mdi:dots-circle
    color: white
showDate: true
showLoader: false
calShowDescription: true
defaultMode: 2
maxDaysToShow: 30
showEventIcon: true

Any idea what I’m doing wrong?

Thanks for all of your great work!

Thx for the feedback, Marksie1988.

Would be great if at least a documented card_mod alternative for all the options that were removed, would be provided.

Appreciating your incredible work and dedication !!!

1 Like

I didn’t update the card for the same reason.
I have no idea how to edit everything that was removed so that the card is the same as it was before the change.

I have just done a quick stream to show everyone how to use card_mod with this, its quite simple and as people add more to the showroom it will become much easier.

Atomic Calendar Revive and card_mod - YouTube

totaldebug/atomic-calendar-revive Showroom

2 Likes

Thanks, I’ll look into it.

You can make use of Conditional Card to check the claneder entity status is on.

Hello all,

I am trying to set up the calendar card since monday without success.
I have both local calendar and google calendar succusfully integrated in HA. Both are showing up in the HA calendar view and also in the official HA calendar card for frontend.
The atomic calendar revive card is loading and also displaying the days of the month but no entries. All calendars are showing up in the required settings and I selected all of them. But still nothing shown. BTW the event view is also empty (no events).
I removed the google calendar integration and readded it but still it only works with the HA calendar.
Plenty of restarts done. No information in log-file. Not even a hint something could be missconfigured. I am literally lost.
Any suggestions what I am doing wrong? Besides the not working google calendar I am wondering if local calendars (loaded from ics files) are even supported with this card (at least it is selectable under required settings).
Thank you in advance

please share your card configuration for atomic-calendar-revive

Current card configuration. Didnt play around with advanced options so far. I stick to QuickSetup Guide

type: custom:atomic-calendar-revive
name: Calendar Card
enableModeChange: true
entities:
  - entity: calendar.xxx_yyy_gmail_com
    name: My Calendar
    color: red
    maxDaysToShow: 7
    showMultiDay: true
  - entity: calendar.ics
    name: ICS
    maxDaysToShow: 7
    eventTitle: bla
    showMultiDay: false
  - entity: calendar.geburtstage
    name: Geburtstage
defaultMode: Calendar
disableCalEventLink: false
disableCalLocationLink: false
disableCalLink: false
showLastCalendarWeek: false
calShowDescription: false
allDayBottom: true

You need o add the icon: option under the entity for them to show in the calendar view.

Thats the solution. Thank you so much.
This is not mentioned in Quickstart and even in FullDocumentation it seems to be optional.
As it also isn’t working the same way as other icon selectors I didnt give it a try.
Weird.
After 2 years of HA I still struggle sometimes.
Again many thanks for your fast help!

Hello, is there a way to reduce the event-left date to allow more space for the event-title?

2023-10-12_11-50-22

Hello All,

I have just created a pre-release of the card v9.2.0-beta.1

In this release I have added a few small feature tweaks:

  • When you add a new card it will auto populate with the first calendar, this allows the preview to work when adding.
  • Calendar Icons, now if you set an icon within the entity itself the card will use that in the first instance. This can be overridden by using the icon config option. This is nice if you have multiple cards as you don’t need to set the icon multiple times.
  • In some situations the locale wouldn’t update, I think I have resolved this issue by changing the way the card detects the language.

Please test out this and see how it works, or if any of these changes do anything weird with the card.

Thanks

1 Like

Hello All,

Please note that after some good reports this has now been moved live

9.2.0 (2023-10-23)

Features

  • adds default config for preview (7556e3b)
  • icons: use entities icon if “icon” is not set (0353de8) see the docs for information on configuring the icons at the entity level!
  • locale: add hungarian (da8fb13), closes #478

Bug Fixes

  • events not sorted correctly (aad73a5), closes #1240 #1244
  • locale: grammer and misstypes (d4ec6b1)
  • locale: locale not working in some situations (9db8ef1)
1 Like

Is there a way, to show the description of an Event directly inside of the Day column?
Like so:temp1

Thats my Code:

type: custom:atomic-calendar-revive
name: Calendar
defaultMode: Calendar
enableModeChange: true
entities:
  - entity: calendar.calendar_1
    icon: ''
    Color: red
showLastCalendarWeek: true
calShowDescription: true
disableCalEventLink: false
disableCalLocationLink: false
disableCalLink: false
showProgressBar: true
dimFinishedEvents: false
card_mod:
  style: |
    ha-card {
      background:url('https://h2.gifposter.com/bingImages/OldBridgeSkye_1920x1080.jpg');
      box-shadow: none;
      background-size: cover;
      font-size: 20px;
    }

Thank you :slight_smile:

4 Likes

Right now it looks like these (code above):

2 Likes

How can I change the language? I put “language: de” or “locale: de” into the card configuration, but it doesn’t work. Thanks!

also looking for calendar that would possible to show event description in month view similarly as in DAK. Can’ t find one yet :frowning:

1 Like

+1 Being able to see the event description in month view like Dakboard or even the home assistant calendar dashboard would absolutely huge!

1 Like