General Date & Time pickers Event Calendar Form components Responsive list Numeric pickers Pickers & dropdowns Layout & navigation Tools Accessibility


From version 4.2.0 Mobiscroll for Javascript comes with type definitions files, that allow better usage in typescript environments.

Installing types

Type definition files come with the extension *.d.ts and are included in every Mobiscroll package from version 4.2.0. Installing and importing the mobiscroll package makes the types available as well.

Example installing and using the types with npm:

$ mobiscroll config javascript --version=4

After installation the package needs to be imported into the app with the needed types:

import { mobiscroll, Calendar, MbscCalendarOptions } from '@mobiscroll/javascript'; // importing the package


// declaring the options with the type gives auto-suggest for settings
var options: MbscCalendarOptions = {
    theme: 'ios',
    calendarScroll: 'vertical'

// Initializing the calendar and saving the instance
var myCalendarInstance = mobiscroll.calendar('#myID', options) as Calendar;

// Calling instance methods
calendarInstance.setVal(new Date(), true, false);;