JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<div class="text-center">
    <h2>October 2020</h2>
    <button class='btn btn-xs btn-primary' data-target='?month=09&year=2020'>Mes anterior</button>
    <button class='btn btn-xs btn-primary' data-target='?month=11&year=2020'>Mes actual</button>
    <button class='btn btn-xs btn-primary' data-target='?month=11&year=2020'>Mes siguiente</button>
  </div>

  <table class='table-calendar'>
    <tr>
      <th class='header_weekday'>Lunes</th>
      <th class='header_weekday'>Martes</th>
      <th class='header_weekday'>Miércoles</th>
      <th class='header_weekday'>Jueves</th>
      <th class='header_weekday'>Viernes</th>
      <th class='header_weekday'>Sábado</th>
      <th class='header_weekday'>Domingo</th>
    </tr>
    <tr>
      <td class='empty'></td>
      <td class='empty'></td>
      <td class='empty'></td>
      <td class=''>
        <h4>1</h4> <button class='btn-danger'>N/A</button>
      </td>
      <td class=''>
        <h4>2</h4> <button class='btn-danger'>N/A</button>
      </td>
      <td class=''>
        <h4>3</h4> <button class='btn-danger'>Cerrado</button>
      </td>
      <td class=''>
        <h4>4</h4> <button class='btn-danger'>Cerrado</button>
      </td>
    </tr>
    <tr>
      <td class=''>
        <h4>5</h4> <button class='btn-danger'>N/A</button>
      </td>
      <td class=''>
        <h4>6</h4> <button class='btn-danger'>N/A</button>
      </td>
      <td class=''>
        <h4>7</h4> <button class='btn-danger'>N/A</button>
      </td>
      <td class=''>
        <h4>8</h4> <button class='btn-danger'>N/A</button>
      </td>
      <td class=''>
        <h4>9</h4> <button class='btn-danger'>N/A</button>
      </td>
      <td class=''>
        <h4>10</h4> <button class='btn-danger'>Cerrado</button>
      </td>
      <td class=''>
        <h4>11</h4> <button class='btn-danger'>Cerrado</button>
      </td>
    </tr>
    <tr>
      <td class=''>
        <h4>12</h4> <button class='btn-danger'>N/A</button>
      </td>
      <td class=''>
...