Add a date/time picker about node-red-dashboard HOT 15 CLOSED

Thanks for your request, I'll chat with @knolleary and @dceejay and see if it's something we can sort.

from node-red-dashboard.

A time picker would be great. Would make this the only usable HA system with a time-picker that I can find!

from node-red-dashboard.

There is an official date picker as part of the Angular Material widgets, why not use that one ?
https://material.angularjs.org/latest/demo/datepicker

from node-red-dashboard.

doesn't seem to have time options too

from node-red-dashboard.

ah true the time pickers are nice

from node-red-dashboard.

Yes the official one doesn't have time picker

from node-red-dashboard.

The material one is OK - but the thing holding this up is how to expose all the possible locale options - (or rather how to subset the useful ones
https://material.angularjs.org/latest/api/service/$mdDateLocaleProvider
and then how/where to expose them.

from node-red-dashboard.

With a config node ?

from node-red-dashboard.

prototype now in master (not yet on npm)

from node-red-dashboard.

You close this issue but is there time picker in the new widget ?

from node-red-dashboard.

ah - no - just a date picker. There is no built-in time picker in angular material.
not sure how to half close an issue :-) Maybe leave this closed and open a new time only one.
Happy to consider pull requests of course.

from node-red-dashboard.

Fabb33 you can use a the standard HTML input time selector
for hours : mins
use step="1" property for hours : mins: seconds
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_time
I will have a go at creating a template widget as I need a time selector

from node-red-dashboard.

https://www.npmjs.com/package/angular-material-time-picker

from node-red-dashboard.

IS there any guides on how to implment Angular material like TIme Picker into a Node_Red UI otr how to use the ui_text_input nodes Time Picker. Node Red is silent on this function in the Nodes help.

from node-red-dashboard.

the text-input widget can be set to time picker mode - this just uses the default html5 time picker that is implemented by your particular browser.

from node-red-dashboard.