JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<table class=" table-condensed">
    <tbody>
        <tr>
            <td class="day" id="d1">
                1
            </td>
            <td class="day" id="d2">
                2
            </td>
            <td class="day" id="d3">
                3
            </td>
            <td class="day" id="d4">
                4
            </td>
            <td class="day" id="d5">
                5
            </td>
            <td class="day" id="d6">
                6
            </td>
            <td class="day" id="d7">
                7
            </td>
        </tr>
        <tr>
            <td class="day" id="d8">
                8
            </td>
            <td class="day" id="d9">
                9
            </td>
            ....so on
        </tr>
    </tbody>
</table>

CSS

td.active_day {
    color: #fff;
    background-color: #285e8e;
    border-color: #193c5a;
}

JavaScript

$('td').click(function () {
	$(this).toggleClass('active_day')
});