# Time Picker Issue - no arrows (Chrome)

**URL:** <https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601>\
**Category:** Dashboard\
**Created:** [20 October 2020 20:56 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601 "2020-10-20T20:56:43Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [20 October 2020 20:56 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/1 "2020-10-20T20:56:43Z")

</div>

When using time picker in Chrome (Version 86.0.4240.111 (Official Build) (64-bit)) the arrows that traditionally came up to adjust the hour / minute / ampm no longer display. The same problem occurs when I launch Dashboard using FireFox. The only way now that I can adjust the time or ampm is using the up - dn arrow keys. I'd really like to get the arrows back on the Dashboard screen,

 ![timepicker](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/c/7c2002e98dea4ae1561313fb8ce11eb8bc21784a.jpeg)

TIA  
st

---

<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:** [20 October 2020 21:39 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/2 "2020-10-20T21:39:11Z")

</div>

When I try that I see a small (almost invisible) button on the right

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/d/6d0b13a8688587e2b078f82fcba68c6d7613b86d.png)  
clicking that gives me this  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/c/1cb49b7162bc1adccbadbe8989bf73fe0b8a0771.png)  
How the browser decides to render the time widget is up to Chrome as this is just using the html5 input in time mode.  
I will have a look to see if it's possible to style the button so it's more visible.

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [20 October 2020 21:57 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/3 "2020-10-20T21:57:49Z")

</div>

Ah. If I fish around a bit clicking I get it to come up. The trigger icon is completely unseeable (with my color scheme maybe). I do like this select function better then the up-dn arrows so yes, if the icon could be made more visible that'd be perfect.

Thank you ......  
st

---

<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:** [20 October 2020 23:00 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/4 "2020-10-20T23:00:32Z")

</div>

fix pushed to master...

FYI - more info here - [https://blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html](https://blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html)

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [22 October 2020 21:12 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/5 "2020-10-22T21:12:46Z")

</div>

I still cannot see the widget. Is there a color item under themes that controls this?

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [22 October 2020 21:44 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/6 "2020-10-22T21:44:52Z")

</div>

I have had need to also make a thing like this.

What node are you using to input the time?

Thanks.

---

<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:** [22 October 2020 21:54 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/7 "2020-10-22T21:54:05Z")

</div>

It's not on npm yet - just fixed in master on github. Will be in next release.

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [22 October 2020 21:58 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/8 "2020-10-22T21:58:54Z")

</div>

Text Input Node with mode set to time picker.

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [22 October 2020 22:06 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/9 "2020-10-22T22:06:59Z")

</div>

Ok. Thanks. Did a minor step update to DB today (2.23.4) and thought it might be in there.

---

<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:** [22 October 2020 22:27 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/10 "2020-10-22T22:27:29Z")

</div>

if you want to install manually to try it you can

```auto
cd ~/.node-red
npm i node-red/node-red-dashboard

```

then restart Node-RED

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [23 October 2020 01:04 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/11 "2020-10-23T01:04:07Z")

</div>

Thanks `dceejay`

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [25 October 2020 16:13 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/12 "2020-10-25T16:13:21Z")

</div>

I've tried to update a few times and it always just gets stuck like this:

```auto
pi@HomeController:~/.node-red $ npm i node-red/node-red-dashboard
 [..................] - rollbackFailedOptional: verb npm-session 55e9c19c686f7ac7

```

It'll stay like that forever until I hit Ctrl-C.

---

<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:** [25 October 2020 16:24 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/13 "2020-10-25T16:24:09Z")

</div>

very odd... maybe some ideas from SO - [https://stackoverflow.com/questions/46011546/npm-install-error-rollbackfailedoptional](https://stackoverflow.com/questions/46011546/npm-install-error-rollbackfailedoptional) ?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [25 October 2020 17:07 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/14 "2020-10-25T17:07:46Z")

</div>

What sort of pi is it? Did you give it tens of minutes if it isn't a pi 4?

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [26 October 2020 16:11 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/15 "2020-10-26T16:11:15Z")

</div>

Sorry for the delay guys, I was away. Yesterday I fired up the command and left it all day. When I looked at it this morning I saw the CLI prompt so I assumed maybe it did something. I stop-started Node-Red, even rebooted the pi (3B+) but no change. I am running Buster and can confirm the internet is / was working fine, my NR app is running fine.

I can just wait for the next release I guess.

---

<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:** [25 November 2020 16:11 UTC](https://discourse.nodered.org/t/time-picker-issue-no-arrows-chrome/34601/16 "2020-11-25T16:11:17Z")

</div>

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