@oddle.me/react-calendar-timeline 0.29.7 → 0.29.8

package/lib/lib/headers/CustomDateHeader.js

@@ -47,11 +47,7 @@ function CustomDateHeader(_ref) {
       intervalRenderer: intervalRenderer,
       headerData: headerData
     });
-  }), markerTimeProps && _react["default"].createElement("div", {
-    className: 'rct-header-time-marker ' + markerTimeProps.className,
-    style: {
-      position: 'absolute',
-      left: markerTimeProps.left
-    }
-  }, markerTimeProps.formatter ? markerTimeProps.formatter(markerTimeProps.time) : (0, _moment["default"])(markerTimeProps.time).format('hh:mm aa')));
+  }), markerTimeProps && markerTimeProps.renderer(markerTimeProps.time, {
+    left: markerTimeProps.left
+  }));
 }

package/lib/lib/headers/CustomHeader.js

@@ -116,14 +116,11 @@ function (_React$Component) {
         return null;
       }
 
-      var className = markerTime.className,
-          time = markerTime.time,
-          formatter = markerTime.formatter;
+      var time = markerTime.time,
+          renderer = markerTime.renderer;
       return {
-        className: className,
-        time: time,
-        formatter: formatter,
-        left: getLeftOffsetFromDate(time)
+        left: getLeftOffsetFromDate(time),
+        renderer: renderer
       };
     });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oddle.me/react-calendar-timeline",
-  "version": "0.29.7",
+  "version": "0.29.8",
   "description": "react calendar timeline",
   "main": "lib/index.js",
   "types": "src/global.d.ts",

package/src/global.d.ts

@@ -410,9 +410,8 @@ declare module '@oddle.me/react-calendar-timeline' {
       | undefined
     height?: number | undefined
     markerTime?: {
-      className?: string
       time: Date
-      formatter?: (date: Date) => string
+      renderer: (time: number, style: React.CSSProperties) => React.ReactNode
     }
   }
   export class DateHeader<Data = any> extends React.Component<