This demo showcases how the flat Scheduler looks like with its default set of minimal configurations. Here, some of the documentary shows are displayed as events parallel to its relevant telecast timings. The show names are given as event's subject and simply notified of the start and end of it.
The React Scheduler, a.k.a. event calendar, facilitates almost all calendar features, thus allowing users
to manage their time efficiently. It features easy resource scheduling, appointments rescheduling through
editor pop-ups, drag and drop, and a resizing action. It includes wide variety of view modes with unique
configuration options for each view. The available view modes are listed below, out of which the Week
view is set as active.
To navigate between views and dates, the navigation options are available at the Scheduler header bar and the active view option is highlighted by default. The date range of the active view will also be displayed in the header bar, clicking on which will open a calendar popup for ease of desired date selection.
Touch actions on Mobile mode
Action | Description |
---|---|
Single Tap |
|
Tap hold |
|
Module Injection
The key Schedule functionalities are maintained as individual feature-wise modules.
Therefore to avail with a particular feature, appropriate module needs to be injected using services
property under Inject
tag.
For example, to work with the day view on Schedule – it is necessary to inject the Day module using services
property under Inject
tag.
Note:In case, if the module of active view is not injected from the application end – then
the Scheduler is configured to display the first available option in the views
property.