mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-12 07:12:53 +01:00
53f0d6320e
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>
35 lines
983 B
Markdown
35 lines
983 B
Markdown
---
|
|
title: Date Picker
|
|
hide_title: true
|
|
---
|
|
|
|
# Date Picker
|
|
|
|
A UI component for picking dates. It works both as a text input where you can type the date, and as a calendar drop down (or using the native date picker on mobile).
|
|
|
|
<div className="ndl-image-with-background">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
On desktop and tablets the text input present a calendar drop down when edited.
|
|
|
|
<div className="ndl-image-with-background">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
After importing the module you will see a component called **Date Picker** in your project.
|
|
|
|
The example below shows how to hook the **Date Picker** up to data in a **Variable**, you can save the value back to the object with the **Set Variable** using the **Changed** signal.
|
|
|
|
<div className="ndl-image-with-background xl">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
The **Value** input and output have the Javascript **Date** type.
|