Updated on Jun 23, 2022

React event calendar timeline with configurable day, week & month view

Use it in responsive mobile & desktop web apps and Ionic React projects

Calendar view

View live examples

Week, month & year views
Built in drag & drop
CRUD operations

Scheduler with time grid

View live examples

Day, week, work-week views
Resource support
Templating

Timeline view

View live examples

Customizable day, week, month views
Built in resources
Event D&D with CRUD operations

Agenda view

View live examples

Daily, monthly, yearly event list
Combine with week calendar
Templating

Recurring events

Multi-day events

Popover with full event list

Drag & drop

Templating

Resource support

Customizable times

Drag & drop

Manage multiple resources

Daily, weekly or monthly timeline

Drag & drop

Customizable range

Scroll to date

Recurring events

Templating

Daily, weekly or monthly agenda

The timeline features a horizontally scrollable view with multiple resource support for day, week, work-week and month with built in templating and drag & drop.
The four views - scheduler, calendar, timeline, agenda - can be combined to create the perfect user experience on mobile, desktop and on everything in-between.

The capabilities like recurring events, all-day, multi-day events, responsiveness are supported by all views.

Highlights

Drag & drop for events Templating Resources

CRUD operations with custom dialogs Common use cases

What you'll learn

Setting up the timeline Configuring the view Event data structure Loading events & data sources

Third party calendar integrations Customizing the look & feel Customizing the behavior

As part of Event calendar and scheduler it can be picked up with the Scheduling & calendaring and Complete licenses.