tengo un formulario con mas elementos pero solo extraí los que son referentes a mi duda, les comento... tengo un input date (fecha), input time (hora inicial) y input time (hora final) y es el siguiente:
<form role="form" name="guardar-reunion" id="guardar-reunion" method="post" action="../Modelos/modelo_reunion.php">
<div class="form-group">
<label for="fecha">Fecha:</label>
<input required style="width: 40%;" type="date" class="form-control datetimepicker-input" id="fecha" name="fecha" min="<?php echo $hoy; ?>" />
</div>
<div class="form-group">
<label for="horainicio">Hora Inicio: </label>
<input required style="width: 30%;" type="time" class="form-control" id="horainicio" name="horainicio">
</div>
<div class="form-group">
<label for="horafinal">Hora Final: </label>
<input required style="width: 30%;" type="time" class="form-control" id="horafinal" name="horafinal">
</div>
</form>
en el input fecha ya lo valide poniendole en min la fecha actual mediante PHP de la siguiente manera:
<?php
$dtz = new DateTimeZone("America/Mexico");
$dt = new DateTime("now", $dtz);
$hoy = $dt->format("Y-m-d");
?>
y en el min del input le puse: min="<?php echo $hoy; ?>"
y hasta aquí todo bien porque no me deja seleccionar un día anterior, mi pregunta es como hago para validar que no se pueda seleccionar una hora final menor que la inicial y si se selecciona en fecha el día actual no deje seleccionar hora menor que esta actualmente ya sea con javascript, jquery, ect.