JQuery timepicker вытекает из текстового поля HTML

Я пытаюсь реализовать сборщик времени в текстовом поле. Но время течет вне коробки.

Кто-нибудь знает, в чем проблема?

Внутри моего файла HTML:

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

  <script type="text/javascript" src="jquery.timepicker.js"></script>

  <script>

     $(function() { $('#time_picker').timepicker({ 'step': 15 }); });

 </script>

...

<label> Departure Time: </label> 
<input type="text" id="time_picker" name="depart_time"> <br>