Example of Scroll Time in React Scheduler Component

All Controls

/

Schedule

/

ScrollTo

This demo illustrates the way of manually scrolling to specific time on Schedule.

More Details...

12:00 AM

1:00 AM

2:00 AM

3:00 AM

4:00 AM

5:00 AM

6:00 AM

7:00 AM

8:00 AM

9:00 AM

10:00 AM

11:00 AM

12:00 PM

1:00 PM

2:00 PM

3:00 PM

4:00 PM

5:00 PM

6:00 PM

7:00 PM

8:00 PM

9:00 PM

10:00 PM

11:00 PM

Explosion of Betelgeuse Star 4:00 AM - 5:30 AM Space Center USA Alien Civilization 8:30 AM - 10:30 AM Space Center USA	The Cycle of Seasons 12:00 AM - 2:00 AM Research Center of USA Thule Air Crash Report 6:30 AM - 8:30 AM Newyork City Space Galaxies and Planets 11:30 AM - 1:00 PM Space Center USA	Blue Moon Eclipse 4:00 AM - 5:30 AM Space Center USA The Cycle of Seasons 9:00 AM - 10:30 AM Research Center of USA	Meteor Showers in 2021 7:30 AM - 9:00 AM Space Center USA	Lifecycle of Bumblebee 12:30 AM - 2:00 AM San Fransisco Mysteries of Bermuda Triangle 4:00 AM - 5:30 AM Bermuda Milky Way as Melting pot 6:30 AM - 8:30 AM Space Center USA Alien Civilization 10:30 AM - 12:30 PM Space Center USA	Glaciers and Snowflakes 5:30 AM - 7:00 AM Himalayas Sky Gazers 9:00 AM - 10:30 AM Greenland	Life on Mars 3:30 AM - 4:30 AM Space Center USA Facts of Humming Birds 7:00 AM - 9:00 AM California

Properties

Scroll To

Description

In this demo, the way of manually scrolling to specific time on scheduler has been demonstrated by making use of the scrollTo method of Schedule.