Year display

The calendar allows to navigate throught the years. Every calendar starts "today", which means, in that case, that the displayed year is the current year.
When you click on a month's name, you can then select a date.

Note that allowYearView will be forced to true with that mode, of course

Regular display

Example of a regular display calendar with callback options. When clicking on a date with an event, you get all events occuring on that day and can do whatever you want with it.

Events will be displayed here.

Straight call

$('.calendar-widget--third').calendar({});

Default options are set like these:

Translations

As of now, only english is supported as an extra language. But you can fairly easily add your own languages by defining the translations in the options. See both supported languages next:

translations: {
    months: {
        fr : ['Janvier', 'Février', 'Mars', 'Avril','Mai', 'Juin', 'Juillet', 'Août', 'Septembre','Octobre', 'Novembre', 'Décembre'],
        en : ['January', 'February', 'March', 'April','May', 'June', 'July', 'August', 'September','October', 'November', 'December']
    },
    days: {
        fr : ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
        en : ['S', 'M', 'T', 'W', 'T', 'F', 'S']
    },
    nextMonthLabel : {
        en : 'Next Month',
        fr : 'Mois suivant'
    },
    prevMonthLabel : {
        en : 'Previous Month',
        fr : 'Mois précédent'
    },
    nextYearLabel : {
        en : 'Next Year',
        fr : 'Année suivante'
    },
    prevYearLabel : {
        en : 'Previous Year',
        fr : 'Année précédente'
    }
}