JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
 
<table border="1" width="100%">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>    
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>some stuff</td>
<td><input type="text" id="datepicker"><input type="button" id="buttonid" value="submit"></td>
</tr>
</table>

JavaScript

$( "#datepicker" ).datepicker({
		changeMonth: true,
		changeYear: true,
		showOn: "button",
		buttonImage: "../images/calendar.gif",
		buttonImageOnly: true
	});