JSFiddle - React, Tailwind, and code Playground

HTML

<input name="filter" id="filter" onchange="Filter(document.getElementById('myTable1'));" type="text" placeholder="$">
<table width="100%" border="1" cellspacing="0" cellpadding="0" class="sortable" id="myTable1">
    <th>price</th>
    <tr>
        <td>02/04/2014</td>
    </tr>
    <tr>
        <td>06/03/2013</td>
    </tr>
    <tr>
        <td>04/05/2014</td>
    </tr>
    <tr>
        <td>05/07/2013</td>
    </tr>
</table>

JavaScript

/* Date is in the format mm/dd/yyyy */
/* Date.parse doesnot support dd/mm/yyyy in some browsers */
function Filter(table) {
    var f = Date.parse(document.getElementById('filter').value);

    for (a = 1; a < table.rows.length; a++) {
        var ele = table.rows[a];
        if (Date.parse(ele.cells[0].innerHTML) > f) {
            ele.style.display = "none"
        } else {
            ele.style.display = "table-row"
        }

    }
}

$(function () {
    $("#filter").datepicker();
});