title: How to implement duration picker with HTML5 or/with Angular8, with hours more than 24?
body: <p>I am trying to implement a control, using either</p>
  
  <pre><code> &lt;input type="time"/&gt;
  </code></pre>
  
  <p>or just with</p>
  
  <pre><code>  &lt;input type="text"/&gt;
  </code></pre>
  
  <p>and implement a duration picker control which can have hours format more than 24, something like 000:00:00 or hhh:mm:ss, and no am/pm option ( The default input type for time has formats in am/pm format, which is not useful in my case).
  The requirement is to be able to increase decrease the duration using up and down keys much like the default input type time of HTML.</p>
  
  <p>Is there any native <code>HTML</code>, <code>angular</code>, or material component for this?
  Or is there a way to achieve this using regular expression/patterns or something?</p>