Помощ при програмиране, отговори на въпроси / Javascript / Как се рисуват събития в календара? - javascript, jquery, html5, календар, денпилот

Как се събират събитията в календара? javascript, jquery, html5, календар, daypilot

Работя по проект, в който трябва да създам уеб базиран дневен календар на събитията, който динамично показва събитията. Разбирам общата идея зад задния част на календара на събитията

Обаче не разбирам:

Как се очертават кутии / барове за събития на таблицата, които представляват времеви интервали. Нормални бутони ли са? Или нещо друго?

Нека кажем, че са бутони; тогава:

Как можем да ги покажем на правилното място натаблицата въз основа на събитията „начално и крайно време, което получаваме от бекенда. Тоест как можем да гарантираме, че полетата / баровете за събития са изтеглени от определен времеви интервал към друг времеви интервал?

РЕДАКТИРАНЕ : Искам да персонализирам календар на събитията на daypilot за да създадете дневен календар на събитията, който се показвасъбития динамично от бекенд. Не искам името и подробностите на събитието да бъдат написани на полето, представящо събитието. Искам всички кутии, представящи събития, да имат еднаква ширина, но различна височина зависи от продължителността на събитието (вижте снимката по-долу).

Въпросът е коя функция / метод е отговорен за рисуването на полета „кутии в таблицата с времеви интервали? Надявам се, че въпросът е добре описан сега.