title: Custom Time Picker using Angular js
body: <p>I need custom time picker using angular javascript</p>
  
  <p>I tried time in normal dropdown boxes, that is not looking good
  because user has to select 3 dropdowns
  1) Hours 2) Minutes 3) Meridian</p>
  
  <pre><code>&lt;select type="text" ng-model="hours"&gt; 
      &lt;option value="00"&gt;00&lt;/option&gt;
      &lt;option value="01"&gt;01&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select type="text" ng-model="minutes"&gt; 
      &lt;option value="00"&gt;00&lt;/option&gt;
      &lt;option value="10"&gt;10&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select type="text" ng-model="meridian"&gt; 
      &lt;option value="AM"&gt;AM&lt;/option&gt;
      &lt;option value="PM"&gt;PM&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Instead of three fields i'm planning to add one time picker </p>