Year calendar view

Note: for the year calendar you will need to adapt the code below to have the links point to your calendar or eventlist page.

The setup below will create links to the selected month in your calendar or eventlist page.
Change the href values to the correct location of your calendar and add the ?month={number} parameter to have the page show the correct month.

Change the "Loop header template" into :

<div class="meRow">
    <div class="meCol-sm-12">
        <h2 >Calendar for [YEAR]</h2>
    </div>
</div>
<hr>
<div class="meRow">
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=1">[M1]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=2">[M2]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=3">[M3]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=4">[M4]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=5">[M5]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=6">[M6]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=7">[M7]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=8">[M8]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=9">[M9]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=10">[M10]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=11">[M11]</a></div>
    <div class="meCol-sm-12 meCol-md-4 meCol-lg-3"><a href="/calendar-view/?month=12">[M12]</a></div>
</div>

The "loop events template" should be completely empty.

Save the new template data and it should look like this