title: need to disable input for bootstrap timepicker
body: <p>I am using Bootstrap time-picker. I have successfully implemented it. But what I need is user is only able to insert in 30 min gap like: 10:00,10:30,11:00 etc. For that I have tried is <code>minuteStep</code> as shown below, and it works perfect.</p>
  
  <pre><code> $('#fantasyleague-draft_time').timepicker({
       template: false,
       showInputs: false,
       minuteStep: 30
   });
  </code></pre>
  
  <p>But what is the issue is user can type time as he need. So, how to prevent it to enter time manually?</p>
  
  <p>For this I have refer <a href="http://jdewit.github.io/bootstrap-timepicker/" rel="nofollow noreferrer">bootstrap timepicker</a></p>