react-big-scheduler
react-big-scheduler copied to clipboard
How to center current time
currently in day mode, current time are on the left, how can I center that by default. And also how can I add current time
indicator like line or something?
@ardaplun Hi, you can set Scheduler.leftCustomHeader to center current time:
<Scheduler schedulerData={viewModel}
leftCustomHeader={<div />}
prevClick={this.prevClick}
nextClick={this.nextClick}
onSelectDate={this.onSelectDate}
onViewChange={this.onViewChange}
eventItemClick={this.eventClicked}
viewEventClick={this.ops1}
viewEventText="Ops 1"
viewEvent2Text="Ops 2"
viewEvent2Click={this.ops2}
updateEventStart={this.updateEventStart}
updateEventEnd={this.updateEventEnd}
moveEvent={this.moveEvent}
newEvent={this.newEvent}
/>
and use nonAgendaCellHeaderTemplateResolver
to indicate current time, see this demo
thanks, but I mean something like this
So we know what time are now.
@ardaplun Hi, you can set Scheduler.leftCustomHeader to center current time:
<Scheduler schedulerData={viewModel} leftCustomHeader={<div />} prevClick={this.prevClick} nextClick={this.nextClick} onSelectDate={this.onSelectDate} onViewChange={this.onViewChange} eventItemClick={this.eventClicked} viewEventClick={this.ops1} viewEventText="Ops 1" viewEvent2Text="Ops 2" viewEvent2Click={this.ops2} updateEventStart={this.updateEventStart} updateEventEnd={this.updateEventEnd} moveEvent={this.moveEvent} newEvent={this.newEvent} />
and use
nonAgendaCellHeaderTemplateResolver
to indicate current time, see this demo