0.17.1 (namespace-ee#342)

Author: mcMickJuice

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres (more or less) to [Semantic Versioning](http://semver.o
 
 ## Unreleased
 
+### 0.17,1
+
+### Added
+
+* pass canvasTimeStart/End via timelineContext to the itemRenderer prop
+
 ### 0.17.0
 
 ### Breaking

README.md

@@ -458,8 +458,10 @@ This component will also be passed a `timelineContext` object:
 
 ```typescript
 {
-  visibleTimeStart: number, // denotes the start time in ms of the timeline
-  visibleTimeEnd: number, // denotes the end time in ms of the timeline
+  visibleTimeStart: number, // denotes the start time in ms of the visible timeline
+  visibleTimeEnd: number, // denotes the end time in ms of the visible timeline
+  canvasTimeStart: number, // denotes the start time in ms of the canvas timeline
+  canvasTimeEnd: number, // denotes the end time in ms of the canvas timeline
   timelineWidth: number, // denotes the width in pixels of the timeline
 }
 ```

src/lib/Timeline.js

@@ -251,15 +251,24 @@ export default class ReactCalendarTimeline extends Component {
   }
 
   getTimelineContext = () => {
-    const { width, visibleTimeStart, visibleTimeEnd } = this.state
+    const {
+      width,
+      visibleTimeStart,
+      visibleTimeEnd,
+      canvasTimeStart
+    } = this.state
+    const zoom = visibleTimeEnd - visibleTimeStart
+    const canvasTimeEnd = canvasTimeStart + zoom * 3
 
     //TODO: Performance
     //prob wanna memoize this so we ensure that if no items changed,
     //we return same context reference
     return {
       timelineWidth: width,
       visibleTimeStart,
-      visibleTimeEnd
+      visibleTimeEnd,
+      canvasTimeStart,
+      canvasTimeEnd
     }
   }