monthView.jade

.month-calendar-header
    h2(data-bind="text: title")
    .btn-toolbar
        .btn-group
            button.btn.btn-default(data-bind="click: prevMonth")
                span.fa.fa-step-backward
            button.btn.btn-default(data-bind="click: nextMonth")
                span.fa.fa-step-forward

.month-calendar-calendar
    .labels
        .week
            .day Mon
            .day Tue
            .day Wed
            .day Thu
            .day Fri
            .day Sat
            .day Sun
    .weeks(data-bind="foreach: weeks")
        .week(data-bind="foreach: days")
            .day(data-bind="click: $parents[1].selectedDay, css: { beforeMonth: beforeMonth, afterMonth: afterMonth, selected: $parents[1].selectedDay() === $data }")
                .dayOfMonth(data-bind="text: number")
                .title(data-bind="text: $data.title")
                div(data-bind="if: $data.events")
                    ul.events(data-bind="foreach: events")
                        li.event(data-bind="text: summary")