General Date & Time pickers Event Calendar Form components Gesture enabled responsive list Numeric pickers Pickers & dropdowns Page layout & navigation Tools Accessibility

Writing Language Modules

We offer and support a number of translations for the Mobiscroll library. If you don't find the language you're looking for, no problem. It's easy to create a language file that you can use.
Just create your language file based on the following template:

import { mobiscroll } from '../lib/mobiscroll/js/mobiscroll.angular.min.js'
    
mobiscroll.i18n['en-GB'] = {
    // Core
    rtl: false, // Right to left mode
    setText: 'Set',
    cancelText: 'Cancel',
    clearText: 'Clear',
    selectedText: '{count} selected',
    selectedPluralText: '{count} selected',
    // Datetime component
    dateFormat: 'dd/mm/yy',
    dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
    dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
    dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
    dayText: 'Day',
    hourText: 'Hours',
    minuteText: 'Minutes',
    monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
    monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
    monthText: 'Month',
    secText: 'Seconds',
    amText: 'am',
    pmText: 'pm',
    timeFormat: 'hh:ii A',
    yearText: 'Year',
    nowText: 'Now',
    // Calendar component
    firstDay: 0,
    dateText: 'Date',
    timeText: 'Time',
    calendarText: 'Calendar',
    closeText: 'Close',
    todayText: 'Today',
    prevMonthText: 'Previous Month',
    nextMonthText: 'Next Month',
    prevYearText: 'Previous Year',
    nextYearText: 'Next Year',
    // Event calendar
    eventText: 'event',
    eventsText: 'events',
    // Daterange component
    fromText: 'Start',
    toText: 'End',
    // Measurement components
    wholeText: 'Whole',
    fractionText: 'Fraction',
    unitText: 'Unit',
    // Numpad date
    delimiter: '/',
    // Numpad decimal
    decimalSeparator: '.',
    thousandsSeparator: ',',
    // Timer / Timespan component
    labels: ['Years', 'Months', 'Days', 'Hours', 'Minutes', 'Seconds', ''],
    labelsShort: ['Yrs', 'Mths', 'Days', 'Hrs', 'Mins', 'Secs', ''],
    // Timer component
    startText: 'Start',
    stopText: 'Stop',
    resetText: 'Reset',
    lapText: 'Lap',
    hideText: 'Hide',
    // Forms
    offText: 'Off',
    onText: 'On',
    // Listview
    backText: 'Back',
    undoText: 'Undo'
};
Download the language template file

Save the file in the following format: mobiscroll.i18n.{lang-code}.js (e.g. mobiscroll.i18n.en-GB.js). We recommend the usage of ISO 639-1 language codes with region subtag, if applicable (e.g. 'de' for German, 'en-GB' for British English, 'pt-BR' for Brazilian Portuguese).

Then you can import the saved file in your app module like this:

import { MbscModule } from '../lib/mobiscroll/js/mobiscroll.angular.min.js';
// import your template file from the location you saved it
import '../lib/mobiscroll/js/mobiscroll.i18n.en-BG.js';

@NgModule({
    imports:      [ BrowserModule, MbscModule, FormsModule ],
    declarations: [ AppComponent ],
    bootstrap:    [ AppComponent ]
})
export class AppModule { }

Mobiscroll Translations are supported by the community. If you have translated mobiscroll to any language, feel free to send a pull request to our GitHub repo or send us an email, so others can also download it as an official mobiscroll translation.