JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td><input type="text" name="installDate" value="" class ="date"/> </td>
<td><input type="text" name="data1" value="TempData" /></td>
<td><button type="button" onClick ="addRow(this)">Add</button></td>
</tr>
</table>
JavaScript
window. addRow = function addRow(btn) {
var parentRow = btn.parentNode.parentNode;
var table = parentRow.parentNode;
var rowCount = table.rows.length;
var lastRow = table.rows[rowCount - 1];
var rowClone = lastRow.cloneNode(true);
table.appendChild(rowClone);
$('.date', rowClone).datepicker()
}
$(document).on('click', function() {
$('.date').each(function() {
$(this).datepicker();
});
});