|
|
<div>
|
|
|
<div class="relative grid grid-cols-1 gap-x-14 md:grid-cols-2">
|
|
|
<button
|
|
|
type="button"
|
|
|
class="absolute -top-1 -left-1.5 flex items-center justify-center p-1.5 text-gray-400 hover:text-gray-500"
|
|
|
>
|
|
|
<span class="sr-only">Previous month</span>
|
|
|
<svg
|
|
|
viewBox="0 0 20 20"
|
|
|
fill="currentColor"
|
|
|
data-slot="icon"
|
|
|
aria-hidden="true"
|
|
|
class="size-5"
|
|
|
>
|
|
|
<path
|
|
|
d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z"
|
|
|
clip-rule="evenodd"
|
|
|
fill-rule="evenodd"
|
|
|
/>
|
|
|
</svg>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="absolute -top-1 -right-1.5 flex items-center justify-center p-1.5 text-gray-400 hover:text-gray-500"
|
|
|
>
|
|
|
<span class="sr-only">Next month</span>
|
|
|
<svg
|
|
|
viewBox="0 0 20 20"
|
|
|
fill="currentColor"
|
|
|
data-slot="icon"
|
|
|
aria-hidden="true"
|
|
|
class="size-5"
|
|
|
>
|
|
|
<path
|
|
|
d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z"
|
|
|
clip-rule="evenodd"
|
|
|
fill-rule="evenodd"
|
|
|
/>
|
|
|
</svg>
|
|
|
</button>
|
|
|
<section class="text-center last:max-md:hidden">
|
|
|
<h2 class="text-sm font-semibold text-gray-900">January</h2>
|
|
|
<div class="mt-6 grid grid-cols-7 text-xs/6 text-gray-500">
|
|
|
<div>M</div>
|
|
|
<div>T</div>
|
|
|
<div>W</div>
|
|
|
<div>T</div>
|
|
|
<div>F</div>
|
|
|
<div>S</div>
|
|
|
<div>S</div>
|
|
|
</div>
|
|
|
<div
|
|
|
class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow-sm ring-1 ring-gray-200"
|
|
|
>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2021-12-27"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>27</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2021-12-28"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>28</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2021-12-29"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>29</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2021-12-30"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>30</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2021-12-31"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>31</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-01"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>1</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-02"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>2</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-03"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>3</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-04"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>4</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-05"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>5</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-06"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>6</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-07"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>7</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-08"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>8</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-09"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>9</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-10"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>10</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-11"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>11</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-today
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-12"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>12</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-13"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>13</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-14"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>14</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-15"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>15</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-16"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>16</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-17"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>17</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-18"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>18</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-19"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>19</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-20"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>20</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-21"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>21</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-22"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>22</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-23"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>23</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-24"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>24</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-25"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>25</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-26"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>26</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-27"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>27</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-28"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>28</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-29"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>29</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-30"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>30</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-31"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>31</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-01"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>1</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-02"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>2</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-03"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>3</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-04"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>4</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-05"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>5</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-06"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>6</time
|
|
|
>
|
|
|
</button>
|
|
|
</div>
|
|
|
</section>
|
|
|
<section class="text-center last:max-md:hidden">
|
|
|
<h2 class="text-sm font-semibold text-gray-900">February</h2>
|
|
|
<div class="mt-6 grid grid-cols-7 text-xs/6 text-gray-500">
|
|
|
<div>M</div>
|
|
|
<div>T</div>
|
|
|
<div>W</div>
|
|
|
<div>T</div>
|
|
|
<div>F</div>
|
|
|
<div>S</div>
|
|
|
<div>S</div>
|
|
|
</div>
|
|
|
<div
|
|
|
class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow-sm ring-1 ring-gray-200"
|
|
|
>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-01-31"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>31</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-01"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>1</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-02"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>2</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-03"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>3</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-04"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>4</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-05"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>5</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-06"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>6</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-07"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>7</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-08"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>8</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-09"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>9</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-10"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>10</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-11"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>11</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-12"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>12</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-13"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>13</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-14"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>14</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-15"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>15</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-16"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>16</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-17"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>17</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-18"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>18</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-19"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>19</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-20"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>20</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-21"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>21</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-22"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>22</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-23"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>23</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-24"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>24</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-25"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>25</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-26"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>26</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-27"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>27</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
data-is-current-month
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-02-28"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>28</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-01"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>1</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-02"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>2</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-03"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>3</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-04"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>4</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-05"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>5</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-06"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>6</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-07"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>7</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-08"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>8</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-09"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>9</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-10"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>10</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-11"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>11</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-12"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>12</time
|
|
|
>
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
class="relative bg-gray-50 py-1.5 text-gray-400 first:rounded-tl-lg last:rounded-br-lg hover:bg-gray-100 focus:z-10 data-is-current-month:bg-white data-is-current-month:text-gray-900 data-is-current-month:hover:bg-gray-100 nth-36:rounded-bl-lg nth-7:rounded-tr-lg"
|
|
|
>
|
|
|
<time
|
|
|
datetime="2022-03-13"
|
|
|
class="mx-auto flex size-7 items-center justify-center rounded-full in-data-is-today:bg-indigo-600 in-data-is-today:font-semibold in-data-is-today:text-white"
|
|
|
>13</time
|
|
|
>
|
|
|
</button>
|
|
|
</div>
|
|
|
</section>
|
|
|
</div>
|
|
|
<section class="mt-12">
|
|
|
<h2 class="text-base font-semibold text-gray-900">Upcoming events</h2>
|
|
|
<ol class="mt-2 divide-y divide-gray-200 text-sm/6 text-gray-500">
|
|
|
<li class="py-4 sm:flex">
|
|
|
<time datetime="2022-01-17" class="w-28 flex-none">Wed, Jan 12</time>
|
|
|
<p class="mt-2 flex-auto sm:mt-0">Nothing on today’s schedule</p>
|
|
|
</li>
|
|
|
<li class="py-4 sm:flex">
|
|
|
<time datetime="2022-01-19" class="w-28 flex-none">Thu, Jan 13</time>
|
|
|
<p class="mt-2 flex-auto font-semibold text-gray-900 sm:mt-0">
|
|
|
View house with real estate agent
|
|
|
</p>
|
|
|
<p class="flex-none sm:ml-6">
|
|
|
<time datetime="2022-01-13T14:30">2:30 PM</time> -
|
|
|
<time datetime="2022-01-13T16:30">4:30 PM</time>
|
|
|
</p>
|
|
|
</li>
|
|
|
<li class="py-4 sm:flex">
|
|
|
<time datetime="2022-01-20" class="w-28 flex-none">Fri, Jan 14</time>
|
|
|
<p class="mt-2 flex-auto font-semibold text-gray-900 sm:mt-0">
|
|
|
Meeting with bank manager
|
|
|
</p>
|
|
|
<p class="flex-none sm:ml-6">All day</p>
|
|
|
</li>
|
|
|
<li class="py-4 sm:flex">
|
|
|
<time datetime="2022-01-18" class="w-28 flex-none">Mon, Jan 17</time>
|
|
|
<p class="mt-2 flex-auto font-semibold text-gray-900 sm:mt-0">
|
|
|
Sign paperwork at lawyers
|
|
|
</p>
|
|
|
<p class="flex-none sm:ml-6">
|
|
|
<time datetime="2022-01-17T10:00">10:00 AM</time> -
|
|
|
<time datetime="2022-01-17T10:15">10:15 AM</time>
|
|
|
</p>
|
|
|
</li>
|
|
|
</ol>
|
|
|
</section>
|
|
|
</div>
|