feat: adds currentTimeIndicator component to Calendar (#1)

src/Calendar.js

@@ -731,6 +731,7 @@ class Calendar extends React.Component {
      *   timeSlotWrapper: MyTimeSlotWrapper,
      *   timeGutterHeader: MyTimeGutterWrapper,
      *   resourceHeader: MyResourceHeader,
+     *   currentTimeIndicator: MyCurrentTimeIndicator,
      *   toolbar: MyToolbar,
      *   agenda: {
      *   	 event: MyAgendaEvent, // with the agenda view use a different component to render events
@@ -764,6 +765,8 @@ class Calendar extends React.Component {
       timeGutterHeader: PropTypes.elementType,
       resourceHeader: PropTypes.elementType,
 
+      currentTimeIndicator: PropTypes.elementType,
+
       toolbar: PropTypes.elementType,
 
       agenda: PropTypes.shape({

src/CurrentTimeIndicator.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+
+const CurrentTimeIndicator = ({ position }) => (
+  <div className="rbc-current-time-indicator" style={{ top: `${position}%` }} />
+)
+
+CurrentTimeIndicator.propTypes = {
+  position: PropTypes.number,
+}
+
+export default CurrentTimeIndicator

src/DayColumn.js

@@ -13,6 +13,7 @@ import TimeSlotGroup from './TimeSlotGroup'
 import TimeGridEvent from './TimeGridEvent'
 import { DayLayoutAlgorithmPropType } from './utils/propTypes'
 
+import CurrentTimeIndicator from './CurrentTimeIndicator'
 import DayColumnWrapper from './DayColumnWrapper'
 
 class DayColumn extends React.Component {
@@ -124,6 +125,9 @@ class DayColumn extends React.Component {
 
     const { className, style } = dayProp(max)
 
+    const CurrentTimeIndicatorComponent =
+      components.currentTimeIndicator || CurrentTimeIndicator
+
     const DayColumnWrapperComponent =
       components.dayColumnWrapper || DayColumnWrapper
 
@@ -173,9 +177,8 @@ class DayColumn extends React.Component {
           </div>
         )}
         {isNow && this.intervalTriggered && (
-          <div
-            className="rbc-current-time-indicator"
-            style={{ top: `${this.state.timeIndicatorPosition}%` }}
+          <CurrentTimeIndicatorComponent
+            position={this.state.timeIndicatorPosition}
           />
         )}
       </DayColumnWrapperComponent>