Responsive
Event Calendar

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

Free 10 day trial with full technical support • We'll help you get started in no time!

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

Responsive calendar view with
mobile & desktop mode

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

See the calendar in action
Mobile
Desktop

Save space with configurable
week views

Whether you re looking for a single week view, multiple week view or a month view we have you covered. Combine it with an agenda for a great mobile experience.

See the week view in action
Show a single week to save space
Two weeks
Three weeks or more

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
One-time event
Multiple-day event
Recurring event

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 multiple projects & developers

Can be used by multiple developers in multiple projects. For technical support, seats need to be purchased as an add-on to the license.

Customize downloads

Licenses come with the first year of maintenance included. The maintenance agreement can be renewed on a yearly basisand includes minor & major versions, bug fixes and technical support.

Simple Pricing

Pricing per product or the full toolset

Responsive Event Calendar
$395
Buy now
License for building amazing event calendar
Responsive Calendar view
Week view & month view
Agenda view - day, week, month & custom
Customizable event listing with gestures
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
1 year of free updates and support
30 day money back guarantee
Explore various
licensing options
Framework
$595
Shop now
License for the full toolset

Select the framework you are interested in

Javascript
jQuery
Angular
Angular JS
React

Use Javascript when building with plain and simple JS.

Do you need additional support seats?

The license comes with one support seat. ( +$100/seat )

Add the source code?

Event Calendar
$395
Price $395
Buy now
Start Your Free Trial
We'll support you through the whole process of getting up & running.
"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: v4.10.2
Released last month