Use the event calendar on both mobile and desktop screens and switch between modes with the resposnive API.
See the calendar in actionWhether 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 actionList 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 actionUse 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 actionBoth 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 eventsAdd & 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 eventsBesides 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 actionBesides 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 rendersEvents 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 demoonPageLoading: 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');
Show localized date and time formats in the event listing, agenda and calendar views. Localization includes micro-copy for buttons & dialogs as well.
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.
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.
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.
Can be used by multiple developers in multiple projects. For technical support, seats need to be purchased as an add-on to the license.
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.
Pricing per product or the full toolset