Timestamp
Datetime / date-time-range field wrapper (delegates to internal range+timezone control). Driven by .type and .pg_data_type.
HTML tag: c-e9169ae6eb50643c9900332683dfa8670
When to use
Section titled “When to use”- datetime or date-time range field
- timestamp bound to pg_data_type
- combined date+time (not date-only or time-only)
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | ||
value | string | ||
type | string | date time | |
pg_data_type | string | timestamp | |
readonly | boolean | false | |
date_format | string | ||
display_settings | string | ||
theme | string |
- Set .type (e.g. ‘date time’, range variants) and .pg_data_type (timestamp, etc.) per storage type.
- value-modified on change; also fires platform value-changed via mixin on child path.
- date_format/display_settings come from display settings loader when pg_data_type changes.
Events
Section titled “Events”| Event | Detail |
|---|---|
value-modified | string |
value-changed | string |
What to avoid
Section titled “What to avoid”Do not use for simple date-only forms (ab-date-field). Do not duplicate timezone range UI if ab-timestamp-range-with-timezone-field is required.
Example
Section titled “Example”<c-e9169ae6eb50643c9900332683dfa8670 .label=${'Created at'} .value=${createdAt} .pg_data_type=${'timestamp'} .type=${'date time'} @value-modified=${onTsChange}></c-e9169ae6eb50643c9900332683dfa8670>