The React Scheduler can display a current time indicator and shade appointments and cells up to the current time. This feature can be enabled in the day, week, and month views (the month view supports shading only).
Import the CurrentTimeIndicator plugin. Its
updateInterval property specifies how frequently the indicator's position should be updated. Set the
shadePreviousCells properties to
true to shade previous appointments and timetable cells:
To customize the current time indicator, use the
indicatorComponent property. You can also customize appointments and timetable cells: