Reply To: Bootstrap Timepicker

[Support]

HTML:

<div class="input-group mb-3">
  <input id="timepicker1" type="text" class="form-control">
  <span class="input-group-text" id="timepicker1Clock"><i class="fa-regular fa-clock"></i></span>
</div>

JS:

(function($) {
	$('#timepicker1').timepicker({
		disableMousewheel: true,
		icons: {
			up: 'fas fa-chevron-up',
			down: 'fas fa-chevron-down'
		},
		showSeconds: true,
		showMeridian: false
	});
	
	$('#timepicker1Clock').on('click', function() {
		$('#timepicker1').focus();
	});	
	
}).apply(this, [jQuery]);

---