Skylight Calendar Card — A family-friendly schedule card

Share your Projects! Dashboards & Frontend
21

Yes, but you need to wrap the card in Mod Card. There are some examples in the documentation on Github.

Note that Card Mod is effectively superseded by UIX.

22

  1. what is Mod Card?

  2. That sounds exciting, but I’m not sure I want to rewrite all my card_mod mods just yet.

23

It is just a wrapper that provides an ha-card key for card_mod/uix to act on. Check the example in the wiki.

Just do a search and replace of card_mod for uix. It’s a drop in replacement for the most recent version (4.0+) of Card Mod.

24

Thanks! This is really promising. Any reason why my event bubbles are all a solid color, and not the faint colored bubble with the more saturated left edge?

25

I guess that is by design by the developer. He’s super responsive on Github so feel free to raise a feature request.

26

Are you thinking more along this rough and ready mock-up:

image
image169×107 2.3 KB

where the colours match the relevant calendar badge at the top?

27

yes, that would be good. Or something like the picture at the top.

28

Ah right, I had forgotten about the image in the first post. I can’t remember if event ever looked like that.

@superdingo101 - what do you think, can you build in some styling options for events?

image
image275×186 7.43 KB

image
image266×138 3.99 KB

29

Thanks. I found the card-mod stuff on the github site and got it looking closer to how I want it. A direct control for the event background without the color hard-coded would be great. But otherwise, this is a great card! I had been importing an external webpage using dhtmlx that i’m happy to now have in the HA ecosystem. I’m looking forward seeing the updates as time goes on!

This and Calendar Card Pro are great assets to HA!

30

Thanks for the kind words!

Once I figure out how to edit my original post, I plan to update the screenshots. It’s incredibly out of date at this point. I’m also working on better compatibility with UIX right now, if you want to test via v3.0.0-beta.1 I would appreciate feedback! I am more responsive and active on GitHub, here’s the v3.0.0-beta.1 branch info Replace shadow DOM usage with host root (_root) and add DOM helper by superdingo101 · Pull Request #164 · superdingo101/skylight-calendar-card · GitHub

31

v3.0.0 now actively supports UIX (formerly Card-Mod)

1 Like
32

Is there a way to have the times overlap? Basically show multiple meetings are happening at the same time, and not just the time the meetings start?

EDIT: Ah Schedule View, nvm, found it!

1 Like
33

Hello, I do like this card very much and I switched from the DIY solution to this one now.
One thing I noticed:
From today I haven 7 days with weather information, but the 4th day is not shown (11.4. from today) Edit: works today
Some questions I have:

  • Is there a possibility to style the background of specific days? E.g. holiday, weekend, bank holiday
  • Since some versions (I think) one can assign colors to calendar entities in HA. Would it be possible to use these colors for the events of each calendar?
  • Would it be possible to create a button or a tab event in the header to be able to switch to the main dashboard even in a kiosk view without HA sidebar and header?