{{#each matrices ~}}
{{#each this ~}} {{! matrix }}
{{#each this ~}} {{! column }}
{{#if this ~}} {{! viewmodel }}
    {{#fi this.top '<' @root.renderLimitIdx ~}}
    <div data-id="{{stamp model}}"
         class="{{CSS_PREFIX}}weekday-schedule-block
                {{CSS_PREFIX}}weekday-schedule-block-{{stamp model}}
            {{#if exceedLeft}} {{CSS_PREFIX}}weekday-exceed-left{{/if}}
            {{#if exceedRight}} {{CSS_PREFIX}}weekday-exceed-right{{/if}}"
         style="{{month-scheduleBlock this @root.dates @root.scheduleBlockHeight @root.gridHeaderHeight}};
                margin-top:{{@root.scheduleBlockGutter}}px">
        {{#fi model.isAllDay '||' hasMultiDates}}
        <div data-schedule-id="{{model.id}}" data-calendar-id="{{model.calendarId}}" class="{{CSS_PREFIX}}weekday-schedule {{#if model.isFocused}}{{CSS_PREFIX}}weekday-schedule-focused {{/if}}"
             style="height:{{@root.scheduleHeight}}px; line-height:{{@root.scheduleHeight}}px; border-radius: {{@root.styles.borderRadius}};
                {{#unless exceedLeft}}
                    margin-left: {{@root.styles.marginLeft}};
                {{/unless}}
                {{#unless exceedRight}}
                    margin-right: {{@root.styles.marginRight}};
                {{/unless}}
                {{#if model.isFocused}}
                    color: #ffffff; background-color:{{model.color}}; border-color:{{model.color}};
                {{else}}
                    color:{{model.color}}; background-color:{{model.bgColor}}; border-color:{{model.borderColor}};
                {{/if}}
                    {{model.customStyle}}">
            <span class="{{CSS_PREFIX}}weekday-schedule-title"
                  data-title="{{model.title}}">{{{allday-tmpl model}}}</span>
            {{#unless model.isReadOnly}}<span class="{{CSS_PREFIX}}weekday-resize-handle handle-y" style="line-height: {{@root.scheduleHeight}}px;">&nbsp;</span>{{/unless}}
        </div>
        {{else ~}}
        <div data-schedule-id="{{model.id}}" data-calendar-id="{{model.calendarId}}" class="{{CSS_PREFIX}}weekday-schedule {{CSS_PREFIX}}weekday-schedule-time"
            style="height:{{@root.scheduleHeight}}px; line-height:{{@root.scheduleHeight}}px; {{model.customStyle}}">
            <span class="{{CSS_PREFIX}}weekday-schedule-bullet"
                  style="top: {{@root.styles.scheduleBulletTop}}px;
                    {{#if model.isFocused}}
                        background: #ffffff
                    {{else}}
                        background:{{model.borderColor}}
                    {{/if}}
                    "
            ></span>
            <span class="{{CSS_PREFIX}}weekday-schedule-title"
                  style="
                    {{#if model.isFocused}}
                        color: #ffffff;
                        background-color: {{model.color}}
                    {{else}}
                        color:#333;
                    {{/if}}
                    "
                  data-title="{{model.title}}">{{{time-tmpl model}}}</span>
        </div>
        {{/fi}}
    </div>
    {{/fi ~}}
{{/if ~}}
{{/each ~}}
{{/each ~}}
{{/each ~}}