---
title: "edit-datetime"
description: "Overview"
permalink: /docs/build/ui-components/all-ui-components/object-table/column/edit-datetime/
---
# edit-datetime

## Overview

<Info>

To get started, see the introductory [guide](/docs/build/ui-components/all-ui-components/object-table/object-table-guides/edit-cells/) on editable `object-table` cells.

</Info>

This editable cell triggers a date picker, followed by a time picker once a valid date has been selected. 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`.

### Basic Example

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

## Standard Attributes

### `on-change`

See [`edit-text` > `on-change`](/docs/build/ui-components/all-ui-components/object-table/edit-text/#on-change)

### `value`

See [`edit-text` > `value`](/docs/build/ui-components/all-ui-components/object-table/edit-text/#value)

## Advanced Attributes

### `disabled`

See [`edit-text` > `disabled`](/docs/build/ui-components/all-ui-components/object-table/edit-text/#disabled)

### `clear-button-visibility`

<AttributeReference label="clear-button-visibility" href="/docs/build/ui-components/common-attributes/clear-button-visibility/" badge="advanced" tone="muted" />