JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<table id="dataTable">
    <tr>
        <TD><INPUT type="text" name="when"/></TD>
    </tr>
</table>

<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" class="add_remove_row" />
<input type="button" value="test" onclick="setClass()" />

JavaScript

$(document).ready(function() {
    $('[name="when"]').datepicker();
});

var setClass = function() {
    $('[name="when"]').removeClass("hasDatepicker").datepicker();
}

var addRow = function(tableID) {
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);    
    var colCount = table.rows[0].cells.length;
    
    for(var i=0; i<colCount; i++) {
        var newcell = row.insertCell(i);
        
        newcell.innerHTML = table.rows[0].cells[i].innerHTML;
        
        switch(newcell.childNodes[0].type) {
            case "text":
                newcell.childNodes[0].value = "";
                break;
                
            case "checkbox":
                newcell.childNodes[0].checked = false;
                break;
                
            case "select-one":
                newcell.childNodes[0].selectedIndex = 0;
                break;
        }
    }
    setClass();
}