# Clock

## Description

Select a time from a clock widget

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FNwSMwjpkVOznRlemYLLv%2FClock.png?alt=media\&token=26372e4d-7557-4660-b24d-5543bdc69868)
{% endtab %}

{% tab title="Location" %}
**Name** | Ui Clock

**Nickname** | Clock

**Tab** | Ui

**Panel** | Control

**Division** | 3
{% endtab %}

{% tab title="Inputs" %}
**\*E** | **Element** (*Ui+ Element*) | An optional input for an Element.&#x20;

> If an Element is input it will be updated, if empty a new Element will be created.
>
> The input control must be of the same type as the component

**D** | **DateTime** (Time) | The control date time

**M** | **Mode** (*Bool*) | Set control mode
{% endtab %}

{% tab title="Ouputs" %}
**E** | **Element** (*Ui+ Element*) | Ui Element Control.&#x20;
{% endtab %}

{% tab title="Mode" %}
*none*
{% endtab %}
{% endtabs %}

## Usage

![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2Fwef8cWHbIKKynnhZI5RE%2FClock.gif?alt=media\&token=275d3590-d992-4bed-87c9-2d42d56bba97)
