Date-picker in Template node

[Steven Keller]

Maybe this is common knowledge but it took me awhile to figure out how to add a date picker to a dashboard.  

It turns out it is pretty simple.

I am posting here to maybe save someone else some time.

[{"id":"d4f2d9a5.a90858","type":"ui_template","z":"b546638.c4e97a","group":"ac133c3c.7c708","name":"","order":1,"width":"","height":"","format":"<div>\n   <md-datepicker ng-model=\"myDate\" md-placeholder=\"Enter date\" ng-change=\"send({payload: myDate})\"></md-datepicker>\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"x":472,"y":367,"wires":[["2a0f0e15.e57832"]]},{"id":"ac133c3c.7c708","type":"ui_group","z":"b546638.c4e97a","name":"Default","tab":"266ca43b.b3632c","disp":true,"width":"6"},{"id":"266ca43b.b3632c","type":"ui_tab","z":"b546638.c4e97a","name":"Test","icon":"dashboard","order":"1"}]

[taral shah]

Thanks for your efforts. It's helpful. It will be great if you can add timepicker, please.

[Paul Reed]

This is really useful, thanks.

Noticed that it doesn't respect DST (BST/GMT)

ie selecting 23 August 2016 returns 2016-08-22T23:00:00.000Z

instead of 2016-08-23T00:00:00.000Z

Paul