JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<table><tr>
<td>
<input id="date1" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date2" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date3" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date4" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date5" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date6" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date7" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date8" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date9" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date10" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date11" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date12" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date13" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date14" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date15" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date16" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date17" type="textbox" class='date_picker'/>
</td>
<td>
<input id="date18" type="textbox" class='date_picker'/>
</td>
</tr></table>

JavaScript

$(".date_picker").datepicker({ showOn: 'button', buttonText: "select" });