• Material
  • Fabric
  • Bootstrap
  • High Contrast
Theme Selection
Mode Selection
Essential JS 2
All Controls


This demo showcases how the flat Schedule 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.

Current Date:

The Schedule is an event calendar which facilitates user with the common Outlook-calendar features, thus allowing them to plan and manage the appointments and its time in an efficient manner. It comes with 6 different view modes as listed below, out of which the Week view is set as active.

  • Day
  • Week
  • Work Week
  • Month
  • Agenda
  • Month Agenda

To navigate between views and dates, the navigation options are available at the Schedule header bar and the active view option is highlighted in it 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 required date selection.

Touch actions on Mobile mode

Action Description
Single Tap Single tapping on events, opens the popup showing event information.
Tap hold
  1. Tap holding on cells, opens the new event editor.
  2. Tap holding on events, opens a small popup at the top holding the options to edit or delete and also displays the selected event's subject. As a continuation of this action, if user keeps on single tapping on other events will allow the multiple event selection along with that popup remaining in opened state counting the number of events selected.
  3. Tap holding the events will also open the tooltip on Schedule.