Initial commit

Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
This commit is contained in:
Eric Tuvesson
2023-09-05 12:08:55 +02:00
commit 53f0d6320e
2704 changed files with 76354 additions and 0 deletions

View File

@@ -0,0 +1,32 @@
---
title: Time Picker
hide_title: true
---
# Time Picker
A UI component for picking a time of the day, hours and minutes. It works both as a text input where you can type the time, and as a drop down of quick picks. On Mobile the native time picker can be used if the clock icon is clicked.
<div className="ndl-image-with-background">
![](/library/prefabs/time-picker/time-picker.png)
</div>
Below is a screenshot of the quick pick drop down.
<div className="ndl-image-with-background">
![](/library/prefabs/time-picker/time-picker-drop-down.png)
</div>
After importing the module you will see a component called **Time Picker** in your project.
The example below shows how to hook the **Time Picker** up to data in an **Object**, in this case a **Function** node is used to write back the hours and minutes to the object using the **Changed** signal.
<div className="ndl-image-with-background xl">
![](/library/prefabs/time-picker/time-picker-nodes.png)
</div>