# Ui\_text-input time picker not showing time in dashboard until refreshed

**URL:** <https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212>\
**Category:** Dashboard\
**Created:** [22 March 2022 19:47 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212 "2022-03-22T19:47:17Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [22 March 2022 19:47 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/1 "2022-03-22T19:47:17Z")

</div>

I have an ui\_text input node configured as a time-picker. The node is receiving the correct time setting in milliseconds, but the dashboard displays --:-- and I always have to refresh the page in order to get the time displayed.  
I played a lot with debug nodes and I am sure the node is receiving the correct input when the dashboard starts (it is also connected to a ui\_control node), but nothing is displayed until I refresh the browser page.

Has anyone experienced this behaviour? (NR 2.2.2. Dashboard 3.1.6)

---

<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:** [22 March 2022 19:57 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/2 "2022-03-22T19:57:35Z")

</div>

So are you sending a timestamp to the ui-text-input node??  
also what are the settings you have in the node? (an export would be helpful)

I can not recreate this running the same versions.

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [23 March 2022 07:38 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/3 "2022-03-23T07:38:11Z")

</div>

Not sending a timestamp, but injecting from ui\_control.

 ![Schermata 2022-03-23 alle 08.37.27](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/8/38e2682873041bd441644d4eece54ead4df7a1a4.png)

```auto
[{"id":"5e76b024508a5049","type":"ui_text_input","z":"fd95058a.48e3e8","name":"","label":"time","tooltip":"","group":"6f0450b9abbe27dc","order":21,"width":0,"height":0,"passthru":false,"mode":"time","delay":300,"topic":"topic","sendOnBlur":true,"className":"","topicType":"msg","x":490,"y":1140,"wires":[[]]},{"id":"23f58faf64af6338","type":"ui_ui_control","z":"fd95058a.48e3e8","name":"","events":"all","x":210,"y":1140,"wires":[["efa7ad290e784dd9"]]},{"id":"efa7ad290e784dd9","type":"change","z":"fd95058a.48e3e8","name":"set time","rules":[{"t":"set","p":"payload","pt":"msg","to":"52260000","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":360,"y":1140,"wires":[["5e76b024508a5049"]]},{"id":"6f0450b9abbe27dc","type":"ui_group","name":"Meteo","tab":"5b337e3b.68826","order":3,"disp":true,"width":"6","collapse":true,"className":""},{"id":"5b337e3b.68826","type":"ui_tab","name":"Servizi","icon":"home","order":3,"disabled":false,"hidden":false}]

```

It always need a page refresh, as the first time it didn't show (but ui\_control is sending "connect").

---

<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:** [23 March 2022 08:30 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/4 "2022-03-23T08:30:13Z")

</div>

Hmmm, I’m seeing some ‘odd’ things.

- Is that tab the first or only tab in the dashboard?
- what happens if you set the change node to inject a timestamp?

FYI, there is an outstanding issue with ui-text-input dealing with time where it the resulting time has an offset based on UTC. You may want to read about it: [node-red-dashboard Text Input / time picker Wrong time zone · Issue #625 · node-red/node-red-dashboard · GitHub](https://github.com/node-red/node-red-dashboard/issues/625)

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [23 March 2022 09:39 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/5 "2022-03-23T09:39:09Z")

</div>

The tab is one of many. What do you mean by "injecting a timestamp"? I need the change node to inject a flow variable with a timestamp.

- Sent from my mobile phone. Sorry for typos -

---

<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:** [23 March 2022 12:25 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/6 "2022-03-23T12:25:20Z")

</div>

> [@fmarzocca](#):
>
> What do you mean by "injecting a timestamp"

As a test, alter the change node to send a timestamp to see what happens

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [23 March 2022 13:30 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/7 "2022-03-23T13:30:46Z")

</div>

If I manually inject a timestamp, it works. But this is not my use case...  
The problem is that the ui\_text node does not refresh upon opening the dashboard (with the ui\_control sending the trigger).

---

<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:** [23 March 2022 15:33 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/8 "2022-03-23T15:33:08Z")

</div>

Can you build a small flow it’s the issue. I can’t reproduce it. Also

- what device/OS are you running node-red on?
- what device/browser are you using?

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [23 March 2022 17:24 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/9 "2022-03-23T17:24:15Z")

</div>

You can use this flow:

 ![Schermata 2022-03-23 alle 18.20.45](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/d/cd00a1a83ab6cc8ab1030a386a337ecaaf065f16.png)

```auto
[{"id":"5e76b024508a5049","type":"ui_text_input","z":"fd95058a.48e3e8","name":"","label":"time","tooltip":"","group":"6f0450b9abbe27dc","order":21,"width":0,"height":0,"passthru":false,"mode":"time","delay":300,"topic":"topic","sendOnBlur":true,"className":"","topicType":"msg","x":490,"y":1140,"wires":[[]]},{"id":"23f58faf64af6338","type":"ui_ui_control","z":"fd95058a.48e3e8","name":"","events":"all","x":210,"y":1140,"wires":[["efa7ad290e784dd9"]]},{"id":"efa7ad290e784dd9","type":"change","z":"fd95058a.48e3e8","name":"get time","rules":[{"t":"set","p":"payload","pt":"msg","to":"test","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":360,"y":1140,"wires":[["5e76b024508a5049"]]},{"id":"20f595912517dfd6","type":"inject","z":"fd95058a.48e3e8","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":260,"y":1240,"wires":[["f0ee239196b9bdc6"]]},{"id":"f0ee239196b9bdc6","type":"change","z":"fd95058a.48e3e8","name":"","rules":[{"t":"set","p":"test","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":420,"y":1240,"wires":[[]]},{"id":"6f0450b9abbe27dc","type":"ui_group","name":"Meteo","tab":"5b337e3b.68826","order":3,"disp":true,"width":"6","collapse":true,"className":""},{"id":"5b337e3b.68826","type":"ui_tab","name":"Servizi","icon":"home","order":3,"disabled":false,"hidden":false}]

```

First inject the timestamp to create the flow variable. Then open the dashboard and you will see --:-- instead of the time. Then refresh the browser page and.. voilà, you will get the time displayed.

I am using NR on Raspberry, and Chrome and Firefox on Mac as browser (both show the issue). Tested also on Chrome on Android phone: the same.

---

<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:** [23 March 2022 21:16 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/10 "2022-03-23T21:16:28Z")

</div>

In the ui-text-input check off the ` If msg arrives on input, pass through to output:` option and see what happens.

---

<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:** [23 March 2022 22:28 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/11 "2022-03-23T22:28:51Z")

</div>

Errr - the ui\_control only triggers on

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/9/69f854b7e76ed66d752c63e973f74b466aa643f2.png)  
so the display will only update when those occur. - eg a refresh... or initial load.. As long as the inject has happened before that occurs then the time is displayed - If necessary set the inject to fire on flow deploy so it is set early.

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [24 March 2022 09:42 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/12 "2022-03-24T09:42:56Z")

</div>

@dceejay The inject there is just for testing (to set the flow variable). The ui\_control correctly triggers the flow, but the time is not displayed until you manually refresh the browser page

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [24 March 2022 09:44 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/13 "2022-03-24T09:44:06Z")

</div>

@zenofmud that is already off.

---

<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:** [24 March 2022 10:50 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/14 "2022-03-24T10:50:40Z")

</div>

Sorry, I should have said ‘make sure it is checked’ so any incoming message is passed on.

HOWEVER, if you are not at UTC+0 you are going to see time value that is offset. If you want to display the current time on the dashboard why not send a time stamp - thru a moment node - to a ui-text node?

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [24 March 2022 11:32 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/15 "2022-03-24T11:32:45Z")

</div>

That is just a test. In my flow I need to display the time stored in a flow variable.

- Sent from my mobile phone. Sorry for typos -

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [24 March 2022 16:38 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/16 "2022-03-24T16:38:24Z")

</div>

@zenofmud, no change either checked or unchecked. This is definitely a bug of the time-picker (ui\_textinput)

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [24 March 2022 16:46 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/17 "2022-03-24T16:46:21Z")

</div>

The only way to the let time showing as soon as the dashboard starts, it to inject a value (i.e.:true) then wait few milliseconds and inject the correct value:

 ![Schermata 2022-03-24 alle 17.44.34](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/7/d7b7642e194ff2084db6e6944ec00fd5169cf946.png)

---

<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:** [24 March 2022 18:13 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/18 "2022-03-24T18:13:03Z")

</div>

Well that sounds like a clever solution. But you are still going to run into the UTC issue.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [23 April 2022 18:13 UTC](https://discourse.nodered.org/t/ui-text-input-time-picker-not-showing-time-in-dashboard-until-refreshed/60212/19 "2022-04-23T18:13:44Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.