Skylight Calendar Card — A family-friendly schedule card

husbspamuel · May 19, 2026, 4:13pm

I wont lie. Im not sure i fully understood this.

Do you mean if there are multiple Events with the Title "Packed Lunch" it hides them.
But the background of the day goes Green for example?
If "School Lunch" is detected, those events are hidden and the background of the day goes Red for example?

Thanks

superdingo101 · May 19, 2026, 6:19pm

@Ryan_Grandy Another option for showing a two-week view is found here: Views and Navigation · superdingo101/daylight-calendar-card Wiki · GitHub

@husbspamuel That is exactly right. To be clear this flow doesn't exist yet but I think I can create it.

Create an event series that includes "School Lunch" and "Packed Lunch" event titles.
Use event_styles to hide events completely from view.
Use day_styles to queue off of the hidden events to color School Lunch days one background color and Packed Lunch days another color.

Again, this work flow doesn't exist yet. But I could implement it. I think it would more extensible to others than your current method of denoting days in the day's header.

husbspamuel · May 19, 2026, 7:38pm

Yeah I think if there was an interface that allowed you to specify Title-X = Green, Title-Y = Red and so on, it makes it flexible for a lot of people and a lot of circumstances.

Let me check with the "end-user" but to be honest its your product and your knowledge so if you think this is a more scalable and multi-use feature it makes more sense to do it this way.
Its not scalable to make loads of niche customisations for individuals so totally get it

husbspamuel · May 19, 2026, 7:41pm

Sorry the forum through a hissy fit. Told me I couldnt post because it was too similar.
I kept altering it slightly but kept getting the same message.

I gave up, only to find its posted it 3 times face/palm

Drumsbh · May 20, 2026, 11:52pm

FYI, I tried donating from the GitHub link but it's dead...

superdingo101 · May 21, 2026, 12:55am

Gosh thank you letting me know! I fixed it Thank you for considering donating to this project!

MLarsen88 · May 26, 2026, 9:51am

This is a great project @superdingo101!

I love the continuous improvements and new updates. Keep up the great work

husbspamuel · May 26, 2026, 6:54pm

Latest update with daily badges is really helpful for those real "Dont forget" regularly tasks like weekly bins, school lunches etc

Keep the updates coming!

Orange-GT3 · May 26, 2026, 9:57pm

Check out this integration: https://github.com/mampfes/hacs_waste_collection_schedule.

husbspamuel · May 27, 2026, 5:45pm

Wow impressive i didnt expect to see my dumpster fire of a town on the list :-p
I'll look to add this in as well, means I dont have to alter it annually as they always change the dates

Thanks

rustyy112 · May 27, 2026, 7:41pm

This card looks amazing! I am very new to HA and trying to replace the Skylight that my wife just got... Question, can I add more family members manually or are they all tied to a calendar?

superdingo101 · May 28, 2026, 4:30am

@rustyy112 You have several options. I choose to add a single calendar per family member, add them all to HA, and then add them to this card.

Another option is to have a single calendar where events use keywords in the title, and use event_styles to color-code based on a keyword. Configuration · superdingo101/daylight-calendar-card Wiki · GitHub

swieprecht · June 5, 2026, 9:06pm

@superdingo101

Love this, but two bits aren't quite working for me.

Firstly, coming from my previous calendar, I was able to show a fixed number of 28 days, starting on the Monday. So for example, if I look at this now it shows from Monday 1st June to Sunday 28th June. This allows it to fit perfectly on my tablet. The only options I can find on this are Month view which has 5 weeks showing, or week view which is either 7 days or rolling for 4 weeks where the start day changes.

Second issue I have, is where we have a weekend away for example, it will show the start time on the day we leave, but on the day we return it shows midnight, not the time we're due back.

Other than this it's brilliant.

superdingo101 · June 7, 2026, 11:38pm

@swieprecht
For your first issue, try: rolling_weeks: 3

For your second issue, I'm unsure I understand. It should show the actual end time on the last day of a multi-day event. If it doesn't, that may be a bug. Can you please provide more info, either here or via an issue on GitHub?

husbspamuel · June 8, 2026, 7:28am

Hi,

Not sure if im being daft here. I was just trying to condense some of the code for the styles on day badges. I had 3 individual matches "Meal Week 1", "Meal Week 2" and 'Meal Week 3'.
This uses "title: Meal Week 1" for example.

So I thought if I changed this to "title_contains: Meal Week"

It would negate the need for 3 entries, and just use a single entry for all 3 titles.

event_styles:

match:
and:
- title_contains: Meal Week
- calendar: calendar.family
style: hide

Yet this is the result

What am I missing?

Thanks

swieprecht · June 8, 2026, 11:54am

Thank you - that solved the first issue.

Screenshot for first issue. You'll see on the left what the times are meant to be, and then visible on the right are what it shows.

superdingo101 · June 8, 2026, 2:15pm

@husbspamuel Can you please post your yaml in a code block? It's possible this is not working due to yaml indentation, or slight syntax differences.

If you can post the "is" code block (working, three separate matches) also, that would help.

@swieprecht The "00:00" that you're seeing in the screenshot is the start time for the event for that day, not the end time. For a multi-day event, the final day shows as 00:00-10:30 in all views except the schedule view. In schedule view, it should show across the top in the "all day events" section closer to how I think you're expecting it to look.

husbspamuel · June 8, 2026, 7:10pm

Thanks

event_styles:
  - match:
      and:
        - title: Packed Lunch
        - calendar: calendar.family
    style: hide
  - match:
      and:
        - title: Bin Collection
        - calendar: calendar.family
    style: hide
  - match:
      and:
        - title: Recycling Collection
        - calendar: calendar.family
    style: hide
  - match:
      and:
        - title: Meal Week 1
        - calendar: calendar.family
    style: hide
  - match:
      and:
        - title: Meal Week 2
        - calendar: calendar.family
    style: hide
  - match:
      and:
        - title: Meal Week 3
        - calendar: calendar.family
    style: hide

vs

event_styles:
  - match:
      and:
        - title: Packed Lunch
        - calendar: calendar.family
    style: hide
  - match:
      and:
        - title: Bin Collection
        - calendar: calendar.family
    style: hide
  - match:
      and:
        - title: Recycling Collection
        - calendar: calendar.family
    style: hide
  - match:
      and:
        - title_contains: Meal Week
        - calendar: calendar.family
    style: hide

superdingo101 · June 8, 2026, 9:36pm

Try the following:

event_styles:
  - match:
      and:
        - title: contains:Packed Lunch
        - calendar: exact:calendar.family
    style: hide
  - match:
      and:
        - title: contains:Bin Collection
        - calendar: exact:calendar.family
    style: hide
  - match:
      and:
        - title: contains:Recycling Collection
        - calendar: exact:calendar.family
    style: hide
  - match:
      and:
        - title: contains:Meal Week
        - calendar: exact:calendar.family
    style: hide

title_contains is not (yet) a valid shorthand syntax within event_styles

husbspamuel · June 9, 2026, 9:01am

ah okay i thought i copied the syntax out of the github pages, probably going mad.
Will try this instead. Thanks again @superdingo101