如何使用react-big-calendar获取时隙的时间？

Question

我想获取时间段的时间并在将其悬停在gif波纹管以下时显示出来。

https://ibb.co/B3WyC42

我的日历是：

                 <DragAndDropCalendar selectable
                    localizer={localizer}
                    events={this.state.events} 
                    views={['month','week','day']}
                    defaultView="week"
                    culture = 'fr'
                    timeslots={2}
                    step={15}
                    style={{ height: "100vh",  }}
                    onSelectEvent={this.clickEvent}
                    onEventDrop={this.moveEvent}
                    min={new Date(2017, 10, 0, 7, 0, 0)}
                    max={new Date(2017, 10, 0, 21, 0, 0)} 
                    resizable 
                    date={this.state.selectedDay}
                    onNavigate={(date) => { this.setState({ selectedDay: date })}}
                    onEventResize={this.resizeEvent}
                    onSelectSlot={this.newEvent}
                    components={{
                      dateCellWrapper: ColoredDateCellWrapper,
                    }}
                  />

我的codeSandbox是： https://codesandbox.io/s/m7k904y3o8

我尝试在代码上将一个静态文本“ test”放到该时隙上，它可以工作，但是当我将其悬停时却不能。...

我想获得我在时隙上悬停的时间。

如何使其作为gif悬停？