Calendars

Horizontal calendar

January 2025
		1 1020 1020 – 8	2 1041 1041 – 8	3 1041 1041 – 8	4	5
6 1010 4782 1010 – 8 4782 – 4	7 1010 4782	8 1010 4782	9 1010 4782	10 1010 4782	11	12
13 1010 4782	14 1090	15 1090	16 1010 4782	17 1010 4782	18	19
20 1010 4782	21 1010 4782	22 1010 1161 4782	23 1010 4782	24 1010 4782	25	26
27 1010 4782	28 1010 4782	29 1010 4782	30 1010 4782	31 1010 4782

<div style="max-width: 40rem;">
  <table class="c-calendar">
    <thead>
      <tr>
        <th
          class="c-calendar__month-label"
          colspan="7"
        >
          <a href="#">January 2025</a>
        </th>
      </tr>
      <tr>
        <th class="c-calendar__day-label">Mo</th>
        <th class="c-calendar__day-label">Tu</th>
        <th class="c-calendar__day-label">We</th>
        <th class="c-calendar__day-label">Th</th>
        <th class="c-calendar__day-label">Fr</th>
        <th class="c-calendar__day-label">Sa</th>
        <th class="c-calendar__day-label">Su</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td
          class="c-calendar__day c-calendar__day--invisible"
        ></td>
        <td
          class="c-calendar__day c-calendar__day--invisible"
        ></td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">1</div>
          <div
            class="c-calendar__item c-calendar__item--added"
          >
            <div class="c-tooltip">
              <div class="c-tooltip__trigger">1020</div>
              <div class="c-tooltip__overlay">
                <div class="c-tooltip__content">
                  1020 – 8
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">2</div>
          <div
            class="c-calendar__item c-calendar__item--added"
          >
            <div class="c-tooltip">
              <div class="c-tooltip__trigger">1041</div>
              <div class="c-tooltip__overlay">
                <div class="c-tooltip__content">
                  1041 – 8
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">3</div>
          <div
            class="c-calendar__item c-calendar__item--added"
          >
            <div class="c-tooltip">
              <div class="c-tooltip__trigger">1041</div>
              <div class="c-tooltip__overlay">
                <div class="c-tooltip__content">
                  1041 – 8
                </div>
              </div>
            </div>
          </div>
        </td>
        <td
          class="c-calendar__day c-calendar__day--weekend"
        >
          <div class="c-calendar__day-number">4</div>
        </td>
        <td
          class="c-calendar__day c-calendar__day--weekend"
        >
          <div class="c-calendar__day-number">5</div>
        </td>
      </tr>
      <tr>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">6</div>
          <div class="c-tooltip">
            <div class="c-tooltip__trigger">
              <div class="c-calendar__item">1010</div>
              <div class="c-calendar__item">4782</div>
            </div>
            <div class="c-tooltip__overlay">
              <div class="c-tooltip__content">
                1010 – 8
                <br />
                4782 – 4
              </div>
            </div>
          </div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">7</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">8</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">9</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">10</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td
          class="c-calendar__day c-calendar__day--weekend"
        >
          <div class="c-calendar__day-number">11</div>
        </td>
        <td
          class="c-calendar__day c-calendar__day--weekend"
        >
          <div class="c-calendar__day-number">12</div>
        </td>
      </tr>
      <tr>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">13</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">14</div>
          <div
            class="c-calendar__item c-calendar__item--removed"
          >
            1090
          </div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">15</div>
          <div
            class="c-calendar__item c-calendar__item--removed"
          >
            1090
          </div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">16</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">17</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td
          class="c-calendar__day c-calendar__day--weekend"
        >
          <div class="c-calendar__day-number">18</div>
        </td>
        <td
          class="c-calendar__day c-calendar__day--weekend"
        >
          <div class="c-calendar__day-number">19</div>
        </td>
      </tr>
      <tr>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">20</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">21</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">22</div>
          <div class="c-calendar__item">1010</div>
          <div
            class="c-calendar__item c-calendar__item--added"
          >
            1161
          </div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">23</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">24</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td
          class="c-calendar__day c-calendar__day--weekend"
        >
          <div class="c-calendar__day-number">25</div>
        </td>
        <td
          class="c-calendar__day c-calendar__day--weekend"
        >
          <div class="c-calendar__day-number">26</div>
        </td>
      </tr>
      <tr>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">27</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">28</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">29</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">30</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td class="c-calendar__day">
          <div class="c-calendar__day-number">31</div>
          <div class="c-calendar__item">1010</div>
          <div class="c-calendar__item">4782</div>
        </td>
        <td
          class="c-calendar__day c-calendar__day--invisible c-calendar__day--weekend"
        ></td>
        <td
          class="c-calendar__day c-calendar__day--invisible c-calendar__day--weekend"
        ></td>
      </tr>
    </tbody>
  </table>
</div>

Vertical calendar

