I want library Css change on event.So in this page i will have some appointments as rectangle and some will be as line .So if i apply above fix it will give all the appointments as line .
So i want create event template i will create different task template .
Please have a look in below eventTemplate.
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.
}
}
