JSFiddle - React, Tailwind, and code Playground

by Md Shah

HTML

<table>
    <tr>
        <td colspan="2">
            <div>
                <label>Submission</label>
            </div>
        </td>
        <td colspan="2">
            <div>
                <label>Approval</label>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div>
                <label for="SubmissionFromDate">From:</label>
            </div>
        </td>
        <td>
            <div>
                <input id="SubmissionFromDate" type="text" />
            </div>
        </td>
        <td>
            <div>
                <label for="ApprovalFromDate">From:</label>
                </div>
        </td>
        <td>
            <div>
                <input id="ApprovalFromDate" type="text" />
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div>
                <label for="SubmissionToDate">To:</label>
                </div>
        </td>
        <td>
            <div>
                <input id="SubmissionToDate" type="text" />
            </div>
        </td>
        <td>
            <div>
                <label for="ApprovalToDate">To:</label>
                </div>
        </td>
        <td>
            <div>
                <input id="ApprovalToDate" type="text" />
            </div>
        </td>
    </tr>
</table>