<table class="c-calendar-vertical">
  <thead>
    <tr class="c-calendar-vertical__codes">
      <th></th>
      <th class="c-calendar-vertical__code-label">1010</th>
      <th class="c-calendar-vertical__code-label">2210</th>
      <th class="c-calendar-vertical__code-label">1010</th>
      <th class="c-calendar-vertical__code-label">1020</th>
      <th class="c-calendar-vertical__code-label">1040</th>
      <th class="c-calendar-vertical__code-label">1160</th>
      <th class="c-calendar-vertical__code-label">2210</th>
      <th class="c-calendar-vertical__code-label">4781</th>
      <th class="c-calendar-vertical__code-label">4782</th>
      <th class="c-calendar-vertical__code-label">Z</th>
      <th class="c-calendar-vertical__code-label">V</th>
    </tr>
  </thead>
  <tbody>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">vr 1</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr
      class="c-calendar-vertical__day c-calendar-vertical__day--weekend"
    >
      <td class="c-calendar-vertical__day-label">za 2</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr
      class="c-calendar-vertical__day c-calendar-vertical__day--weekend"
    >
      <td class="c-calendar-vertical__day-label">zo 3</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">ma 4</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">di 5</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">wo 6</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">do 7</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">vr 8</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr
      class="c-calendar-vertical__day c-calendar-vertical__day--weekend"
    >
      <td class="c-calendar-vertical__day-label">za 9</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr
      class="c-calendar-vertical__day c-calendar-vertical__day--weekend"
    >
      <td class="c-calendar-vertical__day-label">zo 10</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">ma 11</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">di 12</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">wo 13</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">do 14</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">6</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">2</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">vr 15</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr
      class="c-calendar-vertical__day c-calendar-vertical__day--weekend"
    >
      <td class="c-calendar-vertical__day-label">za 16</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr
      class="c-calendar-vertical__day c-calendar-vertical__day--weekend"
    >
      <td class="c-calendar-vertical__day-label">zo 17</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">ma 18</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">di 19</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">wo 20</td>
      <td class="c-calendar-vertical__code">4</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">4</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">do 21</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">vr 22</td>
      <td class="c-calendar-vertical__code">4</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">4</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr
      class="c-calendar-vertical__day c-calendar-vertical__day--weekend"
    >
      <td class="c-calendar-vertical__day-label">za 23</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr
      class="c-calendar-vertical__day c-calendar-vertical__day--weekend"
    >
      <td class="c-calendar-vertical__day-label">zo 24</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">ma 25</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td
        class="c-calendar-vertical__code c-calendar-vertical__code--removed"
      ></td>
      <td
        class="c-calendar-vertical__code c-calendar-vertical__code--added"
      >
        8
      </td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">di 26</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">wo 27</td>
      <td class="c-calendar-vertical__code">4</td>
      <td class="c-calendar-vertical__code">4</td>
      <td
        class="c-calendar-vertical__code c-calendar-vertical__code--removed"
      ></td>
      <td
        class="c-calendar-vertical__code c-calendar-vertical__code--removed"
      ></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">4</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">do 28</td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">8</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">4</td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr class="c-calendar-vertical__day">
      <td class="c-calendar-vertical__day-label">vr 29</td>
      <td class="c-calendar-vertical__code">4</td>
      <td class="c-calendar-vertical__code"></td>
      <td
        class="c-calendar-vertical__code c-calendar-vertical__code--changed"
      >
        4
      </td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">4</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code">4</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr
      class="c-calendar-vertical__day c-calendar-vertical__day--weekend"
    >
      <td class="c-calendar-vertical__day-label">za 30</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
    <tr
      class="c-calendar-vertical__day c-calendar-vertical__day--weekend"
    >
      <td class="c-calendar-vertical__day-label">zo 31</td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
      <td class="c-calendar-vertical__code"></td>
    </tr>
  </tbody>
</table>

January 2025
Mo	Tu	We	Th	Fr	Sa	Su
		1 1020 1020 – 8	2 1041 1041 – 8	3 1041 1041 – 8	4	5
6 1010 4782 1010 – 8 4782 – 4	7 1010 4782	8 1010 4782	9 1010 4782	10 1010 4782	11	12
13 1010 4782	14 1090	15 1090	16 1010 4782	17 1010 4782	18	19
20 1010 4782	21 1010 4782	22 1010 1161 4782	23 1010 4782	24 1010 4782	25	26
27 1010 4782	28 1010 4782	29 1010 4782	30 1010 4782	31 1010 4782

	1010	2210	1010	1020	1040	2210	4781	Z
vr 1	8					8
za 2
zo 3
ma 4	8		8
di 5	8		8
wo 6	8		8
do 7	8		8
vr 8	8		8
za 9			8
zo 10	8		8
ma 11	8		8
di 12	8		8
wo 13	8		8
do 14	8		6		2
vr 15	8		8
za 16
zo 17
ma 18	8					8
di 19	8		8
wo 20	4		4			8
do 21	8		8
vr 22	4		4			8
za 23
zo 24
ma 25	8			8			8
di 26	8			8
wo 27	4	4					4
do 28	8					8		4
vr 29	4		4		4		4
za 30
zo 31