<span id="cal-slide-tick" style="display: none"></span>
<div id="cal-slide-content" class="cal-event-list">
    <ul class="unstyled list-unstyled">
        <% _.each(events, function(event) { %>
        <li>
            <span class="  event-icon event <%= event['class'] %>"></span>&nbsp;
            <a href="<%= event.url ? event.url : 'javascript:void(0)' %>" data-event-id="<%= event.id %>"
               data-event-class="<%= event['class'] %>" class="event-item mevent-title">
                <%= event.title %></a>

            <div class="mevent-date">
                <span class="mevent-start"><%= event.formated_start %></span>
                &nbsp;&nbsp;&nbsp;
                <span class="mevent-end"><%= event.formated_end %></span>
            </div>
            <div class="mevent-desc">
                <%= event.event_owner %> 
            </div>
            <div class="mevent-desc">
                <%= event.desc %> 
            </div>
        </li>
        <% }) %>
    </ul>

</div>
<script>
    $(document).ready(function () {
        $('#calendar #cal-slide-content').mCustomScrollbar({
            theme: "dark-thick",
        });
    });
</script>