Calendar: The display of multiple events during roughly the same timeframe do not appear to represent the correct time length

[JoelWilke]

Describe the bug
Given Bug #8968 & Bug #8969 It is hard to tell if this is a bug or a needs an enhancement request instead.

It looks like the event elements in the GUI are overlapping each other based on event start times and not giving an accurate representation of a singular event's start and end times and event times relative to each other.

To Reproduce

Steps to reproduce the behavior:

1. Go to 'calendar/example-index.html'
2. Click on the Add button to enter event data having a same start time and end times of two hours or more, then enter an event that starts an hour later and lasts an hour
3. View how the event that starts an hour later overlaps the previous events and those are not accurately represented.
4. The data I used for the screenshots is given below

Expected behavior
I expect that events whose times chronologically overlap each other to be displayed side by side instead of visually overlapping.

Version
name="version" content="4.98.0"/>

Screenshots

Platform
OS Version: MacOS 14.6 (23G80)
Browser Name: Safari
Browser Version: Version 17.6 (19618.3.11.11.5)

Additional context
Date: August 5, 2024 - August 5, 2024
Event type: Discretionary Time Off
Duration: 1 Day
Comments: New Random Event Details

Date: August 5, 2024 8:30 AM - August 5, 2024 12:00 PM
Event type: Discretionary Time Off
Duration: 3 Hours and 30 Minutes
Comments: New Random Event Details

Date: August 5, 2024 8:30 AM - August 5, 2024 12:00 PM
Event type: Admin
Duration: 3 Hours and 30 Minutes
Comments: New Random Event Details

Date: August 5, 2024 8:40 AM - August 5, 2024 10:55 AM
Event type: Admin
Duration: 2 Hours and 15 Minutes
Comments: New Random Event Details

Date: August 5, 2024 9:00 AM - August 5, 2024 11:00 AM
Event type: Admin
Duration: 2 Hours
Comments: New Random Event Details

Date: August 5, 2024 9:00 AM - August 5, 2024 10:15 AM
Event type: Sick Time
Duration: 1 Hour and 15 Minutes
Comments: New Random Event Details

Date: August 5, 2024 9:00 AM - August 5, 2024 11:10 AM
Event type: Sick Time
Duration: 2 Hours and 10 Minutes
Comments: New Random Event Details

Date: August 5, 2024 9:00 AM - August 5, 2024 11:00 AM
Event type: Team Event
Duration: 2 Hours
Comments: New Random Event Details

Date: August 5, 2024 9:00 AM - August 5, 2024 12:00 PM
Event type: Team Event
Duration: 3 Hours
Comments: New Random Event Details

Date: August 5, 2024 10:00 AM - August 5, 2024 11:00 AM
Event type: Admin
Duration: 1 Hour
Comments: New Random Event Details

Added using API
Date: August 5, 2024 - August 5, 2024
Event type: Team Event
Duration: 1 Day
Comments: New Random Event Details

Date: August 5, 2024 - August 5, 2024
Event type: Team Event
Duration: 1 Day
Comments: New Random Event Details

[tmcconechy]

It should overlap like this
https://main-enterprise.demo.design.infor.com/components/calendar/test-overlaping-events.html

So not sure whats going on here...

[tmcconechy]

https://inforwiki.atlassian.net/browse/IDS-4868