Year Overview Grid

<!--
  Twelve mini-months. One column at 320px, two from sm:, three from lg: and four
  from xl: - the tiles reflow, they do not shrink below legibility. Each is still
  a real <table> with single-letter <th> headers (full weekday in an sr-only
  span), and today is the one filled disc across the whole year.
-->
<div class="w-full max-w-4xl rounded-2xl border border-gray-200 bg-white p-4 dark:border-gray-800 dark:bg-gray-900">
  <h2 class="mb-3 text-sm font-semibold text-gray-900 dark:text-gray-100">2026</h2>
  <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">January</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">31</span></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">February</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">March</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">31</span></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">April</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">May</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">31</span></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">June</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">July</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center rounded-full bg-blue-600 text-[0.6rem] font-semibold text-white" aria-current="date">17</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">31</span></td>
              <td class="p-px" aria-hidden="true"></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">August</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">31</span></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">September</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">October</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">31</span></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">November</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="min-w-0">
        <p class="mb-1 text-xs font-semibold text-gray-900 dark:text-gray-100">December</p>
        <table class="w-full border-collapse">
          <thead>
            <tr>
            <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Sunday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">M</span><span class="sr-only">Monday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Tuesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">W</span><span class="sr-only">Wednesday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">T</span><span class="sr-only">Thursday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">F</span><span class="sr-only">Friday</span></th>
                <th scope="col" class="pb-1 text-center text-[0.55rem] font-medium text-gray-500 dark:text-gray-400"><span aria-hidden="true">S</span><span class="sr-only">Saturday</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">1</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">2</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">3</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">4</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">5</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">6</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">7</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">8</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">9</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">10</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">11</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">12</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">13</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">14</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">15</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">16</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">17</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">18</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">19</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">20</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">21</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">22</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">23</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">24</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">25</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">26</span></td>
            </tr>
            <tr>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">27</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">28</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">29</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">30</span></td>
              <td class="p-px text-center"><span class="flex h-6 w-6 items-center justify-center text-[0.6rem] text-gray-600 dark:text-gray-300">31</span></td>
              <td class="p-px" aria-hidden="true"></td>
              <td class="p-px" aria-hidden="true"></td>
            </tr>
          </tbody>
        </table>
      </div>
  </div>
</div>