> For the complete documentation index, see [llms.txt](https://interopxyz.gitbook.io/ui-plus/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://interopxyz.gitbook.io/ui-plus/components/control/calendar.md).

# Calendar

## Description

A

{% tabs %}
{% tab title="Preview" %}
![](/files/tzs84lSWSSwzLzFLppuI)
{% endtab %}

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

**Nickname** | Calendar

**Tab** | Ui

**Panel** | Control

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

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

> 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

**S** | **Single** (*Bool*) | If true, only a single date can be selected

**M** | **Mode** (*Integer*) | Set calendar mode
{% endtab %}

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

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

## Usage

![](/files/A9T4NLqvQTGf96xTxJ26)