ติดปัญหากับ Timepicker อยู่ครับ รบกวนพี่ๆช่วยแนะนำทีครับผม

    <h3>เวลาที่ออก:</h3>
    <div class="table right">
      <input type="text" id="time" name="time1" class="center" placeholder="เวลาที่ออก" style="width:200px;">
    </div>

    <h3>เวลากลับ:</h3>
    <div class="table right">
      <input type="text" id="time2" name="time2" class="center" placeholder="เวลากลับ" style="width:200px;">
      <!-- ถ้าเอาบันทัดนี้ออกแล้วจะเลือกเวลาไม่ได้เลยทั้ง2ช่อง -->
        <a id="link" class="icon">Click to choose</a>
      <!-- *************************************** -->
    </div>

    <script src="../build/timepicker.min.js"></script>
    <script src="example.js"></script>

var timepicker = new TimePicker(['time'], {
  lang: 'en',
  theme: 'dark'
});
timepicker.on('change', function(evt) {

  var value = (evt.hour || '00') + ':' + (evt.minute || '00');
  evt.element.value = value;

});

hljs.configure({ tabReplace: '  ' });
hljs.initHighlightingOnLoad();