JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet"href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/blitzer/jquery-ui.css"/>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<form action="" method="post" class="basic-grey">
<div>
<?php if ($id != '') { ?>
<input type="hidden" name="id" value="<?php echo $id; ?>" />
<p>Repair ID: <?php echo $id; ?></p>
<?php } ?>
<br>
<strong>Customer Name:</strong> <input type="text" name="customer_name"
value="<?php echo $customer_name; ?>"/>
<br/>
<strong>Customer Email:</strong> <input type="text" name="customer_email"
value="<?php echo $customer_email; ?>"/>
<br>
<strong>Customer Phone:</strong> <input type="text" name="customer_phone"
value="<?php echo $customer_phone; ?>"/>
<br>
<strong>Computer Make:</strong> <input type="text" name="computer_make"
value="<?php echo $computer_make; ?>"/>
<br>
<strong>Computer Model:</strong> <input type="text" name="computer_model"
value="<?php echo $computer_model; ?>"/>
<br>
<strong>Assigned to Technician:</strong>
<select name="technician">
<option value="Phil Roskams">Phil Roskams</option>
<option value="Ian Haney">Ian Haney</option>
</select>
<br>
<strong>Repair Status:</strong>
<select...
JavaScript
$(document).ready(function() {
$('#exrtime').timepicker({
defaultTime: '12:00',
showLeadingZero: true,
showNowButton: true,
showCloseButton: true,
showDeselectButton: true,
showOn: 'both',
});
$('#exstime').timepicker({
defaultTime: '12:00',
showLeadingZero: true,
showNowButton: true,
showCloseButton: true,
showDeselectButton: true,
showOn: 'both',
});
});