Single-day Event list shows all-day events for following day

[dml105]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

I have a set of ACR cards, each displaying exactly one day of events, with varying offsets.

As an example, this results in correctly presenting an event for Wed Jan 29 (an event from 6-9pm) but also incorrectly presents the whole day event for Thu Jan 30.

That event on Thu Jan 30 should not appear on a 1 day event list.

Expected behaviour

Steps To Reproduce

For example:

type: custom:atomic-calendar-revive
name: Calendar
enableModeChange: true
entities:
  - entity: calendar.school_calendar
    name: School
  - entity: calendar.family_calendar
    name: Family calendar
  - entity: calendar.Mom
    name: Mom
  - entity: calendar.Dad
    name: Dad
maxDaysToShow: 1
startDaysAhead: 3

Note: these are ICS calendars using the CALDAV integration. It appears the problem does not occur with calendars from the Google Calendar integration.

Mode

Event (default)

Card Version

10.0.0

Home Assistant Version

2014.12.3

Configuration

Relevant log output

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Hello @dml105, thank you for your interest in our work!
If this is a bug report, please provide your configuration and any screenshots that would assist troubleshooting, otherwise we can not help you.

[dml105]

Seems like the problem is here, in src/index.ts around lines 353-359:

const htmlEvents = dayEvents.map((event: EventClass, i, arr) => {
				const dayWrap = i == 0 && di > 0 ? 'daywrap' : '';
				const isEventNext = !!(
					di == 0 &&
					event.startDateTime.isAfter(dayjs()) &&
					(i == 0 || !arr[i - 1].startDateTime.isAfter(dayjs()))
				);

does this need an extra AND for event.startDateTime.isAfter(dayjs()+1) && ?

[dml105]

Until this is fixed, you can use card_mod to hide the all-day events that should be in the next day with this CSS, assuming you display your all-day events first, and not at the bottom:

card_mod:
  style: |
    .cal-eventContainer {
      .single-event-container~.daywrap {
         display: none !important;
      }
    }