Hi Brett,
Syncfusion greetings.
Using renderCell and actionComplete events, we prepared the sample to navigate to TimelineDay view when the date is clicked in Month view.
this.change = false;
onRender(args) {
if (args.element.classList.contains('e-work-cells') && this.scheduleObj.currentView === "Month") {
args.element.children[0].onclick = this.ChangeView.bind(this);
}
}
ChangeView(e) {
this.scheduleObj.selectedDate = new Date(parseInt(e.target.parentElement.getAttribute('data-date')));
this.scheduleObj.currentView = "TimelineDay";
this.change = true;
}
Complete(args) {
if (args.requestType == "viewNavigate" && this.change) {
this.scheduleObj.currentView = "TimelineDay";
this.change = false;
}
}
<ScheduleComponent width='100%' height='550px' ref={schedule => this.scheduleObj = schedule} selectedDate={new Date(2018, 1, 15)} eventSettings={{ dataSource: this.data }} renderCell={this.onRender.bind(this)} actionComplete={this.Complete.bind(this)} currentView='Month'>
Regards,
Karthi