sentical v0.0.2

Sentice Calendar

<div id='calendar' class='sentice-calendar'></div>

let sentical = $('#calendar').Sentical({
    // options
});

Options

// To show the week number then add this:
showWeekNumber: true/false,

// To set which day should be set as first in the week add this:
dayStartWeek: 'wednesday',

// You can set which days should be highlighted in the calendar and optionally css for them. If css is not provided, default css is set
highlightDays: {
   ['monday', 'wednesday'],
   // Optional CSS
   css: {
       'background':    'black',
       'color':         'white',
       'border':        '1px dashed yellow'
   }
},

// To set which attributes should be added to the events in the calendar add this:
eventAttributes: {
    class: 'some_class'
},

// To add CSS to the events in the calendar add this:
eventCss: {
    color: 'green'
},

// To add custom buttons add this:
customButtons: [
    {
        id:         'the_button_id',
        text:       'Click Me',
        onClick:    functionDeclaration
    }
],

onMonthViewRender: function(view) {
    firstDisplayedDate  = view.startDate;   // type: Date object
    lastDisplayedDate   = view.endDate;     // type: Date object
}

onEventClick: function(event) {
    // `event` is the event html tag
}