# Dashboard time picker input refresh issue

**URL:** <https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050>\
**Category:** Dashboard\
**Created:** [16 February 2019 15:22 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050 "2019-02-16T15:22:28Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![wraith](https://avatars.discourse-cdn.com/v4/letter/w/bcef8e/32.png) [@wraith](https://discourse.nodered.org/u/wraith)\
**Post date:** [16 February 2019 15:22 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/1 "2019-02-16T15:22:29Z")

</div>

Hi,  
i have an issue with text input node (configured as time picker). I have two tabs, which contain time picker inputs. When i switch between tabs, the time (e.g. 12:00) display changes to "--:--". Only when i refresh the browser, the time comes back.  
Can you help me to find workaround for this issue?  
Btw. normal text input works very well.  
Browser: Chrome 72.0, Firefox (produces also other issues...)  
Thanks in advance!

---

<div class="post-metadata">

**Author:** ![seth350](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/seth350/32/4617_2.png) [@seth350](https://discourse.nodered.org/u/seth350)\
**Post date:** [18 February 2019 03:56 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/2 "2019-02-18T03:56:38Z")

</div>

It seems I had this problem at one time with the numeric input.

What I had to do was essentially initialize the input with last known value. If the user changed the value, I would feed it back into the node. Seemed to work very well.

---

<div class="post-metadata">

**Author:** ![wraith](https://avatars.discourse-cdn.com/v4/letter/w/bcef8e/32.png) [@wraith](https://discourse.nodered.org/u/wraith)\
**Post date:** [18 February 2019 20:37 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/3 "2019-02-18T20:37:53Z")

</div>

Hi seth350, thanks for the answer. I will test your proposal. Meanwhile i found a workaround - i use regular text input and a function node behind, which implements simple time format validation (hh:mm).

---

<div class="post-metadata">

**Author:** ![kcr](https://avatars.discourse-cdn.com/v4/letter/k/90db22/32.png) [@kcr](https://discourse.nodered.org/u/kcr)\
**Post date:** [24 February 2020 12:30 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/4 "2020-02-24T12:30:37Z")

</div>

I am experiencing this issue, exactly as you describe it.  
I have time picker text fields on a secondary dashboard tab which are populated at start up, but they initially display "- -:- -" when the tab is viewed. Refreshing the page shows the values correctly. If I navigate back to the main tab, reload the page and then return to the time picker tab, they show "- -:- -" again.  
I have tried setting the time pickers using both the default number values, and also "HH:mm" text values, with the same result.  
Did you identify any solution, other than your workaround using formatted text boxes?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [24 February 2020 15:28 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/5 "2020-02-24T15:28:11Z")

</div>

It sends out a number of milliseconds since midnight - If you inject that back in it will preset to that time.

---

<div class="post-metadata">

**Author:** ![kcr](https://avatars.discourse-cdn.com/v4/letter/k/90db22/32.png) [@kcr](https://discourse.nodered.org/u/kcr)\
**Post date:** [24 February 2020 15:46 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/6 "2020-02-24T15:46:03Z")

</div>

I'm OK with injecting the values, my problem is the issue described by the OP; the injected values are not displayed when the dashboard is first viewed at start up, or after navigating away from the dashboard tab and returning, **until** the page is refreshed.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [24 February 2020 16:25 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/7 "2020-02-24T16:25:28Z")

</div>

you may need to hook the tab change event from the ui\_control widget in order to resend the data to the widget.

---

<div class="post-metadata">

**Author:** ![kcr](https://avatars.discourse-cdn.com/v4/letter/k/90db22/32.png) [@kcr](https://discourse.nodered.org/u/kcr)\
**Post date:** [24 February 2020 16:50 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/8 "2020-02-24T16:50:39Z")

</div>

Thanks, I have already added the tab change as a trigger for a UI node update, so the data injection is happening, but the widgets don't show anything when the page is visited until the page is manually refreshed, just "- -/- -".  
I also have number pickers on the same tab which update and display immediately, without any problems when the page is visited. This appears to be a specific issue with the text inputs in date picker format. It's exactly what the OP is describing in his original post.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [24 February 2020 17:04 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/9 "2020-02-24T17:04:57Z")

</div>

you may need to add a delay in order to allow the actual page to render first before sending the update.

---

<div class="post-metadata">

**Author:** ![kcr](https://avatars.discourse-cdn.com/v4/letter/k/90db22/32.png) [@kcr](https://discourse.nodered.org/u/kcr)\
**Post date:** [18 March 2020 08:50 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/10 "2020-03-18T08:50:48Z")

</div>

Sorry I haven't replied for a while. I've experimented with delays but this doesn't solve the problem. As mentioned above, I have numeric controls on the same tab that work fine. This appears to be a time picker specific bug.

---

<div class="post-metadata">

**Author:** ![TadyTheFish](https://avatars.discourse-cdn.com/v4/letter/t/839c29/32.png) [@TadyTheFish](https://discourse.nodered.org/u/TadyTheFish)\
**Post date:** [19 September 2020 12:10 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/11 "2020-09-19T12:10:07Z")

</div>

I am also seeing this problem.. I made it so I periodically send the preset times to the picker but all I get is - -:--.. If I refresh the page I get the correct values.. Or if I try to set a time it then gets updated with the correct values.. Must be a timepicker bug

---

<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 September 2020 15:35 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/12 "2020-09-19T15:35:24Z")

</div>

can you provide a cut down flow demonstrating this issue?

---

<div class="post-metadata">

**Author:** ![TadyTheFish](https://avatars.discourse-cdn.com/v4/letter/t/839c29/32.png) [@TadyTheFish](https://discourse.nodered.org/u/TadyTheFish)\
**Post date:** [19 September 2020 15:55 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/13 "2020-09-19T15:55:25Z")

</div>

Will try to make a flow tonight.. I can't share mine since I am using alot of MQTT nodes and simatic S7 nodes..

---

<div class="post-metadata">

**Author:** ![TadyTheFish](https://avatars.discourse-cdn.com/v4/letter/t/839c29/32.png) [@TadyTheFish](https://discourse.nodered.org/u/TadyTheFish)\
**Post date:** [19 September 2020 16:10 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/14 "2020-09-19T16:10:19Z")

</div>

Here is a simple test fow ... When you deploy the flow and go to the UI you will see --:-- . Then you press inject and if you goabck to the UI you SHOULD see 18:03. But I see --:-- and if I refresh the page I see 18:03.

```auto
[{"id":"395d35e6.34878a","type":"tab","label":"TestFlow","disabled":false,"info":""},{"id":"6a89b428.e4a81c","type":"ui_text_input","z":"395d35e6.34878a","name":"","label":"","tooltip":"","group":"bbd2d136.98e4c","order":0,"width":0,"height":0,"passthru":true,"mode":"time","delay":300,"topic":"","x":600,"y":180,"wires":[["985b0193.af19e"]]},{"id":"985b0193.af19e","type":"debug","z":"395d35e6.34878a","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":730,"y":180,"wires":[]},{"id":"fe729894.561788","type":"inject","z":"395d35e6.34878a","name":"","topic":"","payload":"65000000","payloadType":"num","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":460,"y":180,"wires":[["6a89b428.e4a81c"]]},{"id":"bbd2d136.98e4c","type":"ui_group","z":"","name":"Group 1","tab":"3434dd4c.01bec2","order":1,"disp":true,"width":15,"collapse":false},{"id":"3434dd4c.01bec2","type":"ui_tab","z":"","name":"TestTab","icon":"dashboard","order":10,"disabled":false,"hidden":false}]

```

---

<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 September 2020 17:45 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/15 "2020-09-19T17:45:11Z")

</div>

When I deploy I see this:

 ![Screen Shot 2020-09-19 at 1.40.29 PM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/e/8ecbc375c8c0b9d7e27c7fae9f4cf6a8b13499ee.png)  
and after I press the inject I see this:  
 ![Screen Shot 2020-09-19 at 1.40.40 PM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/e/aef93d604de8eeab59859a3b3bcb754cf965861d.png)

1. What platform are you using for NR
2. are you acessing NR from a different device - i'e' a Pi is running nr, but you are using a pc to access it from the local network?
3. what browser are you using
4. what version of NR and node.js?

---

<div class="post-metadata">

**Author:** ![TadyTheFish](https://avatars.discourse-cdn.com/v4/letter/t/839c29/32.png) [@TadyTheFish](https://discourse.nodered.org/u/TadyTheFish)\
**Post date:** [19 September 2020 17:48 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/16 "2020-09-19T17:48:52Z")

</div>

Ups.. Open the text input and select "Time picker"

---

<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 September 2020 17:56 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/17 "2020-09-19T17:56:05Z")

</div>

it is set to time picker in the flow you provided.

(add to my questions above - what version of the dashboard?)

---

<div class="post-metadata">

**Author:** ![TadyTheFish](https://avatars.discourse-cdn.com/v4/letter/t/839c29/32.png) [@TadyTheFish](https://discourse.nodered.org/u/TadyTheFish)\
**Post date:** [19 September 2020 18:18 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/18 "2020-09-19T18:18:50Z")

</div>

Node red 1.0.3  
Dash 2.23.2 - i'm uodating to 2.23.3 (didn't see there is a new version)  
Google chrome - i tried it on my tabled and phone and PC  
NR is running on a nano pi neo2 and i access with a tablet  
Where can i find the node.js version?

---

<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 September 2020 18:26 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/19 "2020-09-19T18:26:59Z")

</div>

you can see the node.js verion in the startup log or by opening a terminal window on the device and entering `node -v`  
also node-red is at version 1.1.3

---

<div class="post-metadata">

**Author:** ![TadyTheFish](https://avatars.discourse-cdn.com/v4/letter/t/839c29/32.png) [@TadyTheFish](https://discourse.nodered.org/u/TadyTheFish)\
**Post date:** [19 September 2020 18:36 UTC](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050/20 "2020-09-19T18:36:16Z")

</div>

Node js is at 12.18.3

[Next page](https://discourse.nodered.org/t/dashboard-time-picker-input-refresh-issue/8050.md?page=2)