We are using the Angular schedule component and have some users who are at multiple locations. When they are booked at one location, we set a block event at their other location, to show they are unavailable initially. But we do allow overlap appointments. And if needed, the scheduler can add another appointment at the 2nd location that overlaps with the blocked event.
The issue is that blocked events aren't treated like regular appointments. So they completely overlap, rather than getting split like 2 appointments would in normal view. Or in timeline view instead of showing +1 more (or turning on rowAutoHeight to make the row bigger), they still just end up with the regular appt and the blocked event drawn on top of each other, making both hard to read or click on.
Normal appointment overlap:

Appointment and blocked overlap, one at 1030, one at 11:

2 overlapping blocked events:

Ideally we would like blocked events to behave like normal events for the purposes of overlap and layout, so that we can read them. This might be a feature request, to add an option to blocked events or as part of allowOverlap settings?
We are able to do a partial workaround using onEventRendered and checking isSlotAvailable but it gets more complicated if there are more than 2 events or a mix of appointment and blocked. And it's difficult to resize if the user changes between day or week view and has more space. It would be much simpler if we could just apply the same overlap logic that is applied to normal appointments to blocked ones. But whatever method resizes normal events does not seem to be available to apply to blocked or it does not recognize blocked events?
Ideally we would want it to look something like this, where blocked vs blocked and event vs blocked are treated the same as event vs event:

Is this possible? Thanks.