[REACT] Event shown throughout whole day

[Animal]

So in this test case, the success case would be that only the small event bar in the 6-7 column would exist?

Screenshot 2025-12-02 at 12.14.12.png (338.55 KiB) Viewed 123 times

[janiquekamgx]

Yes, that is correct.

[Animal]

I think I have it working for the DayView part.

the test case is

            modes: {
                week   : {
                    showAllDayHeader : false,
                    dayStartShift    : 2,
                    dayStartTime     : 2,
                    dayEndTime       : 1,
                    hourHeight       : 26
                },
...

So that is one scenario. Can you give us some real world test data which uses the day definition that you are using, so that we can add a test case which matches your requirements?

[janiquekamgx]

Context:

The user is viewing the Week View for the 1st week of December 2025.
Our UI supports rendering events across a 30-hour visible window (e.g. 00:00 → 06:00 next day), but actual user-configurable time-range is limited to 24h max (examples: 00:00 - 24:00 or 01:00 - 01:00 or 02:00 - 02:00 or 10:00 - 20:00 etc).
For example, if the user configures 06:00 → 29:00 (which internally equals 05:00 next day), we apply:

dayStartShift = 06:00
dayStartTime = 06:00
dayEndTime = 05:00

Test scenario 1

modes: {
                week   : {
                    showAllDayHeader : false,
                    dayStartShift    : 2,
                    dayStartTime     : 2,
                    dayEndTime       : 1,
                    hourHeight       : 26
                },

Steps:

1. Navigate to Week View → week of Dec 1–7, 2025
2. Create an event on Dec 3rd:

Start: 01:00 or 01:30
End: 04:00

Expected Behavior:

Because the event’s start time (01:00/01:30) is (equal or) after the configured local dayEndTime:
The event should not be displayed in Dec 2–3 row, instead, it should render at the start of the Dec 3–4 row as an overnight/overflow event

Test scenario 2

 modes: {
                week   : {
                    showAllDayHeader : false,
                    dayStartShift    : 3,
                    dayStartTime     : 3,
                    dayEndTime       : 2,
                    hourHeight       : 26
                },

Steps:

1. Navigate to Week View → week of Dec 1–7, 2025
2. Create an event on Dec 3rd:

Start: 01:00 or 01:30
End: 04:00

Expected Behavior:

Because the event’s start time (01:00) is before the configured local dayEndTime:
The event should be displayed at the end of Dec 2–3 row and at the start of the Dec 3–4 row as an overnight/overflow event

This ensures:
Events crossing midnight remain visible

I hope these test scenarios are clear enough.

Thanks!

[Animal]

Oh dear not fixed then. It gives me this:

Screenshot 2025-12-03 at 16.21.38.png (260.53 KiB) Viewed 40 times

It's a bit mind bending. Will reopen the ticket.