# Time Picker on Dashboard

**URL:** <https://discourse.nodered.org/t/time-picker-on-dashboard/8146>\
**Category:** Dashboard\
**Created:** [19 February 2019 11:06 UTC](https://discourse.nodered.org/t/time-picker-on-dashboard/8146 "2019-02-19T11:06:52Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stylo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stylo/32/14221_2.png) [@Stylo](https://discourse.nodered.org/u/Stylo)\
**Post date:** [19 February 2019 11:06 UTC](https://discourse.nodered.org/t/time-picker-on-dashboard/8146/1 "2019-02-19T11:06:52Z")

</div>

Hi, I'm fairly new to node-red and I'm looking for a way to put a time picker on the node-red dashboard as part of a user-friendly AI. Does anyone have any plugins or any idea of how to do this? Thanks.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [19 February 2019 11:46 UTC](https://discourse.nodered.org/t/time-picker-on-dashboard/8146/2 "2019-02-19T11:46:00Z")

</div>

did you do a search of the forums? Try doing a search using `time picker`

---

<div class="post-metadata">

**Author:** ![Stylo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stylo/32/14221_2.png) [@Stylo](https://discourse.nodered.org/u/Stylo)\
**Post date:** [19 February 2019 12:22 UTC](https://discourse.nodered.org/t/time-picker-on-dashboard/8146/3 "2019-02-19T12:22:41Z")

</div>

I'm struggling to find anything I can understand or that helps me. Could you link to some topics maybe?

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [19 February 2019 12:25 UTC](https://discourse.nodered.org/t/time-picker-on-dashboard/8146/4 "2019-02-19T12:25:16Z")

</div>

Why don't you provide a link to the topics you didn't understand and explain what you don't understand about them.

---

<div class="post-metadata">

**Author:** ![Michaelvsk](https://avatars.discourse-cdn.com/v4/letter/m/e47774/32.png) [@Michaelvsk](https://discourse.nodered.org/u/Michaelvsk)\
**Post date:** [16 October 2019 21:01 UTC](https://discourse.nodered.org/t/time-picker-on-dashboard/8146/5 "2019-10-16T21:01:42Z")

</div>

Maybe a bit to late for an answer for you but maybe someone else has the same question (like me). So bumping this old thread is intentional as it is one of the first result from google.

That said, here is the solution:  
Just put the node 'text input' (from plugin [https://flows.nodered.org/node/node-red-dashboard](https://flows.nodered.org/node/node-red-dashboard)) in your flow, double click it and set 'mode' to 'time picker'. Thats it!  
But be warned: This input is rendered as HTML tag with type=time and every browser renders it differently. In Firefox you have to use the keyboard as to type times, in Chrome you also have small up/down buttons and Microsoft Edge provides a nice, touch friendly picker.