# edit-date

## Overview

{% hint style="info" %}
To get started, see the introductory [guide](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/object-table/object-table-guides/edit-cells) on editable `object-table` cells.
{% endhint %}

This editable cell triggers a date picker, and allows the user to select/update or clear a date. The input and output value will always be of JavaScript type `Date`, unless the value is cleared - in which case the value will be `null`.

{% hint style="info" %}
**Note:** On desktop the date picker appears where the user clicks within the cell. On mobile the native operating system's date picker will appear.
{% endhint %}

### Basic Example

```xml
<object-table ...>
    <column display="{field}">
        <edit-date value="$object.field" on-change="$:valueChanged($object, newValue, oldValue)" />
    </column>
</object-table>
```

## Standard Attributes

### `on-change`

See [`edit-text` > `on-change`](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/object-table/edit-text#on-change)

### `value`

See [`edit-text` > `value`](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/object-table/edit-text#value)

## Advanced Attributes

### `clear-button-visibility`

{% content-ref url="../../../xml-fields/clear-button-visibility" %}
[clear-button-visibility](https://docs.journeyapps.com/reference/build/ui-components/xml-fields/clear-button-visibility)
{% endcontent-ref %}

### `disabled`

See [`edit-text` > `disabled`](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/object-table/edit-text#disabled)