Date Time Input

IntroductionLinked dataHuman and agentComponents

Controls / DateTimeInput

Enter a date or time for a query or decision.

Live exampleHow it worksSkill

When to use it

Enter a date or time for a query or decision.

What the agent supplies

A date, time, or date-time input with an ISO 8601 value; enable the needed parts.

The agent chooses the content and binds it to the component. CLIO then renders the view and its available controls.

What the agent receives

The exact output of load_skill, including resolved local definitions.

load_skill("a2ui-catalog-basic", file="catalog.json#/components/DateTimeInput")

{
  "type": "object",
  "allOf": [
    {
      "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/ComponentCommon"
    },
    {
      "type": "object",
      "properties": {
        "weight": {
          "type": "number",
          "description": "The relative weight of this component within a Row or Column. This is similar to the CSS 'flex-grow' property. Note: this may ONLY be set when the component is a direct descendant of a Row or Column."
        }
      }
    },
    {
      "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/Checkable"
    },
    {
      "type": "object",
      "properties": {
        "component": {
          "const": "DateTimeInput"
        },
        "value": {
          "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString",
          "description": "The selected date and/or time value in ISO 8601 format. If not yet set, initialize with an empty string."
        },
        "enableDate": {
          "type": "boolean",
          "description": "If true, allows the user to select a date.",
          "default": false
        },
        "enableTime": {
          "type": "boolean",
          "description": "If true, allows the user to select a time.",
          "default": false
        },
        "min": {
          "allOf": [
            {
              "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString"
            },
            {
              "if": {
                "type": "string"
              },
              "then": {
                "oneOf": [
                  {
                    "format": "date"
                  },
                  {
                    "format": "time"
                  },
                  {
                    "format": "date-time"
                  }
                ]
              }
            }
          ],
          "description": "The minimum allowed date/time in ISO 8601 format."
        },
        "max": {
          "allOf": [
            {
              "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString"
            },
            {
              "if": {
                "type": "string"
              },
              "then": {
                "oneOf": [
                  {
                    "format": "date"
                  },
                  {
                    "format": "time"
                  },
                  {
                    "format": "date-time"
                  }
                ]
              }
            }
          ],
          "description": "The maximum allowed date/time in ISO 8601 format."
        },
        "label": {
          "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString",
          "description": "The text label for the input field."
        }
      },
      "required": [
        "component",
        "value"
      ]
    }
  ],
  "unevaluatedProperties": false
}

Standard refs (not loadable here): https://a2ui.org/specification/v0_9/common_types.json#/$defs/Checkable, https://a2ui.org/specification/v0_9/common_types.json#/$defs/ComponentCommon, https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString