---
url: /api/renderers/web-components/src/variables/dateTimeInput.md
---
[pantoken-root](../../../../index.md) / [renderers/web-components/src](../index.md) / dateTimeInput

# Variable: dateTimeInput

> `const` **dateTimeInput**: [`ElementDefinition`](../interfaces/ElementDefinition.md)

Alpha

`<instui-date-time-input>` — a nested `<instui-date-input>` plus a native time field. A change to
either recomputes a combined `value` (`yyyy-mm-ddThh:mm`, or just the date when no time) and emits
a composed, bubbling `change` (`detail.value`). Setting `value` splits it back across the two
fields.

## Example

```html
<instui-date-time-input value="2026-07-08T14:30"></instui-date-time-input>
```