Vue项目中为FullCalendar日期范围事件添加可显示的时间范围

我正在开发一个Vue项目，目前已实现添加日期范围事件的功能，示例代码如下：

const eventList = [{
  status: "Pending",
  title: "title",
  start: "2022-10-19",
  end: "2022-10-21",
  // startTime: '10:00',
  // endTime: '12:00',
}]

当前代码对应的视图预览：

• 月视图预览：
• 周视图预览：

现需为每个事件添加时间范围，使其在周视图中可见，最终效果需符合目标截图样式：

内容的提问来源于stack exchange，提问作者Atul Singh