Timepiker w addEventListener

Dobry wieczór wszystkim tutaj zgromadzonym!

Tak jak w temacie - chodzi o timepicker, który jest zamieszczony w addEventListener w funkcji click.

Projekt jest tworzony we frameworku laravel 5.6.

Zacznę od początku. To co działa to po pierwsze składnia timepickera podłączona bezpośrednio pod id='time' w moim inpucie. Kod:

$("#time").timepicker({
											    	// timeFormat: 'H:i a',
											    	timeFormat: 'H:i',
												    // minTime: avaiableTime,
												    minTime: '19:00',
												    maxTime: '19:45',
												    step: '15'

													});

Efekt powyższego kodu to poniższe zdjęcie - działa.

https://ibb.co/eHBV0z

Sytuacja, w której umieszczam ten timepicker w addEventListener powoduje, że nie chce się on pojawić. Kod:

 <script>

					                    		document.getElementById("time").addEventListener("click", function(){

					                    		var pickedDate = document.getElementById("date").value;

					       													

												if (pickedDate==""){
													confirm('First pick the date!');
												} else {


													confirm('TIMEPICKER DONT WORK!');

													// TIME PICKER START
													$("#time").timepicker({
											    	// timeFormat: 'H:i a',
											    	timeFormat: 'H:i',
												    // minTime: avaiableTime,
												    minTime: '19:00',
												    maxTime: '19:45',
												    step: '15'

													});
													// TIME PICKER END
												}					

												});

										</script>

Efekt jest taki, że - confirm z First pick the date! - pojawia się w momencie kiedy input o id='date', jest pusty.
Ale w momencie kiedy już nie jest - czyli po przejściu do else - owszem pojawia się confirm z drugim komunikatem, ale nawet jeżeli go zakomentuje, to timepicker wciąż nie chce się pojawić.

Inaczej zapisać wywołanie?

Szanowni użytkownicy - czy widzicie może w czym leży problem ? Jeżeli tak to proszę uprzejmie o pomoc.

Będę bardzo wdzięczny.