title: How can I get a user to input a duration into an HTML5 web form without annoying them?
body: <p>My users need to enter a duration in Days, Hours and Minutes.</p>
  
  <p>Right now I've just implemented this as three fields which is okay and works, but which is not exactly a nice bit of design. The alternative is to just have 1 field and let them type <code>2 days, 3 hours, 45 minutes</code> or <code>15 m</code>, or <code>1d 2h 35m</code> or <code>90m</code>, or <code>2 days</code>, etc. That seems like it would need some non-trivial parsing to get really right, and be complex to internationalise.</p>
  
  <p>What are some 'best practice' examples of a web UI component that allows the user to enter a length of time simply?</p>
  
  <p>Please note this is not a <code>DatePicker</code>, but a duration input component.</p>