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 shadePreviousAppointments and 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: