edit-date

Overview

To get started, see the introductory guide on editable object-table cells.

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.

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.

Basic Example

<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

value

See edit-text > value

Advanced Attributes

clear-button-visibility

clear-button-visibility

disabled

See edit-text > disabled