MindFusion.Scheduling for JavaScript: Interactive HTML5 Calendars and Schedules

About MindFusion.Scheduling

MindFusion's JavaScript Scheduling Library, a part of MindFusion.JavaScript Pack, is a lean and powerful interactive library that lets developers easily create timetables, calendars with events, resource tables, task schedules, appointment lists and much more. The control boasts an intuitive API with self-explanatory member names, detailed documentation and many samples. Numerous properties and flexible CSS styling through themes provide full control over the appearance of each item and schedule. All user actions are reported by events. Various built-in forms provide convenient way for the users to create, edit and delete items, recurrences, reminders and appointments.

Getting Started

To run the samples locally:

1. Navigate to the project root directory.
2. Run npm start in your terminal. This will launch a local web server and open the samples in your default browser.

Features

• Multiple View Types: Supports a wide variety of views including single month, month range, week range, list, resource, and timetable views.
• Interactivity: Supports user interactions like item creation, modification, and deletion, as well as drag and drop.
• Data Binding: Bind the calendar to a list of custom objects.
• Customization: Extensive customization options for styles, colors, fonts, and more.
• Recurring Events: Create and manage recurring events with various recurrence patterns.
• Localization: Localize the calendar using CLDR.
• Themes: A rich set of themes to choose from.

Source Code

A MindFusion.Scheduling license can be purchased with the control's complete source code. The library is being fully developed in JavaScript.

Samples

MindFusion.Scheduling comes with the following examples, which demonstrate different aspects of the control's functionality:

• Booking: Create and edit reservations for the four rooms defined as locations for the schedule.
• CustomItem: The sample shows how to create custom item and resource-derived classes and enable serialization.
• DualView: The sample presents a single schedule instance in two different calendar controls - a timetable and a week range.
• FirstSchedule: A sample that demonstrates all basic actions: how to build a schedule, customize the view, create a custom CSS theme, handle events and save/load the calendar to /from a Json file.
• GardenCalendar: A 12-month garden calendar is presented in a horizontal list view, grouped by resources, where each resource represents a different crop.
• Holidays: A schedule with the SingleMonth view with data fetched from a public api, which exposes Roman Catholic liturgical calendar celebrations for the selected month.
• Interactions: The sample shows how the calendar control's response to different user interactions can be customized.
• Items: The sample teaches you the basics of creating schedule items.
• ListView: A demonstration of the capabilities of the ListView and its ability to display a number of cells, representing a single second, minute, hour, day, week, month or year time interval.
• MinApp: A quick guide on the bare minimum you need to know to create a responsive JavaScript schedule with the library.
• MonthView: A demonstration of the MonthRange and SingleMonth views with their settings and capabilities.
• Resources: This sample demonstrates the grouping and filtering capabilities of Scheduling for JavaScript.
• ResourceView: Demonstrates the capabilities of the resource view, which displays the distribution of items over a period of time for particular contacts, locations, tasks or resources.
• Timetable: The sample demonstrates the features of the Timetable view, which displays one or more days, divided in arbitrary time intervals.
• Views: This sample shows how to use different calendar views to achieve different levels of detail in a single Calendar object.
• WeekView: This sample shows the capabilities of the WeekRange view, which displays a range of weeks.

History

Version 2.3

• Date and time formatting by Intl

Version 2.2

• Calendar.repainted event

Version 2.0

• ES5 and ES6-compatible scripts in distribution
• Localization through CLDR
• TypeScript WebPack samples

Version 1.2.1

• XML and JSON serialization improvements
• Custom item and resource-derived classes support
• Calendar.itemDraw event

Version 1.2

• Calendar.startTime, endTime, itemsStartTime, itemsEndTime properties
• Calendar.getItemCells, getCellItems, getItemDom methods
• Calendar.scheduleChanged event
• Item interaction events replaced with itemModifying and itemModified events
• Schedule.getAllItems method
• Schedule.itemsChanging, itemsChanged events
• BaseForm.calendar, item, controls properties
• BaseForm.getElement, getHeader, getContent methods replaced with properties
• expandDayHeaders property
• Localization json files
• Updated themes

Version 1.1

• ItemSettings.titleFormat and tooltipFormat
• VSDoc intellisense
• React samples

Version 1.0

• Initial release

Contact Us

For any questions you might have about using the control:

• Email: support@mindfusion.eu

for administrative and sales information:

• Email: sales@mindfusion.eu

Our website:

• https://www.mindfusion.dev

Telephone for technical support:

• (+359) 889 199 729

Copyrights

Copyright (C) 2025, MindFusion LLC, Bulgaria All rights reserved.