code: function TimeGridEvent(props) {
    const {
      style,
      className,
      event,
      accessors,
      isRtl,
      selected,
      label,
      continuesEarlier,
      continuesLater,
      getters,
      onClick,
      onDoubleClick,
      components: { event: Event, eventWrapper: EventWrapper },
    } = props
    let title = accessors.title(event)
    let tooltip = accessors.tooltip(event)
    let end = accessors.end(event)
    let start = accessors.start(event)
  
    let userProps = getters.eventProp(event, start, end, selected)
  
    let { height, top, width, xOffset } = style
    const inner = [
      <div key="1" className="rbc-event-label">
        {label}
      </div>,
      <div key="2" className="rbc-event-content">
        {Event ? <Event event={event} title={title} /> : title}
      </div>,
    ]
  
    return (
      <EventWrapper type="time" {...props}>
        <div
          onClick={onClick}
          onDoubleClick={onDoubleClick}
          style={{
            ...userProps.style,
            top: `${top}%`,
            height: `${height}%`,
            [isRtl ? 'right' : 'left']: `${Math.max(0, xOffset)}%`,
            width: `${width}%`,
          }}
          title={
            tooltip
              ? (typeof label === 'string' ? label + ': ' : '') + tooltip
              : undefined
          }
          className={cn('rbc-event', className, userProps.className, {
            'rbc-selected': selected,
            'rbc-event-continues-earlier': continuesEarlier,
            'rbc-event-continues-later': continuesLater,
          })}
        >
          {inner}
        </div>
      </EventWrapper>
    )
  }
docs: /* eslint-disable react/prop-types