AB Timestamp With Timezone Field
Public single datetime field with timezone (timestamptz). Thin wrapper over the shared range/timezone implementation with type ‘date time timezone’.
HTML tag: c-e932d6bbcc98d45f0b53e00bd7b64bd45
When to use
Section titled “When to use”- single timestamp with time zone column
- timestamptz form field
- datetime entry with timezone selector
| Prop | Type | Default | Description |
|---|---|---|---|
label | String | ||
value | String | ||
pg_data_type | String | timestamp with time zone | |
display_timezone | String | ||
readonly | Boolean | ||
date_format | String | ||
display_format | String | ||
type | String | date time timezone | |
enabled | Boolean | ||
disabled | Boolean |
- Bind .value as timestamptz string from backend.
- Set pg_data_type to ‘timestamp with time zone’ (default).
- display_timezone controls display (defaults to browser TZ).
- Listen for value-modified and value-changed — not ‘change’.
Events
Section titled “Events”| Event | Detail |
|---|---|
value-modified | String |
value-changed | String |
What to avoid
Section titled “What to avoid”Do not use ab-timestamp-range-with-timezone-field for a single timestamp column. Do not use ab-date-field + ab-time-field when one timestamptz field is required.
Example
Section titled “Example”<c-e932d6bbcc98d45f0b53e00bd7b64bd45 .label=${'Created at'} .value=${createdAt} .display_timezone=${'Europe/Belgrade'} @value-modified=${onTs}></c-e932d6bbcc98d45f0b53e00bd7b64bd45>