Event Calendar & Scheduler
for Mobile and Desktop

Tools for creating responsive event calendar and schedule views. More efficient than building your own, better on mobile than Fullcalendar or Syncfusion.

Get started for free with full functionality to build out your proof of concept.

Some of the smartest companies rely on mobiscroll for their UI, more than 7,700 to be more specific

Read what people say about us

Calendar, time grid, timeline and agenda

The event calendar supports four highly configurable views: a calendar view, a scheduler with time grid, a timeline and an agenda view.

See the calendar in action See the scheduler in action See the timeline in action See the agenda in action
Event calendar
Agenda view
Scheduler with time grid

Time grid with day, work week &
full week scheduler

Configure the time grid a single day or multi-day scheduler. Hide or disable time off, color the cells and configure the drag & drop interaction for a full fit.

Explore the scheduler
Work week
Disabled time range
Daily schedule

Responsive calendar view with
mobile & desktop mode

Use the event calendar on both mobile and desktop screens and switch between modes with the responsive API.

See the calendar in action
Mobile
Desktop

Support for multiple resources
in the same calendar

With built-in resource support schedule events, tasks for multiple people or assets at the same time. Customize the header to clearly show who the event owners are.

Drag & drop, drag to create, individual and shared events are supported out of the box.

See Resources in action
Render multiple resources
Individual events
Shared events

Drag & drop support for event
creation & manipulation

Control drag & drop on a granular level. Resize, move, drag to create and click to create works on both touch and non-touch interfaces.

Validate against blocked dates & times and trigger custom actions in the various lifecycle events.

Play around with drag & drop
Drag to create new events
Original event
Proposed event

Optimized for printing

We provide optimized styling applicable to printing and PDF export along with a quick and easy print method that can be called directly on the event calendar instance.

Try it on the calendar view Try it on the scheduler Try it on the agenda Try it on the timeline
Optimized event rendering
Vertical content rendered on multiple pages

Agenda - day, week, month &
custom range view

List out upcoming events with the agenda view. Set it up as a daily, weekly, monthly agenda or configure a custom range for the event list.

See the agenda view in action
Configurable range
Compact daily schedule
Daily, weekly, monthly agenda

Customizable event listing with
swipe gestures

Use the built in agenda view or render a custom list with swipe gestures and advanced functionality. Use images, icons and anything that makes sense for your use-case. Pass custom markup as the event data to render custom content.

Check out the custom listing in action
Swipe gestures, drag & drop
Event list withcustom markup

Single & multi-day events with support
for one-time & recurring events

Both single and multi-day events with variable start and end times are supported. One-time and recurring events are supported, like day of month, day of year, repeating weekdays and more.

Take a look at various events
Recurring events
One-time events
Multi-day events

Create & edit event forms with
custom data fields

Add & edit events with custom data properties. Put together the best forms to let your calendar shine with the various fields and date/time pickers.

See how to add/edit events
Confirm dialog
Custom add event form

Advanced components for
event editing

Besides the great collection of fields and inputs use the mobile friendly date/time scrollers and desktop optimized dropdowns or calendar views for your custom add/edit forms.

See it in action
Calendar view
Dropdown
Mobile time scroller

Pop-over event listing or list
view for schedule

Besides the labels, agenda views, custom event listing use the compact pop-overs to get the full picture of daily events. This contains everything, including events that don't fit the day cell.

Take a look at how the popover renders
Event list in popover
Happening at
Event length

Load events from a local data source
or a remote API

Events can be loaded from a local JSON object, from a remote API or on demand as users navigate the calendar or agenda.

See a live demo 
onPageLoading: function (event, inst) {
    var year = event.firstDay.getFullYear(),
        month = event.firstDay.getMonth();

    mobiscroll.util.getJson('https://trial.mobiscroll.com/monthlyevents/?year='
        + year + '&month=' + month, function (data) {
        //…
    }

mobiscroll.util.getJson('https://trial.mobiscroll.com/events/',
    function (events) {
        inst.setEvents(events);
    }, 'jsonp');
Load events on demand
Get data from remote API

Localization & culture settings

Show localized date and time formats in the event listing, agenda and calendar views. Localization includes micro-copy for buttons & dialogs as well.

Multiple themes & customization

Make the event calendar truly feel like a part of your application. Use the available themes and fine-tune it to your needs with the Theme Builder and Sass.

RTL & accessibility

Support RTL without headaches. No need to build special logic to support Right-to-Left languages. Keyboard support, screenreader and WAI-ARIA support is built in.

Customize downloads

Fine-tune and optimize package size to include only what you need. Using the basic agenda view for event listing? - don’t include the listview with gestures.

For internal project or SaaS

We offer two types of licenses, one for internal projects and another for multi-customer products including cloud-SaaS, PaaS, on-premise, white-label products.

1 year of free updates and support

Internal project licenses come with the first year of maintenance included. The maintenance agreement can be renewed on a yearly basis and cover minor & major versions, bug fixes, technical support, NPM and CI/CD access.

Angular & Ionic Angular demos

Event calendar live examples Scheduler live examples Timeline live examples Agenda live examples

React & Ionic React demos

Event calendar live examples Scheduler live examples Timeline live examples Agenda live examples

Plain Javascript demos

Event calendar live examples Scheduler live examples Timeline live examples Agenda live examples

jQuery demos

Event calendar live examples Scheduler live examples Timeline live examples Agenda live examples

Simple Pricing

Responsive scheduling & calendaring

For your internal project
from $995
Buy now
License for great scheduling & calendaring
Responsive Calendar view
Day view, week view & month view
Event calendar - configurable views with drag & drop
Agenda - day, week, month & custom range view
Scheduler - daily & weekly scheduler with drag & drop
Timeline - daily, weekly & monthly timeline view with drag & drop
Work week and work hour configuration
Single & multi-day with support for one-time & recurring events
Create & edit event forms
Advanced components for event editing
Localization & culture settings
Multiple themes & customization
RTL & accessability
Single internal project license
1 year of free updates and support
30 day money back guarantee
Explore various
licensing options
For your product business
 
Shop now
For SaaS, PaaS, on-premise, white-label products

Select the framework you are interested in

Javascript
jQuery
Angular
React
ionicons-v5_logos
Vue

Use Javascript when building with plain and simple JS.

Do you need additional support seats?

Adjust based on the number of front-end developers working with Mobiscroll. ( +$100/seat )

Add the source code?

Event Calendar
$395
Price $395
Buy now
Start Your Free Trial
Start your 90-day free trial and get all set up and running smoothly!
"Once we started using Mobiscroll, our conversions have improved and the experience became much more delightful!"
Daniel Maldonado, Sr. Web Designer, Ecommission Financial Services
🎉
Latest version released: v5.30
Released 3 days ago