Создание компонента сетки задач в React js

Нужно понять как правильно сверстать шаблон для системы бронирования, как на скрине. Сам пробовал уже но не то.. Суть в том чтобы при клике на ячейку событие добавлялось с правильными данными(дата и Room) и потом из базы подгружалось на нужные ячейки. Как реализовать такое? Как бы вы верстали?? Сам пробовал уже несколько раз - не получается..