Календарь на react.js

Для сайта(на react) нужен календарь с событиями. События могу быть как на один день, так и на какой-то период, также может быть такое, чтоб события могут пересекаться. (например: событие_1: 1 июля - 10 июля, событие_2: 6 июля). Хочется не использовать какой-то готовый, а все-таки написать самому.

Как в таком случае должна выглядеть логика работы календаря?

Мои рассуждения: Каждый день в календаре должен быть отдельный компонент, который в себе содержал бы информацию о дне(какие события там есть, какой это день/месяц/год). В зависимости от информации в нем (одиночное событие/ начало длинного/конец длинного события) должны генерироваться внутренние блоки(например просто цветные div). Как в таком случае искать эти дни(компоненты) для обновления информации, если информация будет подгружаться динамически, либо после рендеринга структуры календаря? Если каждая ячейка рендерится независимо друг от друга, то как согласовать пересекающиеся события, чтобы при отображении они не накладывались друг на друга?

Каждый месяц - какая-то структура, например, таблица, состоящая из дней. ну и соответственно меняется при переходе пользователем между месяцами(например, по нажатию на кнопку)

Я пытался/пытаюсь разобраться как работают другие event calendars на гитхабе, но пока не получается((. Буду благодарен за любые советы/направления изучения.

Спасибо.