I have tested with Google calendar and caldav. I haven’t with any other types.
Hi Great work.
I get the calendar, but cant get it to show icons for the events on the calendar as icons.
Can someone guide me?
My code is:
- type: "custom:atomic-calendar-revive"
enableModeChange: true
defaultMode: Calendar
dateFormat: L
maxDaysToShow: 30
firstDayOfWeek: 1
sortByStartTime: true
showDescription: true
showNoEventsForToday: true
entities:
- entity: calendar.xxxxxx
entity.icon: "mdi:flag-variant"
entity.color: red
- entity: calendar.xxxxxx
entity.icon: "mdi:circle-edit-outline"
entity.color: green
- entity: calendar.helligdage_i_danmark
entity.icon: "mdi:home"
entity.color: orange
1 Like
Hey,
Remove the entity. From before icon, it’s like that in the docs to show the icon is a child of entity.
So it should just be:
- entity: calendar.xxx
icon: 'mdi:blah'
Color: blue
Ahh so
entity.icon and entity.color in docs (2.0.0) is the same as
- entity:
icon:
color:
thx marksie1988 it works now.
But how can I changes the calendar layout/colors, what do i need to add in my main code?
Personally I would recommend using card-mod and then amending the CSS in the styles that you want.
the options in the calendar card are limited and I’ve seen people get better results using card mod.
Yes that’s the one
Hi, aleady found this component and it works good for me except one thing:
Does anybody have an idea to get rid of these until… information?
By the way: what does it mean? The event comes from my garbage collection calendar and is an all day event
Good morning. Calendar is being used in Dwains Dashboard. I’m trying to determine why the Day of the Week isn’t showing, e.g., Tue, Wed, Thu. Is there an option that I’m missing in the documentation to turn this on. Code is the following in page.yaml in my Dwains Dashbaord config:
- type: custom:dwains-heading-card
title: {{ name }}
- type: custom:atomic-calendar-revive
style: |
ha-card {
border-radius: 5px;
background-color: var(--dwains-theme-primary);
}
.cal-titleContainer {
display: none;
}
showProgressBar: false
eventBarColor: 'var(--dwains-theme-grey)'
dayWrapperLineColor: 'var(--dwains-theme-grey)'
timeColor: 'var(--dwains-theme-grey)'
entities:
{{ (data | fromjson)['calendars'] }}
maxDaysToShow: 30
showColors: true
showMonth: true
Hi all,
I’m new to this but i got most up and running.
Now i’m trying to add the atomic-calendar-revive card and get this error when configuring/adding the calendar card:
No card type configured.
- type: ‘custom:atomic-calendar-revive’
name: IceHockey
entities:- entity: calendar.brynas_matcher
any ideas or pointers?
Installed with hacs.
Google calendar card works.
regards
// Hans
did you find an answer to this? Latest release reintroduced this and I haven’t found the configuration parameter to remove it.
Hey, this usually happens if the card isn’t loaded correctly, best way to check is to see if you have an entry in the browser console for atomic-calendar-revive with the version number.
If you don’t have this then there is an issue with loading the js file, check in the browser debugger that the aromic-calendar-revive.js file is present.
I’ll check when I get a chance. For now, I dropped back a version and the “until information” went away.
The from/to dates had been changed and now, ‘until:’ shows the right information. So I kept the information. No idea how to switch it off.
Yes, appears to have loaded:
<script async="" type="module" src="http://homeassistant.local:8123/hacsfiles/atomic-calendar-revive/atomic-calendar-revive.js"></script>
Using HACS to manage updates on this.
Hi
Great Card
I’m trying to set the language in French with below line, but it doesn"t work. I tried the example mentionned in the documentation (pt-br) and that one is OK (but not the french one 
)
Any idea ?
language: fr-FR
just find the solution (syntax was wrong). I had to use : language: fr
Evening all,
First of all, what a lovely card! Thank you!
However, how would I go about removing the text in blue from the example below? I’ve been playing around, and just can’t work out how to turn it off. All I want to keep is the text in red.
Any help greatly appreciated.
I second this request.
It would be great to have an option (preferably per calendar) to remove this line entirely. It would allow for a minimalistic event list, taking as little screen estate as possible.
You will be happy to know that this can be achieved with the following options:
showHours: false
showRelativeTime: false
1 Like