buy now
log in
Items size  Items spacing 

Interactive Scheduling Library Written in Pure JavaScript

MindFusion presents you the complete solution for all applications that need to render interactive timetables, event schedules or appointment calendars. Fully responsive, highly customizable and easy to integrate JavaScript scheduling library that you can quickly program according to your needs.

Download V2.0Install from npm

Selected Samples

Resource View

Run Download

Dual View

Run Download

First Schedule

JavaScript Scheduler: First Calendar
Run Download

More Samples


Localizing your schedule - all or parts of it - is done through the locale object whose fields you can see listed with the samples of the control. You can translate only the labels that are used by your JavaScript application.

API Overview: Localization

Resource View

Use the Resource view to organize the appointments for different members of your team. The view allows you to group the events by contacts or locations. You can also render several timelines and control the number of visible cells and the unit of each timeline.

API Reference: Resource View Settings
Online Sample: Resource View in the JavaScript Calendar

SingleMonth View

The SingleMonth view brings the classic calendar to your application: one month at a time, users can clearly see their appointments and scheduled events in the calendar cells.

API Reference: SingleMonth View Settings
Online Sample: Monthly Calendar in JavaScript
Monthly Calendar in JavaScript
JavaScript Scheduling Library: Timetable

Timetable View

The perfect way to organize the day for people whose work day consists of multiple appointments. The Timetable view lets you choose the time intervals and the number of days to be rendered. You can record several events at the same time.

API Reference: Timetable View Settings
Online Sample: Interactive Timetable in JavaScript

WeekRange View

Ideal for people who plan their schedule week for week. This view lets you customize the number of days to be rendered on each row, the number of days to display at once and how the days are arranged: a single week at a time or a week on each row of the schedule.

API Reference: WeekRange View Settings
Online Sample: Weekly Calendar in JavaScript
Weekly Calendar in JavaScript
JavaScript Scheduler: Month Range View

MonthRange View

The MonthRange view renders a number of months at the same time. Cells with events are highlighted. The number of months to render at the same time can be customized.

API Reference: MonthRange View Settings
Online Sample: Calendar Views

List View

Group the events in horizontal or vertical lists by location or contact with the list view. The view also gives you complete control over the time unit of the cells, the total number of cells and the number of visible cells.

API Reference: List View Settings
Online Sample: List View in the JavaScript Calendar
Responsive List with Resources
Events in the JavaScript Calendar


The Scheduling library raises both notification as well validation events for all actions performed by the users: item modification and creation, when items are deleted, clicked or double-clicked. The events provide useful information about the actions as well the possibility to cancel them.

API Overview: Events
Tutorial: Handling Events


All details of a schedule are styled through CSS – from the border lines of the navigation buttons to the background of the whole schedule. This flexible approach provides you with full control over the appearance of your calendars – you can employ any CSS styling technique that you wish to create just the right schedule that you need. The library also comes with a rich set of beautiful predefined styles.

API Overview: CSS Classes
Tutorial: CSS Styling
Online Sample: Styling of the JavaScript Calendar
JavaScript Calendar with CSS Styling
Save and Load a Schedule from a Json File

Export / Import

You can export the whole schedule or items from it – resources, contacts, locations, tasks – into a Json or XML file. The library also lets you import the files back to the schedule. The import/export is done with the call of a single method.

API Overview: Schedule Serialization
Tutorial: Import and Export to/from Json

Built-in Forms

A convenient and intuitive way for the user to create and edit appointments and recurrences.
Interactively Create Tasks in JavaScript

Task Form

A quick way to create new appointments and events.

Interactively Create Appointments in JavaScript

Appointment Form

Allows the user to edit the details of the appointment.

Interactively Create Recurring Events in JavaScript

Recurrence Form

Users can quickly create and customize a recurrence.

Why Choose MindFusion Js Scheduler?

Speed up the development process, get better results with less effort. Read "Why buy a license?"
Excellent Customer Support

Quick Support

Support questions are usually answered within hours of being received.

JavaScript Diagram

Various Samples

Numerous samples demonstrate all features of the library.

JavaScript Scheduler: Detailed API Reference

Detailed Documentation

All API members have comprehensive description with sample source code.

JS Schedule: Elegant API

Easy-to-use API

Elegant API design with intuitive member names.

Detailed Documentation


JavaScript intellisense file for all API members is included in the distribution archive.

JavaScript Schedule Library: Documentation

Tailored To Your Needs

Numerous settings, customization options and styling possibilities.

Detailed Documentation

Affordable Licenses

Team licenses, attractive discounts and competitive prices.

Source Code

Source Code

You can buy the complete source code of each JS control.

Upgrade Subscription

Upgrade Subscription

12-month upgrade subscription for each purchased JS component.

MindFusion Pack for JavaScript

Copyright © 2001-2024 MindFusion LLC. All rights reserved.
Terms of Use - Contact Us