日视图，如何制作自定义活动卡片/活动内容？

Question

在日视图中，如何更改事件内容的样式。

我能够制作自定义工具栏并更改 timeSlotWrapper 的一些样式，但无法控制事件内容。

我尝试了下面的代码并使用下面的代码实现了一些自定义。 我已经创建了一个sandbox，其中包含我目前拥有的所有代码。

目前我有这个：

预期 -

我希望能够显示带有事件内容的彩色条。

我尝试在 issues 中搜索，但目前找不到任何可以帮助我的代码。

有人可以帮我指出正确的方向吗？ 谢谢。

Answer 1

您可以提供自定义事件布局并将其传递给您的 components 道具

<Calendar
  components={{
    event: CustomEvent
  }}
  ...other props
/>

您还可以使用 eventPropGetter 属性添加其他类名或样式。