JSFiddle - React, Tailwind, and code Playground
by ernestohs
HTML
<table width="96%" cellspacing="0" cellpadding="0" border="0" style="margin-left: 2%">
<tbody>
<tr>
<td valign="top" align="right" style="padding-right: 5px; width: 121px; height: 30px; padding-top: 10px;">
<input type="checkbox" id="chkEnableSchedule">
Enable schedule </td>
<td valign="middle" style="height: 30px;">
<hr align="left" style="width: 320px; height: 1px; color: #dddddd; margin-bottom: 2px;">
</td>
</tr>
<tr>
<td align="right" style="padding-right: 5px; width: 121px">
Start time: </td>
<td style="height: 28px">
<table>
<tbody>
<tr>
<td>
<input readonly="readonly" style="width: 65px;" maxlength="50" id="txtStartDate">
</td>
<td>
<select style="margin-left: 10px; width: 78px;" class="dropDownText">
</select>
</td>
<td style="margin-left: 5px">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="right" style="padding-right: 5px; width: 121px; height: 30px">
Recurrence </td>
<td valign="middle" style="height: 30px;">
<hr align="left" style="width: 320px; height: 1px; color: #dddddd">
</td>
</tr>
<tr>
<td align="right"...