How can we customize the library CSS on an event.

eventTemplate (props: Object) {
  const taskType = getLodash(props, 'type');
  if (props.taskType === 'task') {
    return (
      <div className={styles.taskBarTemplate}
        style={{ background: props.statusColor }}>
        {props.taskAtRisk ? <div className={styles.cornIconMargin}>
          <CornWarning/></div> : null}
        <div className={styles.nameTimeMargin}>
          <div className={styles.nameFont}>{props.tId}</div>
          <div>
            {moment(props.startTime).format('h:mm a')} - {
              moment(props.endTime).format('h:mm a')}
          </div>
        </div>
      </div>
    );
  } else if (props.taskType === 'breakTime') {
    return (
      <div className={styles.breakTimeTemplate}>
        {<BreakTime/>}
      </div>
    );
  } else if (props.taskType === 'travelTime') {
    return /*There i want to change library CSS .So that if props.taskType === "travleTime" it will change library CSS only for that.
  }
}