This is a basic but really useful (less is more) example of how to use Plotly to show a measure varying over time (live). You can resize the window here or on JSFiddle to check how it fits to the render area.
Firefox Nightly version (at least) is going to support (but poorly) HTML input date and HTML input time. You will be able to use natively widgets in updated browsers without depending on third party libraries. However, there are some limitations, if you have ever dealt with an HTML input time you know what it is about, try to set up maximum or minimum hours/minutes and/or change from 12 hours format to 24 hours and viceversa. By now, the best solution to avoid headaches or wastes of time is to use 2 inputs of the type number and a pinch of JS.