DateTimeInput
Gen UI 2.0 standardA date picker, a time picker with enableTime, or both. timeStep (minutes) offers fixed times, e.g. 30 for a booking. The value is ISO 8601. Give it a label.
One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use DateTimeInput. Standard catalog docs
Props
Read from standardUI.manifestComponents in the installed @copilotkit/react-core. In A2UI 1.0 any value may also be a { "@path" } binding into the surface data model or a { "@call" } function call.
| Prop | Type | Required | Description |
|---|---|---|---|
| label | string | No | The visible label of the field. Always set it |
| value | string | No | ISO 8601: "YYYY-MM-DD", "HH:MM" or "YYYY-MM-DDTHH:MM". Bind it with { "@path": "/x" } |
| checks | { condition?, message? }[] | No | Validation rules. The control shows the first failed one |
| enableDate | boolean | No | The user picks a date. Default true unless only enableTime is set |
| enableTime | boolean | No | The user picks a time |
| timeStep | integer | No | Minutes between the times the user can pick, e.g. 15 or 30. Shows the time as a list |
| min | string | No | The earliest value, ISO 8601 |
| max | string | No | The latest value, ISO 8601 |
| placeholder | string | No | - |
| disabled | boolean | No | - |
| required | boolean | No | - |
| clearable | boolean | No | - |
| block | boolean | No | Full width |
| weight | number | No | flex-grow in a Row or Column |