Last active
April 9, 2023 16:39
-
-
Save uvzz/01eb4d3b013cc51c868f7f83a6279bfd to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="md:p-8 p-5 dark:bg-gray-800 bg-white rounded-t"> | |
<div class="px-4 flex items-center justify-between"> | |
<span tabindex="0" class="focus:outline-none text-base font-bold dark:text-gray-100 text-gray-800">October 2020</span> | |
<div class="flex items-center"> | |
<button aria-label="calendar forward" class="flip-180 focus:text-gray-400 hover:text-gray-400 text-gray-800 dark:text-gray-100"> | |
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke:currentColor;"> | |
<path stroke="none" d="M0 0h24v24H0z" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke:none;"></path> | |
<polyline points="15 6 9 12 15 18"></polyline> | |
</svg> | |
</button> | |
<button aria-label="calendar backward" class="flip-180 focus:text-gray-400 hover:text-gray-400 ml-3 text-gray-800 dark:text-gray-100"> | |
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke:currentColor;"> | |
<path stroke="none" d="M0 0h24v24H0z" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke:none;"></path> | |
<polyline points="9 6 15 12 9 18"></polyline> | |
</svg> | |
</button> | |
</div> | |
</div> | |
<div class="flex items-center justify-between pt-12 overflow-x-auto"> | |
<table class="w-full"> | |
<thead> | |
<tr> | |
<th> | |
<div class="w-full flex justify-center"> | |
<p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Mo</p> | |
</div> | |
</th> | |
<th> | |
<div class="w-full flex justify-center"> | |
<p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Tu</p> | |
</div> | |
</th> | |
<th> | |
<div class="w-full flex justify-center"> | |
<p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">We</p> | |
</div> | |
</th> | |
<th> | |
<div class="w-full flex justify-center"> | |
<p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Th</p> | |
</div> | |
</th> | |
<th> | |
<div class="w-full flex justify-center"> | |
<p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Fr</p> | |
</div> | |
</th> | |
<th> | |
<div class="w-full flex justify-center"> | |
<p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Sa</p> | |
</div> | |
</th> | |
<th> | |
<div class="w-full flex justify-center"> | |
<p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Su</p> | |
</div> | |
</th> | |
</tr> | |
</thead> | |
<tbody> | |
<tr> | |
<td class="pt-6"> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"></div> | |
</td> | |
<td class="pt-6"> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"></div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"></div> | |
</td> | |
<td class="pt-6"> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">1</p> | |
</div> | |
</td> | |
<td class="pt-6"> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">2</p> | |
</div> | |
</td> | |
<td class="pt-6"> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100">3</p> | |
</div> | |
</td> | |
<td class="pt-6"> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100">4</p> | |
</div> | |
</td> | |
</tr> | |
<tr> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">5</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">6</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">7</p> | |
</div> | |
</td> | |
<td> | |
<div class="w-full h-full"> | |
<div class="flex items-center justify-center w-full rounded-full cursor-pointer"> | |
<a role="link" tabindex="0" class="focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-700 focus:bg-indigo-500 hover:bg-indigo-500 text-base w-8 h-8 flex items-center justify-center font-medium text-white bg-indigo-700 rounded-full">8</a> | |
</div> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">9</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100">10</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100">11</p> | |
</div> | |
</td> | |
</tr> | |
<tr> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">12</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">13</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">14</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">15</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">16</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100">17</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100">18</p> | |
</div> | |
</td> | |
</tr> | |
<tr> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">19</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">20</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">21</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">22</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">23</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100">24</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100">25</p> | |
</div> | |
</td> | |
</tr> | |
<tr> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">26</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">27</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">28</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">29</p> | |
</div> | |
</td> | |
<td> | |
<div class="px-2 py-2 cursor-pointer flex w-full justify-center"> | |
<p class="text-base text-gray-500 dark:text-gray-100 font-medium">30</p> | |
</div> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment