estoy ocupando este timepicker pero no funciona, supongo que debería funcionar con una directiva con angularJS, el cual también lo estoy ocupando
$('#timepicker5').timepicker({
template: false,
showInputs: true,
minuteStep: 5
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<div class="col-md-2 col-xs-12" data-ng-if="mnCtrl.movimientoConfig.horaOperacionMostrar">
<div class="form-group" data-ng-class="mnCtrl.valid.horaOperacion?'has-'+mnCtrl.valid.horaOperacion:''">
<label for="horaOperacion" class="control-label"> <i class="fa"
data-ng-class="mnCtrl.valid.horaOperacion?(mnCtrl.valid.horaOperacion ==='success'?'fa-check':'fa-times-circle-o'): ''"></i>
Hora
</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-list"></i>
</div>
<div class="bootstrap-timepicker">
<input id="timepicker5" type="text" class="input-small">
<i class="icon-time"></i>
</div>
</div>
</div>
</div>