JSFiddle - React, Tailwind, and code Playground
by cespinoza
HTML
<script src="http://keith-wood.name/js/jquery.timeentry.js"></script>
Hour
<input id="timetable_start" name="start" type="text" value="07:31:00" maxlength=5 pattern="^([0-9]|0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$" size=5>
CSS
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
@import url('http://keith-wood.name/css/jquery.timeentry.css');
JavaScript
$(function () {
$("#timetable_start").timeEntry({show24Hours: true});
});