React Scheduler - Current Time Indication

The Scheduler displays a specific indicator that highlights the current time on a view by default. The indicator is available only on views containing the time scale.

Current Time Indicator

Use the showCurrentTimeIndicator property to control the indicator's visibility.

JavaScript
  • $(function(){
  • $("#schedulerContainer").dxScheduler({
  • // ...
  • showCurrentTimeIndicator: true
  • });
  • });

Additionally, you can apply shading to cover the timetable up to the current time by assigning true to the shadeUntilCurrentTime property.

JavaScript
  • $(function(){
  • $("#schedulerContainer").dxScheduler({
  • // ...
  • showCurrentTimeIndicator: true,
  • shadeUntilCurrentTime: true
  • });
  • });

View Demo

See Also