0.28.0

• Add unit argument to onZoom and onTimeChange callbacks @hckr #655
• Add className prop to Timeline component to override react-calendar-timeline class #682
• support zoom level seconds #835 @horizon-plaza
• custom buffer prop (help with controlled scrolling) @Ilaiwi
• Fix injecting custom vertical line's class names for time periods longer than day @RafikiTiki
• fix Context Menu unintentionally disabled by default @dsgipe #769
• delete props headerLabelFormats and subHeaderLabelFormats not you can pass formatLabel function to DateHeader with label width and start and end time of intervals

What's Changed

• Fix docs for onCanvasDoubleClick and onCanvasContextMenu by @joncar in #706
• check for offsetParent before using by @danielcruser in #704
• Add className prop to top-level Timeline by @rmccue in #683
• update create-react-context version to v0.3.0 by @linzhaoken in #749
• Seconds zoom config by @horizon-plaza in #836
• Fix for Context Menu unintentionally disabled by default. Also a docu… by @dsgipe in #786
• Fix injecting custom class names for vertical lines by @RafikiTiki in #729
• Add unit argument to onZoom and onTimeChange callbacks by @hckr in #676
• 0.28.0 by @Ilaiwi in #863

New Contributors

• @joncar made their first contribution in #706
• @danielcruser made their first contribution in #704
• @rmccue made their first contribution in #683
• @linzhaoken made their first contribution in #749
• @horizon-plaza made their first contribution in #836
• @dsgipe made their first contribution in #786
• @RafikiTiki made their first contribution in #729
• @hckr made their first contribution in #676

Full Changelog: 0.26.7...0.28.0

0.26.7

0.26.7

• fix scrolling with trackpad @Ilaiwi #679
• remove duplicate proptype validation in TimelineStateContext @xat

0.27.0-beta

Fixes and Improvements

• create local stack context for z-index @Ilaiwi
• huge performance improvements @Ilaiwi
• new examples
• z-index: removed for vertical lines, cursor line, horizontal lines

New features

rowRenderer

This API would give you control to add custom UI on calendar rows using a render prop. You can control what is rendered by default with the library like Items and Vertical/Horizontal lines, and the renderer will provide you the ability to render custom backgrounds and droppable layers for custom dnd.

hideHorizontalLines prop

Boolean to hide or show HorizontalLines. true by default. Hiding the horizontalLines will have a good impact on performance.

helpers

Helpers are methods provided by HelperContext. These helpers power most of the rendered UI in the timeline like: Headers, Markers, Items and row renderers.

breaking changes

• onItemMove

changed from onItemMove(itemId, dragTime, newGroupOrder) to onItemMove(itemId, dragTime, newGroupId). Now you will be provided with a new group id instead of new group order

• onItemDrag

changed from providing newGroupOrder to newGroupId. Now you will be provided with a new group id instead of new group order

• saving state in Item using itemRenderer

if you render a stateful component via itemRenderer then the state will be lost because item will unmount in some cases

• You need to do e.stopPropagation() for all callbacks passed to itemRenderer

0.27.1-beta

fix horizontal line styles to match original

0.26.6

• fix visibleTimeStart, visibleTimeEnd and onTimeChange not working as expected in controlled mode @Ilaiwi

examples

two new examples

Controlled scroll

Controlled visible port of the calendar using visibleTimeStart and visibleTimeEnd. This also limits scrolling by mouse and adds two buttons to change the visible port of the calendar

Example Codesandbox

Programmatically Scrolling

Using controlled scroll and react-spring to trigger scrolling and create an animation.

Example Codesandbox

0.26.5

• improve performance by:
  • eliminate extra call of layout on state update @Ilaiwi
  • eliminate unmounting and mounting of Interval Component @Ilaiwi

0.26.4

0.26.4

• fix react-calendar-timeline not working with react-hot-loader #607 @Ilaiwi + @westn

0.26.3

0.26.3

• add documentation for onItemDeselect #350 @Ilaiwi
• solve a bug where onItemDeselect is not triggered as expected for several item clicks #350 @Ilaiwi
• fix row height on browser scaling #615 #414 @gaston-niglia

0.26.1

0.26.1

• fix issue where mouse down gets stuck when scrolling the timeline #526 @KhalidArdah

you can as well solve the issue without upgrading by adding the following style

.react-calendar-timeline .rct-horizontal-lines {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

as here

0.26.0

0.26.0

Added

• Add onItemDrag prop to <Timeline /> #517 @bettymakes
• Upgrade to Babel 7.5.0, Jest 24.8.0, Enzyme 3.10.0 @trevdor

Breaking

• Removed <InfoLabel /> in favour of allowing for custom component to be rendered on move or resize. Check out the demo in demo/app/demo-custom-info-label for an example on how to display your own custom info label or this example.