Как написать логику рендеринга событий в календаре событий

Пишу календарь событий на vue и бьюсь уже три дня над попыткой придумать логику рендеринга событий недельного календаря таким образом, что бы события реагировали на положение других событий того же дня, и изменяли свою ширину дабы не перекрывать собой остальных. Пример того, что требуется:

Подскажите как это реализовать?