Skip to content

Commit 50ad93e

Browse files
committed
0.26.6
1 parent f52767c commit 50ad93e

File tree

3 files changed

+27
-4
lines changed

3 files changed

+27
-4
lines changed

CHANGELOG.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,22 @@ and this project adheres (more or less) to [Semantic Versioning](http://semver.o
1111

1212
* fix `visibleTimeStart`, `visibleTimeEnd` and `onTimeChange` not working as expected in controlled mode @ilaiwi
1313

14+
### examples
15+
16+
two new examples
17+
18+
## Controlled scroll
19+
20+
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
21+
22+
[Example Codesandbox](https://codesandbox.io/s/timeline-demo-controlled-visible-time-no-scroll-659jb)
23+
24+
## Programmatically Scrolling
25+
26+
Using controlled scroll and react-spring to trigger scrolling and create an animation.
27+
28+
[Example Codesandbox](https://codesandbox.io/s/confident-waterfall-3kq2503y8p)
29+
1430
## 0.26.5
1531

1632
* improve performance by:

examples/README.md

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -60,11 +60,17 @@ Through group manipulation, you can achieve tree group views.
6060

6161
Note that this is the user code manipulating groups to achieve tree group functionality. This example is an illustration of how you can achieve this functionality. This is not a feature that is directly supported by the library.
6262

63+
## Controlled scroll
64+
65+
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
66+
67+
[Example Codesandbox](https://codesandbox.io/s/timeline-demo-controlled-visible-time-no-scroll-659jb)
68+
6369
## Programmatically Scrolling
6470

65-
Using `scrollRef` you can trigger scrolling and create an animation. This is an alternative to setting `visibleStartTime` and `visibleEndTime`.
71+
Using controlled scroll and react-spring to trigger scrolling and create an animation.
6672

67-
[Example Codesandbox](https://codesandbox.io/s/3kq2503y8p)
73+
[Example Codesandbox](https://codesandbox.io/s/confident-waterfall-3kq2503y8p)
6874

6975
## Sticky header
7076

@@ -76,4 +82,5 @@ Using `Timeline Header` you can make the header stick to the top of the page whi
7682

7783
Native info label was removed with 0.26.0 and now the responsibility to render to render the Info Label is on the user. The example bellow has InfoLabel that matches exactly the removed label
7884

79-
[Example Codesandbox](https://codesandbox.io/s/timeline-demo-info-label-neec9)
85+
[Example Codesandbox](https://codesandbox.io/s/timeline-demo-info-label-neec9)
86+

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-calendar-timeline",
3-
"version": "0.26.5",
3+
"version": "0.26.6",
44
"description": "react calendar timeline",
55
"main": "lib/index.js",
66
"scripts": {

0 commit comments

Comments
 (0)