# Greating a clock widget

**URL:** <https://discourse.nodered.org/t/greating-a-clock-widget/5317>\
**Category:** Dashboard\
**Created:** [29 November 2018 17:34 UTC](https://discourse.nodered.org/t/greating-a-clock-widget/5317 "2018-11-29T17:34:48Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alex](https://avatars.discourse-cdn.com/v4/letter/a/db5fbb/32.png) [@Alex](https://discourse.nodered.org/u/Alex)\
**Post date:** [29 November 2018 17:34 UTC](https://discourse.nodered.org/t/greating-a-clock-widget/5317/1 "2018-11-29T17:34:48Z")

</div>

Hi there,

I'm pretty new to Node-RED and i would appreciate if you could help me with my concern.

I implemented "date & time" in the dashboard as boring numbers somewhere in a colomn of the dashboard.  
Now I'm trying to optimize the look of "date & time". What is in my head is to create a widget which can be placed at one of the corners of the display.

Thanks for your help.  
Alex

---

<div class="post-metadata">

**Author:** ![ukmoose](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ukmoose/32/13_2.png) [@ukmoose](https://discourse.nodered.org/u/ukmoose)\
**Post date:** [29 November 2018 17:43 UTC](https://discourse.nodered.org/t/greating-a-clock-widget/5317/2 "2018-11-29T17:43:29Z")

</div>

Have you searched this forum? I’m sure it came up over the summer. Time/date dashboard

---

<div class="post-metadata">

**Author:** ![Alex](https://avatars.discourse-cdn.com/v4/letter/a/db5fbb/32.png) [@Alex](https://discourse.nodered.org/u/Alex)\
**Post date:** [29 November 2018 18:17 UTC](https://discourse.nodered.org/t/greating-a-clock-widget/5317/3 "2018-11-29T18:17:43Z")

</div>

Yes I searched for that.  
But more than what I've got I couldn't find.

Has someone the knowledge how to do that?

---

<div class="post-metadata">

**Author:** ![ukmoose](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ukmoose/32/13_2.png) [@ukmoose](https://discourse.nodered.org/u/ukmoose)\
**Post date:** [29 November 2018 18:20 UTC](https://discourse.nodered.org/t/greating-a-clock-widget/5317/4 "2018-11-29T18:20:08Z")

</div>

Try searching for "Time/Date on the Dashboard"

---

<div class="post-metadata">

**Author:** ![Alex](https://avatars.discourse-cdn.com/v4/letter/a/db5fbb/32.png) [@Alex](https://discourse.nodered.org/u/Alex)\
**Post date:** [29 November 2018 18:25 UTC](https://discourse.nodered.org/t/greating-a-clock-widget/5317/5 "2018-11-29T18:25:55Z")

</div>

For example, [this](https://discourse.nodered.org/t/time-date-on-the-dashboard/2415/6?u=alex) is what i found when I tried to solve my problem.

Bit I don't know at all, how to deal with this code/answer. ☹

---

<div class="post-metadata">

**Author:** ![hugobox](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hugobox/32/2948_2.png) [@hugobox](https://discourse.nodered.org/u/hugobox)\
**Post date:** [29 November 2018 18:29 UTC](https://discourse.nodered.org/t/greating-a-clock-widget/5317/6 "2018-11-29T18:29:12Z")

</div>

Have you tried importing it? You copy it then import from clipboard, paste, then click import, you should now see a blue ui\_template node called Clock Toolbar in your editor. Deploy and you should have the time in your Dashboard pages.