Scheduling Library for JavaScript and TypeScript

Interactive JavaScript library that provides the complete feature set for creating calendars, schedules, timetables, resource lists, event tables and more.

Installing

For the latest stable version:

npm i @mindfusion/scheduling

Version 2.3

Maintenance release.

New in version 2.3

Localization improvements

MindFusion.Scheduling now uses the Intl API ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl) for localized formatting of dates and times. All properties of the Calendar control, that used to contain a format string, should now be set to an Intl.DateTimeFormat options object, e.g.:

settings.generalFormat = "dd MMMM";

must be changed to

settings.generalFormat = { day: '2-digit', month: 'long' };

The following list contains the fields and values that can be set in the options object:

• weekday: 'narrow' | 'short' | 'long'
• era: 'narrow' | 'short' | 'long'
• year: 'numeric' | '2-digit'
• month: 'numeric' | '2-digit' | 'narrow' | 'short' | 'long'
• day: 'numeric' | '2-digit'
• hour: 'numeric' | '2-digit'
• minute: 'numeric' | '2-digit'
• second: 'numeric' | '2-digit'
• timeZoneName: 'short' | 'long'
• timeZone: 'Asia/Shanghai'
• hour12: true | false
• hourCycle: 'h11' | 'h12' | 'h23' | 'h24'
• formatMatcher: 'basic' | 'best fit'

New in version 2.2

• repainted event raised after Calendar updates its DOM elements, letting you adjust their content or layout.
• realGroupType property returns the effective GroupType.
• buttonClick eventnow alsoraised when calendar is disabled (enabled property set to false).
• Improved React wrapper component in sample projects.
• Fixed exceptions when saving Schedule with recurrent events to JSON.

Documentation

• Detailed Documentation
• Getting started guide and tutorials

Samples

A lot of samples for the scheduling library are uploaded at the demo site.. Each sample can be downloaded with all library files from this page. You can download the library together with all samples from here.

Additional Information

Learn more about the JavaScript Scheduler from the official product page. Stay in touch with MindFusion about our latest product announcements, tutorials and programming guidelines via X or our company blog. A YouTube channel with interactive video tutorials is available here.

Technical Support

• Forum
• E-mail
• Help desk

Licensing

The end-user license agreement for JS Scheduler is here.