Планировщик событий, расписание дня, (ToDo list) на React.js?
Как сделать компонент так, если в одно и то же время есть два события то они должны занимать по 50% строки. А если одно событие - это занимает 100% строки.
Каким способом сделать компонент, как на втором скрине? Сначала есть событие с 14:00 до 14:30. Затем идет второе событие с 14:05 до 14:50, и третье событие с 14:45 до 15:15. Чтобы они не накладывались друг на друга. И чтобы начало и конец события соответствовали часам слева. Я знаю как сделать на чистом html и css. А надо в реакте сделать динамический компонент.