javascript - イベントはカレンダーにどのように描かれますか?

Question

イベントを動的に表示する Web ベースの毎日のイベント カレンダーを作成する必要があるプロジェクトに取り組んでいます。イベント カレンダーのバックエンド部分の背後にある一般的な考え方を理解しています

しかし、私は理解していません：

1. タイムスロットを表すテーブルにイベントのボックス/バーがどのように描画されるか。それらは通常のボタンですか？または、他の何か？

それらがボタンだとしましょう。それから：

2. バックエンドから取得したイベントの開始時間と終了時間に基づいて、テーブルの正しい場所にそれらを表示するにはどうすればよいでしょうか。つまり、イベントのボックス/バーが特定のタイム スロットから別のタイム スロットに描画されるようにするにはどうすればよいでしょうか?

EDIT : daypilot のイベント カレンダーをカスタマイズ して、バックエンドから動的にイベントを表示する毎日のイベント カレンダーを作成したいと考えています。イベントを表すボックスにイベントの名前と詳細を書きたくない。イベントを表すすべてのボックスの幅を同じにしたいのですが、高さはイベントの長さに応じて異なります (下の図を参照)。

問題は、タイム スロット テーブルにイベントのボックスを描画する役割を担う関数/メソッドはどれかということです。質問がよく説明されていることを願っています。