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
What you'll learn
As part of Event calendar and scheduler it can be picked up with the Scheduling & calendaring and Complete licenses.
Browse the various components and demos
Close
V5
Mobiscroll 5
Mobiscroll 4
Event calendar
Highlights
Date & Time pickers
Highlights
Pickers & dropdowns
Primary components
Highlights
Form components
Highlights
Page layout & navigation
Form components
Event calendar
Timeline
v5
Date & Time pickers
Calendar
Date & Time
Range
Timespan
Event calendar
Agenda
Event calendar
Scheduler
Timeline
Setting up the timeline
Common use cases
Employee shift planning
Work order scheduling
Meeting planner across timezones
Restaurant shift management
Weekly meal planner
Dynamically color & invalidate
Configuring the view
Configure the timeline
Customize view range
Custom range view
Equal row height
Daily event summary
Day, week, work week
Timezones
Switching timezones
Templating
Drag & drop
Resources
Event data structure
Loading events & data sources
Third party calendar integrations
Sync events to google calendar
Sync events to outlook calendar
Load events from public google calendar
CRUD operations
Customizing the look & feel
Localization & tapping into the lifecycle
Form components
Collapsible
Forms
Slider & progress
Timer
Gesture enabled responsive list
Cards
Listview
Scrollview
Numeric pickers
Measurement
Number
Numpad
Page layout & navigation
Grid layout
Navigation
Popup
Styling
Pickers & dropdowns
Color
Option List
Scroller
Select
Treelist
<