@assistant-ui/react-generative-ui 0.0.22 → 0.0.23

package/dist/vocabulary/interactive.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive.js","names":[],"sources":["../../src/vocabulary/interactive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { z } from \"zod\";\nimport {\n  CHECKBOX_GROUP_ATTR,\n  FIELD_NAME_ATTR,\n  GENERATED_NAME_ATTR,\n} from \"../constants\";\nimport type { Action } from \"../ir\";\nimport { BUTTON_STYLES } from \"../ir\";\nimport type {\n  GenerativeUIDispatch,\n  GenerativeUILibrary,\n  GenerativeUIStatus,\n} from \"../types\";\nimport { A2uiBindingContext, useA2uiBinding } from \"../a2ui/BindingContext\";\nimport { useAnsweredValue } from \"../answeredValues\";\nimport { actionAttr, fire } from \"./dispatch\";\nimport { toTextContent } from \"./toTextContent\";\nimport { useRadioGroupName } from \"../RadioGroupScope\";\n\nconst optionSchema = z.object({\n  label: z.string(),\n  value: z.string(),\n});\n\nconst describedOptionSchema = optionSchema.extend({\n  description: z.string().optional(),\n});\n\ntype Option = { label: string; description?: string; value: string };\n\nconst isOption = (option: unknown): option is Option =>\n  option !== null &&\n  typeof option === \"object\" &&\n  \"label\" in option &&\n  typeof option.label === \"string\" &&\n  (!(\"description\" in option) || typeof option.description === \"string\") &&\n  \"value\" in option &&\n  typeof option.value === \"string\";\n\nconst mapOptions = (\n  options: unknown,\n  render: (option: Option, key: string) => React.ReactNode,\n) => {\n  const occurrences = new Map<string, number>();\n  return (Array.isArray(options) ? options : []).map((option) => {\n    if (!isOption(option)) return null;\n    const occurrence = occurrences.get(option.value) ?? 0;\n    occurrences.set(option.value, occurrence + 1);\n    return render(option, JSON.stringify([option.value, occurrence]));\n  });\n};\n\ntype RadioGroupRenderProps = {\n  value?: string;\n  options: Option[];\n  name?: string;\n  label?: string;\n  defaultValue?: string;\n  children?: React.ReactNode;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction RadioGroupRender({\n  value,\n  options,\n  name,\n  label,\n  defaultValue,\n  children,\n  $action,\n  $dispatch,\n}: RadioGroupRenderProps) {\n  const groupName = useRadioGroupName(name);\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const initialValue =\n    typeof answeredValue === \"string\" ? answeredValue : defaultValue;\n  return (\n    <fieldset\n      key={initialValue}\n      data-aui=\"radiogroup\"\n      data-aui-action={actionAttr($action)}\n      aria-label={label}\n    >\n      {mapOptions(options, (option, key) => (\n        <label key={key} data-aui=\"radiogroup-option\">\n          <input\n            type=\"radio\"\n            name={groupName}\n            {...{ [FIELD_NAME_ATTR]: name }}\n            {...(name == null ? { [GENERATED_NAME_ATTR]: \"\" } : {})}\n            value={option.value}\n            {...(isBound\n              ? { checked: (answeredValue ?? value) === option.value }\n              : { defaultChecked: initialValue === option.value })}\n            onChange={(e) => {\n              updateBinding?.(option.value);\n              fire($action, $dispatch, option.value, e.currentTarget);\n            }}\n          />\n          {option.description ? (\n            <span data-aui=\"option-content\">\n              <span data-aui=\"option-label\">{option.label}</span>\n              <span data-aui=\"option-description\">{option.description}</span>\n            </span>\n          ) : (\n            option.label\n          )}\n        </label>\n      ))}\n      {children}\n    </fieldset>\n  );\n}\n\ntype CheckboxGroupRenderProps = {\n  value?: string[];\n  options: Option[];\n  name?: string;\n  label?: string;\n  defaultValue?: string[];\n  children?: React.ReactNode;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nconst checkedGroupValues = (input: HTMLInputElement): string[] =>\n  Array.from(\n    input\n      .closest(\"fieldset\")\n      ?.querySelectorAll<HTMLInputElement>(\n        `:scope > label > input[${CHECKBOX_GROUP_ATTR}]:checked`,\n      ) ?? [],\n    (checkbox) => checkbox.value,\n  );\n\nfunction CheckboxGroupRender({\n  value,\n  options,\n  name,\n  label,\n  defaultValue,\n  children,\n  $action,\n  $dispatch,\n}: CheckboxGroupRenderProps) {\n  const generatedName = React.useId();\n  const fieldName = name ?? generatedName;\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const checkedValues =\n    Array.isArray(answeredValue) &&\n    answeredValue.every((value): value is string => typeof value === \"string\")\n      ? answeredValue\n      : Array.isArray(defaultValue)\n        ? defaultValue\n        : [];\n  return (\n    <fieldset\n      key={JSON.stringify(checkedValues)}\n      data-aui=\"checkboxgroup\"\n      data-aui-action={actionAttr($action)}\n      aria-label={label}\n    >\n      {mapOptions(options, (option, key) => (\n        <label key={key} data-aui=\"checkboxgroup-option\">\n          <input\n            type=\"checkbox\"\n            name={fieldName}\n            {...{ [CHECKBOX_GROUP_ATTR]: \"\" }}\n            {...(name == null ? { [GENERATED_NAME_ATTR]: \"\" } : {})}\n            value={option.value}\n            {...(isBound\n              ? {\n                  checked: (Array.isArray(answeredValue)\n                    ? checkedValues\n                    : (value ?? [])\n                  ).includes(option.value),\n                }\n              : { defaultChecked: checkedValues.includes(option.value) })}\n            onChange={(e) => {\n              const selected = checkedGroupValues(e.currentTarget);\n              updateBinding?.(selected);\n              fire($action, $dispatch, selected, e.currentTarget);\n            }}\n          />\n          {option.description ? (\n            <span data-aui=\"option-content\">\n              <span data-aui=\"option-label\">{option.label}</span>\n              <span data-aui=\"option-description\">{option.description}</span>\n            </span>\n          ) : (\n            option.label\n          )}\n        </label>\n      ))}\n      {children}\n    </fieldset>\n  );\n}\n\ntype SelectRenderProps = {\n  value?: string;\n  options: Option[];\n  placeholder?: string;\n  label?: string;\n  name?: string;\n  defaultValue?: string;\n  children?: React.ReactNode;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction SelectRender({\n  value,\n  options,\n  placeholder,\n  label,\n  name,\n  defaultValue,\n  $action,\n  $dispatch,\n  children,\n}: SelectRenderProps) {\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const placeholderText = toTextContent(placeholder);\n  const initialValue =\n    typeof answeredValue === \"string\"\n      ? answeredValue\n      : typeof defaultValue === \"string\"\n        ? defaultValue\n        : \"\";\n  return (\n    <select\n      key={initialValue}\n      data-aui=\"select\"\n      data-aui-action={actionAttr($action)}\n      name={name}\n      aria-label={label}\n      {...(isBound\n        ? {\n            value:\n              typeof answeredValue === \"string\" ? answeredValue : (value ?? \"\"),\n          }\n        : { defaultValue: initialValue })}\n      onChange={(e) => {\n        updateBinding?.(e.currentTarget.value);\n        fire($action, $dispatch, e.currentTarget.value, e.currentTarget);\n      }}\n    >\n      {placeholderText ? (\n        <option value=\"\" disabled>\n          {placeholderText}\n        </option>\n      ) : null}\n      {mapOptions(options, (option, key) => (\n        <option key={key} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n      {children}\n    </select>\n  );\n}\n\ntype InputRenderProps = {\n  value?: string;\n  inputType?: \"text\" | \"password\" | \"number\";\n  placeholder?: string;\n  multiline?: boolean;\n  label?: string;\n  name?: string;\n  defaultValue?: string;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction InputRender({\n  value,\n  inputType,\n  placeholder,\n  multiline,\n  label,\n  name,\n  defaultValue,\n  $action,\n  $dispatch,\n}: InputRenderProps) {\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const initialValue =\n    typeof answeredValue === \"string\" ? answeredValue : defaultValue;\n  const submit = (control: HTMLInputElement | HTMLTextAreaElement) =>\n    fire($action, $dispatch, control.value, control);\n  return multiline && (inputType === undefined || inputType === \"text\") ? (\n    <textarea\n      key={initialValue}\n      data-aui=\"input\"\n      data-aui-multiline\n      data-aui-action={actionAttr($action)}\n      name={name}\n      aria-label={label}\n      placeholder={placeholder}\n      {...(isBound\n        ? {\n            value:\n              typeof answeredValue === \"string\" ? answeredValue : (value ?? \"\"),\n          }\n        : { defaultValue: initialValue })}\n      onChange={\n        updateBinding ? (e) => updateBinding(e.currentTarget.value) : undefined\n      }\n      onKeyDown={(e) => {\n        if (\n          e.key !== \"Enter\" ||\n          !(e.ctrlKey || e.metaKey) ||\n          e.nativeEvent.isComposing\n        )\n          return;\n        if (e.currentTarget.form) {\n          e.preventDefault();\n          HTMLFormElement.prototype.requestSubmit.call(e.currentTarget.form);\n        } else {\n          submit(e.currentTarget);\n        }\n      }}\n    />\n  ) : (\n    <input\n      key={initialValue}\n      type={inputType}\n      step={inputType === \"number\" ? \"any\" : undefined}\n      data-aui=\"input\"\n      data-aui-action={actionAttr($action)}\n      name={name}\n      aria-label={label}\n      placeholder={placeholder}\n      {...(isBound\n        ? {\n            value:\n              typeof answeredValue === \"string\" ? answeredValue : (value ?? \"\"),\n          }\n        : { defaultValue: initialValue })}\n      onChange={\n        updateBinding ? (e) => updateBinding(e.currentTarget.value) : undefined\n      }\n      onKeyDown={(e) => {\n        if (\n          e.key === \"Enter\" &&\n          !e.nativeEvent.isComposing &&\n          !e.currentTarget.form\n        )\n          submit(e.currentTarget);\n      }}\n    />\n  );\n}\n\ntype DatePickerRenderProps = {\n  value?: string;\n  min?: string;\n  max?: string;\n  label?: string;\n  name?: string;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction DatePickerRender({\n  value,\n  min,\n  max,\n  label,\n  name,\n  $action,\n  $dispatch,\n}: DatePickerRenderProps) {\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const initialValue =\n    typeof answeredValue === \"string\" ? answeredValue : value;\n  return (\n    <input\n      key={isBound ? undefined : initialValue}\n      type=\"date\"\n      data-aui=\"datepicker\"\n      data-aui-action={actionAttr($action)}\n      name={name}\n      aria-label={label}\n      {...(isBound\n        ? {\n            value:\n              typeof answeredValue === \"string\" ? answeredValue : (value ?? \"\"),\n          }\n        : { defaultValue: initialValue })}\n      min={min}\n      max={max}\n      onChange={(e) => {\n        updateBinding?.(e.currentTarget.value);\n        fire($action, $dispatch, e.currentTarget.value, e.currentTarget);\n      }}\n    />\n  );\n}\n\ntype CheckboxRenderProps = {\n  checked?: boolean;\n  label: string;\n  name?: string;\n  defaultChecked?: boolean;\n  variant?: \"checkbox\" | \"switch\";\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction CheckboxRender({\n  checked,\n  label,\n  name,\n  defaultChecked,\n  variant = \"checkbox\",\n  $action,\n  $dispatch,\n}: CheckboxRenderProps) {\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const initialChecked =\n    typeof answeredValue === \"boolean\" ? answeredValue : defaultChecked;\n  return (\n    <label\n      data-aui=\"checkbox\"\n      data-aui-variant={variant === \"switch\" ? variant : undefined}\n    >\n      <input\n        key={String(initialChecked)}\n        type=\"checkbox\"\n        role={variant === \"switch\" ? \"switch\" : undefined}\n        data-aui-action={actionAttr($action)}\n        name={name}\n        {...(isBound\n          ? {\n              checked:\n                typeof answeredValue === \"boolean\"\n                  ? answeredValue\n                  : checked === true,\n            }\n          : { defaultChecked: initialChecked })}\n        onChange={(e) => {\n          updateBinding?.(e.currentTarget.checked);\n          fire($action, $dispatch, e.currentTarget.checked, e.currentTarget);\n        }}\n      />\n      <span data-aui=\"checkbox-label\">{toTextContent(label)}</span>\n    </label>\n  );\n}\n\nconst finiteNumber = (value: unknown): value is number =>\n  typeof value === \"number\" && Number.isFinite(value);\n\nconst clamp = (value: number, min: number, max: number): number =>\n  Math.min(Math.max(value, min), max);\n\ntype SliderRenderProps = {\n  value?: number;\n  name?: string;\n  label?: string;\n  min: number;\n  max: number;\n  step?: number;\n  defaultValue?: number;\n  unit?: string;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\ntype SliderControlProps = {\n  controlledValue?: number;\n  name?: string;\n  label?: string;\n  min: number;\n  max: number;\n  step: number;\n  initialValue: number;\n  unit?: string;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction SliderControl({\n  controlledValue,\n  name,\n  label,\n  min,\n  max,\n  step,\n  initialValue,\n  unit,\n  $action,\n  $dispatch,\n}: SliderControlProps) {\n  const updateBinding = useA2uiBinding(name);\n  const [localValue, setValue] = React.useState(initialValue);\n  const value = controlledValue ?? localValue;\n  const pointerActive = React.useRef(false);\n  const keyboardActive = React.useRef(false);\n  const lastCommitted = React.useRef(initialValue);\n  const currentValue = (input: HTMLInputElement) =>\n    clamp(Number(input.value), min, max);\n  const commit = (input: HTMLInputElement) => {\n    if (controlledValue !== undefined) return;\n    const nextValue = currentValue(input);\n    setValue(nextValue);\n    if (lastCommitted.current === nextValue) return;\n    lastCommitted.current = nextValue;\n    fire($action, $dispatch, nextValue, input);\n  };\n\n  return (\n    <label data-aui=\"slider-field\">\n      {label ? <span data-aui=\"slider-label\">{label}</span> : null}\n      <input\n        type=\"range\"\n        data-aui=\"slider\"\n        data-aui-action={actionAttr($action)}\n        name={name}\n        aria-label={label}\n        aria-valuetext={unit ? `${value} ${unit}` : String(value)}\n        min={min}\n        max={max}\n        step={step}\n        {...(controlledValue !== undefined\n          ? { value }\n          : { defaultValue: initialValue })}\n        onInput={(e) => {\n          const nextValue = currentValue(e.currentTarget);\n          if (controlledValue !== undefined) updateBinding?.(nextValue);\n          else setValue(nextValue);\n        }}\n        onPointerDown={() => {\n          pointerActive.current = true;\n        }}\n        onPointerUp={(e) => {\n          pointerActive.current = false;\n          commit(e.currentTarget);\n        }}\n        onKeyDown={(e) => {\n          keyboardActive.current = [\n            \"ArrowDown\",\n            \"ArrowLeft\",\n            \"ArrowRight\",\n            \"ArrowUp\",\n            \"End\",\n            \"Home\",\n            \"PageDown\",\n            \"PageUp\",\n          ].includes(e.key);\n        }}\n        onKeyUp={(e) => {\n          if (!keyboardActive.current) return;\n          keyboardActive.current = false;\n          commit(e.currentTarget);\n        }}\n        onChange={(e) => {\n          if (!pointerActive.current && !keyboardActive.current)\n            commit(e.currentTarget);\n        }}\n      />\n      <output data-aui=\"slider-value\">\n        {value}\n        {unit ? ` ${unit}` : \"\"}\n      </output>\n    </label>\n  );\n}\n\nfunction SliderRender({\n  value,\n  name,\n  label,\n  min,\n  max,\n  step,\n  defaultValue,\n  unit,\n  $action,\n  $dispatch,\n}: SliderRenderProps) {\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const safeMin = finiteNumber(min) ? min : 0;\n  const safeMax = finiteNumber(max) ? Math.max(max, safeMin) : safeMin + 100;\n  const safeStep = finiteNumber(step) && step > 0 ? step : 1;\n  const defaultNumber = finiteNumber(isBound ? value : defaultValue)\n    ? isBound\n      ? value!\n      : defaultValue!\n    : safeMin;\n  const initialValue = clamp(\n    finiteNumber(answeredValue) ? answeredValue : defaultNumber,\n    safeMin,\n    safeMax,\n  );\n  return (\n    <SliderControl\n      key={`${safeMin}:${safeMax}:${safeStep}:${isBound ? \"bound\" : initialValue}`}\n      {...(isBound ? { controlledValue: initialValue } : {})}\n      min={safeMin}\n      max={safeMax}\n      step={safeStep}\n      initialValue={initialValue}\n      {...(name !== undefined ? { name } : {})}\n      {...(label !== undefined ? { label } : {})}\n      {...(unit !== undefined ? { unit } : {})}\n      {...($action !== undefined ? { $action } : {})}\n      {...($dispatch !== undefined ? { $dispatch } : {})}\n    />\n  );\n}\n\nconst UNDO_WINDOW_SECONDS = 5;\n\ntype ButtonRenderProps = {\n  label: string;\n  buttonStyle?: (typeof BUTTON_STYLES)[number];\n  block?: boolean;\n  submit?: boolean;\n  undoable?: boolean;\n  children?: React.ReactNode;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction ButtonRender({\n  label,\n  buttonStyle,\n  block,\n  submit,\n  undoable,\n  children,\n  $action,\n  $dispatch,\n}: ButtonRenderProps) {\n  const bindings = React.useContext(A2uiBindingContext!)?.fields;\n  const bindingsRef = React.useRef(bindings);\n  bindingsRef.current = bindings;\n  const [remaining, setRemaining] = React.useState<number | undefined>(\n    undefined,\n  );\n  const labelText = String(toTextContent(label) ?? \"\");\n  const undoLabel = labelText.trim();\n  const pendingAction = React.useRef<\n    | {\n        $action: Action;\n        $dispatch: GenerativeUIDispatch;\n        source: HTMLButtonElement;\n      }\n    | undefined\n  >(undefined);\n  const canUndo =\n    undoable && !submit && $action !== undefined && $dispatch !== undefined;\n\n  React.useEffect(() => {\n    if (remaining === undefined) return;\n    const timer = setTimeout(() => {\n      if (remaining > 1) {\n        setRemaining(remaining - 1);\n        return;\n      }\n      const action = pendingAction.current;\n      pendingAction.current = undefined;\n      setRemaining(undefined);\n      if (action)\n        fire(\n          action.$action,\n          action.$dispatch,\n          undefined,\n          action.source,\n          bindingsRef.current,\n        );\n    }, 1_000);\n    return () => clearTimeout(timer);\n  }, [remaining]);\n\n  const cancelUndo = () => {\n    pendingAction.current = undefined;\n    setRemaining(undefined);\n  };\n\n  return (\n    <button\n      type={submit ? \"submit\" : \"button\"}\n      data-aui=\"button\"\n      data-aui-style={buttonStyle}\n      data-aui-block={block || undefined}\n      data-aui-submit={submit || undefined}\n      data-aui-state={remaining === undefined ? undefined : \"pending\"}\n      data-aui-action={actionAttr($action)}\n      aria-label={\n        remaining === undefined\n          ? undefined\n          : undoLabel\n            ? `Undo ${undoLabel}`\n            : \"Undo\"\n      }\n      onClick={\n        submit\n          ? undefined\n          : canUndo\n            ? (e) => {\n                if (remaining !== undefined) {\n                  cancelUndo();\n                  return;\n                }\n                pendingAction.current = {\n                  $action,\n                  $dispatch,\n                  source: e.currentTarget,\n                };\n                setRemaining(UNDO_WINDOW_SECONDS);\n              }\n            : (e) =>\n                fire($action, $dispatch, undefined, e.currentTarget, bindings)\n      }\n      onKeyDown={\n        canUndo\n          ? (e) => {\n              if (e.key !== \"Escape\" || remaining === undefined) return;\n              e.preventDefault();\n              cancelUndo();\n            }\n          : undefined\n      }\n    >\n      {remaining === undefined ? (\n        <>\n          {labelText}\n          {children}\n        </>\n      ) : (\n        <>\n          Undo <span data-aui=\"button-countdown\">{remaining}</span>\n          <span data-aui=\"button-undo-status\" role=\"status\">\n            {labelText} in {UNDO_WINDOW_SECONDS} seconds\n          </span>\n        </>\n      )}\n    </button>\n  );\n}\n\nexport const interactiveVocabulary = {\n  Button: {\n    description:\n      \"A clickable button. Carries `$action` describing the side effect or resume value. Set `submit` to submit an ancestor Form/Card instead of firing `$action` on click.\",\n    properties: z.object({\n      label: z.string().describe(\"Button label.\"),\n      buttonStyle: z.enum(BUTTON_STYLES).optional().describe(\"Visual style.\"),\n      block: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the button spans the full width.\"),\n      submit: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Render as a submit button for an ancestor Form/Card instead of a click button.\",\n        ),\n      undoable: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Delay the action with an undo control, for sends and other hard-to-reverse actions.\",\n        ),\n    }),\n    render: ButtonRender,\n  },\n  Select: {\n    description:\n      \"A dropdown selector. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      placeholder: z\n        .string()\n        .optional()\n        .describe(\"Placeholder shown when nothing is selected.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      defaultValue: z.string().optional().describe(\"Initially selected value.\"),\n    }),\n    render: SelectRender,\n  },\n  Input: {\n    description:\n      \"A text input. Carries `$action` describing the on-submit behavior.\",\n    properties: z.object({\n      inputType: z\n        .enum([\"text\", \"password\", \"number\"])\n        .optional()\n        .describe(\"Single-line input type. Values remain strings.\"),\n      placeholder: z.string().optional().describe(\"Placeholder text.\"),\n      multiline: z\n        .boolean()\n        .optional()\n        .describe(\n          'Render a textarea instead of a single-line input; ignored when `inputType` is `\"password\"` or `\"number\"`.',\n        ),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      defaultValue: z.string().optional().describe(\"Initial text.\"),\n    }),\n    render: InputRender,\n  },\n  DatePicker: {\n    description:\n      \"A date input. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      value: z.string().optional().describe(\"Initial date (YYYY-MM-DD).\"),\n      min: z.string().optional().describe(\"Minimum date (YYYY-MM-DD).\"),\n      max: z.string().optional().describe(\"Maximum date (YYYY-MM-DD).\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: DatePickerRender,\n  },\n  Checkbox: {\n    description:\n      \"A checkbox with a label. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      label: z.string().describe(\"Label text next to the checkbox.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      defaultChecked: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the checkbox starts checked.\"),\n      variant: z\n        .enum([\"checkbox\", \"switch\"])\n        .optional()\n        .describe(\"Whether to render a checkbox or switch.\"),\n    }),\n    render: CheckboxRender,\n  },\n  Slider: {\n    description:\n      \"A numeric range control. Carries `$action` describing the committed value.\",\n    properties: z.object({\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      min: z.number().describe(\"Minimum value.\"),\n      max: z.number().describe(\"Maximum value.\"),\n      step: z.number().optional().describe(\"Value increment. Defaults to 1.\"),\n      defaultValue: z.number().optional().describe(\"Initial value.\"),\n      unit: z.string().optional().describe(\"Unit shown with the value.\"),\n    }),\n    render: SliderRender,\n  },\n  RadioGroup: {\n    description:\n      \"A group of mutually exclusive radio options. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      options: z.array(describedOptionSchema).describe(\"Selectable options.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      label: z.string().optional().describe(\"Accessible name for the group.\"),\n      defaultValue: z.string().optional().describe(\"Initially selected value.\"),\n    }),\n    render: RadioGroupRender,\n  },\n  CheckboxGroup: {\n    description:\n      \"A group of checkbox options where any number can be checked. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      options: z.array(describedOptionSchema).describe(\"Selectable options.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      label: z.string().optional().describe(\"Accessible name for the group.\"),\n      defaultValue: z\n        .array(z.string())\n        .optional()\n        .describe(\"Initially checked values.\"),\n    }),\n    render: CheckboxGroupRender,\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}
+{"version":3,"file":"interactive.js","names":[],"sources":["../../src/vocabulary/interactive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { z } from \"zod\";\nimport {\n  CHECKBOX_GROUP_ATTR,\n  FIELD_NAME_ATTR,\n  FIELD_VALUE_ATTR,\n  GENERATED_NAME_ATTR,\n} from \"../constants\";\nimport type { Action } from \"../ir\";\nimport { BUTTON_STYLES } from \"../ir\";\nimport type {\n  GenerativeUIDispatch,\n  GenerativeUILibrary,\n  GenerativeUIStatus,\n} from \"../types\";\nimport { A2uiBindingContext, useA2uiBinding } from \"../a2ui/BindingContext\";\nimport { useAnsweredValue } from \"../answeredValues\";\nimport { actionAttr, fire } from \"./dispatch\";\nimport { toTextContent } from \"./toTextContent\";\nimport { useRadioGroupName } from \"../RadioGroupScope\";\nimport {\n  classifyTemporal,\n  fromLocalDateTime,\n  getTemporalInputStep,\n  normalizeTemporalInputValue,\n  toLocalDateTime,\n  toPickerLocalDateTime,\n} from \"../temporal\";\n\nconst optionSchema = z.object({\n  label: z.string(),\n  value: z.string(),\n});\n\nconst describedOptionSchema = optionSchema.extend({\n  description: z.string().optional(),\n});\n\ntype Option = { label: string; description?: string; value: string };\n\nconst isOption = (option: unknown): option is Option =>\n  option !== null &&\n  typeof option === \"object\" &&\n  \"label\" in option &&\n  typeof option.label === \"string\" &&\n  (!(\"description\" in option) || typeof option.description === \"string\") &&\n  \"value\" in option &&\n  typeof option.value === \"string\";\n\nconst mapOptions = (\n  options: unknown,\n  render: (option: Option, key: string) => React.ReactNode,\n) => {\n  const occurrences = new Map<string, number>();\n  return (Array.isArray(options) ? options : []).map((option) => {\n    if (!isOption(option)) return null;\n    const occurrence = occurrences.get(option.value) ?? 0;\n    occurrences.set(option.value, occurrence + 1);\n    return render(option, JSON.stringify([option.value, occurrence]));\n  });\n};\n\ntype RadioGroupRenderProps = {\n  value?: string;\n  options: Option[];\n  name?: string;\n  label?: string;\n  defaultValue?: string;\n  children?: React.ReactNode;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction RadioGroupRender({\n  value,\n  options,\n  name,\n  label,\n  defaultValue,\n  children,\n  $action,\n  $dispatch,\n}: RadioGroupRenderProps) {\n  const groupName = useRadioGroupName(name);\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const initialValue =\n    typeof answeredValue === \"string\" ? answeredValue : defaultValue;\n  return (\n    <fieldset\n      key={initialValue}\n      data-aui=\"radiogroup\"\n      data-aui-action={actionAttr($action)}\n      aria-label={label}\n    >\n      {mapOptions(options, (option, key) => (\n        <label key={key} data-aui=\"radiogroup-option\">\n          <input\n            type=\"radio\"\n            name={groupName}\n            {...{ [FIELD_NAME_ATTR]: name }}\n            {...(name == null ? { [GENERATED_NAME_ATTR]: \"\" } : {})}\n            value={option.value}\n            {...(isBound\n              ? { checked: (answeredValue ?? value) === option.value }\n              : { defaultChecked: initialValue === option.value })}\n            onChange={(e) => {\n              updateBinding?.(option.value);\n              fire($action, $dispatch, option.value, e.currentTarget);\n            }}\n          />\n          {option.description ? (\n            <span data-aui=\"option-content\">\n              <span data-aui=\"option-label\">{option.label}</span>\n              <span data-aui=\"option-description\">{option.description}</span>\n            </span>\n          ) : (\n            option.label\n          )}\n        </label>\n      ))}\n      {children}\n    </fieldset>\n  );\n}\n\ntype CheckboxGroupRenderProps = {\n  value?: string[];\n  options: Option[];\n  name?: string;\n  label?: string;\n  defaultValue?: string[];\n  children?: React.ReactNode;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nconst checkedGroupValues = (input: HTMLInputElement): string[] =>\n  Array.from(\n    input\n      .closest(\"fieldset\")\n      ?.querySelectorAll<HTMLInputElement>(\n        `:scope > label > input[${CHECKBOX_GROUP_ATTR}]:checked`,\n      ) ?? [],\n    (checkbox) => checkbox.value,\n  );\n\nfunction CheckboxGroupRender({\n  value,\n  options,\n  name,\n  label,\n  defaultValue,\n  children,\n  $action,\n  $dispatch,\n}: CheckboxGroupRenderProps) {\n  const generatedName = React.useId();\n  const fieldName = name ?? generatedName;\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const checkedValues =\n    Array.isArray(answeredValue) &&\n    answeredValue.every((value): value is string => typeof value === \"string\")\n      ? answeredValue\n      : Array.isArray(defaultValue)\n        ? defaultValue\n        : [];\n  return (\n    <fieldset\n      key={JSON.stringify(checkedValues)}\n      data-aui=\"checkboxgroup\"\n      data-aui-action={actionAttr($action)}\n      aria-label={label}\n    >\n      {mapOptions(options, (option, key) => (\n        <label key={key} data-aui=\"checkboxgroup-option\">\n          <input\n            type=\"checkbox\"\n            name={fieldName}\n            {...{ [CHECKBOX_GROUP_ATTR]: \"\" }}\n            {...(name == null ? { [GENERATED_NAME_ATTR]: \"\" } : {})}\n            value={option.value}\n            {...(isBound\n              ? {\n                  checked: (Array.isArray(answeredValue)\n                    ? checkedValues\n                    : (value ?? [])\n                  ).includes(option.value),\n                }\n              : { defaultChecked: checkedValues.includes(option.value) })}\n            onChange={(e) => {\n              const selected = checkedGroupValues(e.currentTarget);\n              updateBinding?.(selected);\n              fire($action, $dispatch, selected, e.currentTarget);\n            }}\n          />\n          {option.description ? (\n            <span data-aui=\"option-content\">\n              <span data-aui=\"option-label\">{option.label}</span>\n              <span data-aui=\"option-description\">{option.description}</span>\n            </span>\n          ) : (\n            option.label\n          )}\n        </label>\n      ))}\n      {children}\n    </fieldset>\n  );\n}\n\ntype SelectRenderProps = {\n  value?: string;\n  options: Option[];\n  placeholder?: string;\n  label?: string;\n  name?: string;\n  defaultValue?: string;\n  children?: React.ReactNode;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction SelectRender({\n  value,\n  options,\n  placeholder,\n  label,\n  name,\n  defaultValue,\n  $action,\n  $dispatch,\n  children,\n}: SelectRenderProps) {\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const placeholderText = toTextContent(placeholder);\n  const initialValue =\n    typeof answeredValue === \"string\"\n      ? answeredValue\n      : typeof defaultValue === \"string\"\n        ? defaultValue\n        : \"\";\n  return (\n    <select\n      key={initialValue}\n      data-aui=\"select\"\n      data-aui-action={actionAttr($action)}\n      name={name}\n      aria-label={label}\n      {...(isBound\n        ? {\n            value:\n              typeof answeredValue === \"string\" ? answeredValue : (value ?? \"\"),\n          }\n        : { defaultValue: initialValue })}\n      onChange={(e) => {\n        updateBinding?.(e.currentTarget.value);\n        fire($action, $dispatch, e.currentTarget.value, e.currentTarget);\n      }}\n    >\n      {placeholderText ? (\n        <option value=\"\" disabled>\n          {placeholderText}\n        </option>\n      ) : null}\n      {mapOptions(options, (option, key) => (\n        <option key={key} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n      {children}\n    </select>\n  );\n}\n\ntype InputRenderProps = {\n  value?: string;\n  inputType?: \"text\" | \"password\" | \"number\";\n  placeholder?: string;\n  multiline?: boolean;\n  label?: string;\n  name?: string;\n  defaultValue?: string;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction InputRender({\n  value,\n  inputType,\n  placeholder,\n  multiline,\n  label,\n  name,\n  defaultValue,\n  $action,\n  $dispatch,\n}: InputRenderProps) {\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const initialValue =\n    typeof answeredValue === \"string\" ? answeredValue : defaultValue;\n  const submit = (control: HTMLInputElement | HTMLTextAreaElement) =>\n    fire($action, $dispatch, control.value, control);\n  return multiline && (inputType === undefined || inputType === \"text\") ? (\n    <textarea\n      key={initialValue}\n      data-aui=\"input\"\n      data-aui-multiline\n      data-aui-action={actionAttr($action)}\n      name={name}\n      aria-label={label}\n      placeholder={placeholder}\n      {...(isBound\n        ? {\n            value:\n              typeof answeredValue === \"string\" ? answeredValue : (value ?? \"\"),\n          }\n        : { defaultValue: initialValue })}\n      onChange={\n        updateBinding ? (e) => updateBinding(e.currentTarget.value) : undefined\n      }\n      onKeyDown={(e) => {\n        if (\n          e.key !== \"Enter\" ||\n          !(e.ctrlKey || e.metaKey) ||\n          e.nativeEvent.isComposing\n        )\n          return;\n        if (e.currentTarget.form) {\n          e.preventDefault();\n          HTMLFormElement.prototype.requestSubmit.call(e.currentTarget.form);\n        } else {\n          submit(e.currentTarget);\n        }\n      }}\n    />\n  ) : (\n    <input\n      key={initialValue}\n      type={inputType}\n      step={inputType === \"number\" ? \"any\" : undefined}\n      data-aui=\"input\"\n      data-aui-action={actionAttr($action)}\n      name={name}\n      aria-label={label}\n      placeholder={placeholder}\n      {...(isBound\n        ? {\n            value:\n              typeof answeredValue === \"string\" ? answeredValue : (value ?? \"\"),\n          }\n        : { defaultValue: initialValue })}\n      onChange={\n        updateBinding ? (e) => updateBinding(e.currentTarget.value) : undefined\n      }\n      onKeyDown={(e) => {\n        if (\n          e.key === \"Enter\" &&\n          !e.nativeEvent.isComposing &&\n          !e.currentTarget.form\n        )\n          submit(e.currentTarget);\n      }}\n    />\n  );\n}\n\ntype DatePickerRenderProps = {\n  inputType?: \"date\" | \"datetime\" | \"time\";\n  value?: string;\n  min?: string;\n  max?: string;\n  label?: string;\n  name?: string;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nconst subscribeToHydration = () => () => {};\nconst clientHydrationSnapshot = () => true;\nconst serverHydrationSnapshot = () => false;\n\nfunction DatePickerRender({\n  inputType = \"date\",\n  value,\n  min,\n  max,\n  label,\n  name,\n  $action,\n  $dispatch,\n}: DatePickerRenderProps) {\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const initialValue =\n    typeof answeredValue === \"string\" ? answeredValue : value;\n  const [selection, setSelection] = React.useState({\n    initialValue,\n    value: initialValue,\n    anchor: initialValue,\n  });\n  if (selection.initialValue !== initialValue) {\n    setSelection({\n      initialValue,\n      value: initialValue,\n      anchor:\n        isBound && initialValue === selection.value\n          ? selection.anchor\n          : initialValue,\n    });\n  }\n  const currentValue = isBound ? initialValue : selection.value;\n  const temporal = classifyTemporal(currentValue ?? \"\");\n  const anchor = classifyTemporal(selection.anchor ?? \"\");\n  const hasInstantAnchor =\n    inputType === \"datetime\" && anchor.kind === \"instant\";\n  const canonicalFieldValue = (value: string | undefined) => {\n    const current = value ?? \"\";\n    const kind = classifyTemporal(current).kind;\n    if (inputType === \"time\")\n      return kind === \"time\" && normalizeTemporalInputValue(current) !== current\n        ? value\n        : undefined;\n    if (inputType !== \"datetime\") return undefined;\n    if (kind === \"instant\") return value;\n    if (hasInstantAnchor) return selection.anchor;\n    return kind === \"floating\" &&\n      normalizeTemporalInputValue(current) !== current\n      ? value\n      : undefined;\n  };\n  const minimum = classifyTemporal(min ?? \"\");\n  const maximum = classifyTemporal(max ?? \"\");\n  const hydrated = React.useSyncExternalStore(\n    subscribeToHydration,\n    clientHydrationSnapshot,\n    serverHydrationSnapshot,\n  );\n  const showRawValue =\n    inputType === \"datetime\" && temporal.kind === \"instant\" && !hydrated;\n  const displayValue =\n    currentValue === undefined\n      ? undefined\n      : inputType === \"datetime\" && hydrated\n        ? toPickerLocalDateTime(currentValue)\n        : normalizeTemporalInputValue(currentValue);\n  return (\n    <input\n      key={isBound ? undefined : initialValue}\n      type={\n        showRawValue\n          ? \"text\"\n          : inputType === \"datetime\"\n            ? \"datetime-local\"\n            : inputType\n      }\n      readOnly={showRawValue || undefined}\n      data-aui=\"datepicker\"\n      data-aui-action={actionAttr($action)}\n      {...{\n        [FIELD_VALUE_ATTR]: canonicalFieldValue(currentValue),\n      }}\n      name={name}\n      aria-label={label}\n      {...(isBound || inputType === \"datetime\"\n        ? { value: displayValue ?? \"\" }\n        : { defaultValue: displayValue })}\n      min={\n        inputType === \"datetime\" && hydrated && min !== undefined\n          ? normalizeTemporalInputValue(\n              toLocalDateTime(\n                min,\n                minimum.kind === \"instant\" ? minimum.precision : undefined,\n              ),\n            )\n          : min === undefined\n            ? undefined\n            : normalizeTemporalInputValue(min)\n      }\n      max={\n        inputType === \"datetime\" && hydrated && max !== undefined\n          ? normalizeTemporalInputValue(\n              toLocalDateTime(\n                max,\n                maximum.kind === \"instant\" ? maximum.precision : undefined,\n              ),\n            )\n          : max === undefined\n            ? undefined\n            : normalizeTemporalInputValue(max)\n      }\n      step={\n        inputType !== \"date\"\n          ? getTemporalInputStep(selection.anchor, currentValue, min, max)\n          : undefined\n      }\n      onChange={(e) => {\n        const inputValue = normalizeTemporalInputValue(e.currentTarget.value);\n        const nextValue =\n          inputType === \"datetime\"\n            ? fromLocalDateTime(inputValue, selection.anchor)\n            : inputValue;\n        const canonical = canonicalFieldValue(nextValue);\n        if (canonical !== undefined) {\n          e.currentTarget.setAttribute(FIELD_VALUE_ATTR, canonical);\n        } else {\n          e.currentTarget.removeAttribute(FIELD_VALUE_ATTR);\n        }\n        setSelection({\n          initialValue,\n          value: nextValue,\n          anchor: selection.anchor,\n        });\n        updateBinding?.(nextValue);\n        fire($action, $dispatch, nextValue, e.currentTarget);\n      }}\n    />\n  );\n}\n\ntype CheckboxRenderProps = {\n  checked?: boolean;\n  label: string;\n  name?: string;\n  defaultChecked?: boolean;\n  variant?: \"checkbox\" | \"switch\";\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction CheckboxRender({\n  checked,\n  label,\n  name,\n  defaultChecked,\n  variant = \"checkbox\",\n  $action,\n  $dispatch,\n}: CheckboxRenderProps) {\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const initialChecked =\n    typeof answeredValue === \"boolean\" ? answeredValue : defaultChecked;\n  return (\n    <label\n      data-aui=\"checkbox\"\n      data-aui-variant={variant === \"switch\" ? variant : undefined}\n    >\n      <input\n        key={String(initialChecked)}\n        type=\"checkbox\"\n        role={variant === \"switch\" ? \"switch\" : undefined}\n        data-aui-action={actionAttr($action)}\n        name={name}\n        {...(isBound\n          ? {\n              checked:\n                typeof answeredValue === \"boolean\"\n                  ? answeredValue\n                  : checked === true,\n            }\n          : { defaultChecked: initialChecked })}\n        onChange={(e) => {\n          updateBinding?.(e.currentTarget.checked);\n          fire($action, $dispatch, e.currentTarget.checked, e.currentTarget);\n        }}\n      />\n      <span data-aui=\"checkbox-label\">{toTextContent(label)}</span>\n    </label>\n  );\n}\n\nconst finiteNumber = (value: unknown): value is number =>\n  typeof value === \"number\" && Number.isFinite(value);\n\nconst clamp = (value: number, min: number, max: number): number =>\n  Math.min(Math.max(value, min), max);\n\ntype SliderRenderProps = {\n  value?: number;\n  name?: string;\n  label?: string;\n  min: number;\n  max: number;\n  step?: number;\n  defaultValue?: number;\n  unit?: string;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\ntype SliderControlProps = {\n  controlledValue?: number;\n  name?: string;\n  label?: string;\n  min: number;\n  max: number;\n  step: number;\n  initialValue: number;\n  unit?: string;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction SliderControl({\n  controlledValue,\n  name,\n  label,\n  min,\n  max,\n  step,\n  initialValue,\n  unit,\n  $action,\n  $dispatch,\n}: SliderControlProps) {\n  const updateBinding = useA2uiBinding(name);\n  const [localValue, setValue] = React.useState(initialValue);\n  const value = controlledValue ?? localValue;\n  const pointerActive = React.useRef(false);\n  const keyboardActive = React.useRef(false);\n  const lastCommitted = React.useRef(initialValue);\n  const currentValue = (input: HTMLInputElement) =>\n    clamp(Number(input.value), min, max);\n  const commit = (input: HTMLInputElement) => {\n    if (controlledValue !== undefined) return;\n    const nextValue = currentValue(input);\n    setValue(nextValue);\n    if (lastCommitted.current === nextValue) return;\n    lastCommitted.current = nextValue;\n    fire($action, $dispatch, nextValue, input);\n  };\n\n  return (\n    <label data-aui=\"slider-field\">\n      {label ? <span data-aui=\"slider-label\">{label}</span> : null}\n      <input\n        type=\"range\"\n        data-aui=\"slider\"\n        data-aui-action={actionAttr($action)}\n        name={name}\n        aria-label={label}\n        aria-valuetext={unit ? `${value} ${unit}` : String(value)}\n        min={min}\n        max={max}\n        step={step}\n        {...(controlledValue !== undefined\n          ? { value }\n          : { defaultValue: initialValue })}\n        onInput={(e) => {\n          const nextValue = currentValue(e.currentTarget);\n          if (controlledValue !== undefined) updateBinding?.(nextValue);\n          else setValue(nextValue);\n        }}\n        onPointerDown={() => {\n          pointerActive.current = true;\n        }}\n        onPointerUp={(e) => {\n          pointerActive.current = false;\n          commit(e.currentTarget);\n        }}\n        onKeyDown={(e) => {\n          keyboardActive.current = [\n            \"ArrowDown\",\n            \"ArrowLeft\",\n            \"ArrowRight\",\n            \"ArrowUp\",\n            \"End\",\n            \"Home\",\n            \"PageDown\",\n            \"PageUp\",\n          ].includes(e.key);\n        }}\n        onKeyUp={(e) => {\n          if (!keyboardActive.current) return;\n          keyboardActive.current = false;\n          commit(e.currentTarget);\n        }}\n        onChange={(e) => {\n          if (!pointerActive.current && !keyboardActive.current)\n            commit(e.currentTarget);\n        }}\n      />\n      <output data-aui=\"slider-value\">\n        {value}\n        {unit ? ` ${unit}` : \"\"}\n      </output>\n    </label>\n  );\n}\n\nfunction SliderRender({\n  value,\n  name,\n  label,\n  min,\n  max,\n  step,\n  defaultValue,\n  unit,\n  $action,\n  $dispatch,\n}: SliderRenderProps) {\n  const answeredValue = useAnsweredValue(name);\n  const updateBinding = useA2uiBinding(name);\n  const isBound = updateBinding !== undefined;\n  const safeMin = finiteNumber(min) ? min : 0;\n  const safeMax = finiteNumber(max) ? Math.max(max, safeMin) : safeMin + 100;\n  const safeStep = finiteNumber(step) && step > 0 ? step : 1;\n  const defaultNumber = finiteNumber(isBound ? value : defaultValue)\n    ? isBound\n      ? value!\n      : defaultValue!\n    : safeMin;\n  const initialValue = clamp(\n    finiteNumber(answeredValue) ? answeredValue : defaultNumber,\n    safeMin,\n    safeMax,\n  );\n  return (\n    <SliderControl\n      key={`${safeMin}:${safeMax}:${safeStep}:${isBound ? \"bound\" : initialValue}`}\n      {...(isBound ? { controlledValue: initialValue } : {})}\n      min={safeMin}\n      max={safeMax}\n      step={safeStep}\n      initialValue={initialValue}\n      {...(name !== undefined ? { name } : {})}\n      {...(label !== undefined ? { label } : {})}\n      {...(unit !== undefined ? { unit } : {})}\n      {...($action !== undefined ? { $action } : {})}\n      {...($dispatch !== undefined ? { $dispatch } : {})}\n    />\n  );\n}\n\nconst UNDO_WINDOW_SECONDS = 5;\n\ntype ButtonRenderProps = {\n  label: string;\n  buttonStyle?: (typeof BUTTON_STYLES)[number];\n  block?: boolean;\n  submit?: boolean;\n  undoable?: boolean;\n  children?: React.ReactNode;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction ButtonRender({\n  label,\n  buttonStyle,\n  block,\n  submit,\n  undoable,\n  children,\n  $action,\n  $dispatch,\n}: ButtonRenderProps) {\n  const bindings = React.useContext(A2uiBindingContext!)?.fields;\n  const bindingsRef = React.useRef(bindings);\n  bindingsRef.current = bindings;\n  const [remaining, setRemaining] = React.useState<number | undefined>(\n    undefined,\n  );\n  const labelText = String(toTextContent(label) ?? \"\");\n  const undoLabel = labelText.trim();\n  const pendingAction = React.useRef<\n    | {\n        $action: Action;\n        $dispatch: GenerativeUIDispatch;\n        source: HTMLButtonElement;\n      }\n    | undefined\n  >(undefined);\n  const canUndo =\n    undoable && !submit && $action !== undefined && $dispatch !== undefined;\n\n  React.useEffect(() => {\n    if (remaining === undefined) return;\n    const timer = setTimeout(() => {\n      if (remaining > 1) {\n        setRemaining(remaining - 1);\n        return;\n      }\n      const action = pendingAction.current;\n      pendingAction.current = undefined;\n      setRemaining(undefined);\n      if (action)\n        fire(\n          action.$action,\n          action.$dispatch,\n          undefined,\n          action.source,\n          bindingsRef.current,\n        );\n    }, 1_000);\n    return () => clearTimeout(timer);\n  }, [remaining]);\n\n  const cancelUndo = () => {\n    pendingAction.current = undefined;\n    setRemaining(undefined);\n  };\n\n  return (\n    <button\n      type={submit ? \"submit\" : \"button\"}\n      data-aui=\"button\"\n      data-aui-style={buttonStyle}\n      data-aui-block={block || undefined}\n      data-aui-submit={submit || undefined}\n      data-aui-state={remaining === undefined ? undefined : \"pending\"}\n      data-aui-action={actionAttr($action)}\n      aria-label={\n        remaining === undefined\n          ? undefined\n          : undoLabel\n            ? `Undo ${undoLabel}`\n            : \"Undo\"\n      }\n      onClick={\n        submit\n          ? undefined\n          : canUndo\n            ? (e) => {\n                if (remaining !== undefined) {\n                  cancelUndo();\n                  return;\n                }\n                pendingAction.current = {\n                  $action,\n                  $dispatch,\n                  source: e.currentTarget,\n                };\n                setRemaining(UNDO_WINDOW_SECONDS);\n              }\n            : (e) =>\n                fire($action, $dispatch, undefined, e.currentTarget, bindings)\n      }\n      onKeyDown={\n        canUndo\n          ? (e) => {\n              if (e.key !== \"Escape\" || remaining === undefined) return;\n              e.preventDefault();\n              cancelUndo();\n            }\n          : undefined\n      }\n    >\n      {remaining === undefined ? (\n        <>\n          {labelText}\n          {children}\n        </>\n      ) : (\n        <>\n          Undo <span data-aui=\"button-countdown\">{remaining}</span>\n          <span data-aui=\"button-undo-status\" role=\"status\">\n            {labelText} in {UNDO_WINDOW_SECONDS} seconds\n          </span>\n        </>\n      )}\n    </button>\n  );\n}\n\nexport const interactiveVocabulary = {\n  Button: {\n    description:\n      \"A clickable button. Carries `$action` describing the side effect or resume value. Set `submit` to submit an ancestor Form/Card instead of firing `$action` on click.\",\n    properties: z.object({\n      label: z.string().describe(\"Button label.\"),\n      buttonStyle: z.enum(BUTTON_STYLES).optional().describe(\"Visual style.\"),\n      block: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the button spans the full width.\"),\n      submit: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Render as a submit button for an ancestor Form/Card instead of a click button.\",\n        ),\n      undoable: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Delay the action with an undo control, for sends and other hard-to-reverse actions.\",\n        ),\n    }),\n    render: ButtonRender,\n  },\n  Select: {\n    description:\n      \"A dropdown selector. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      placeholder: z\n        .string()\n        .optional()\n        .describe(\"Placeholder shown when nothing is selected.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      defaultValue: z.string().optional().describe(\"Initially selected value.\"),\n    }),\n    render: SelectRender,\n  },\n  Input: {\n    description:\n      \"A text input. Carries `$action` describing the on-submit behavior.\",\n    properties: z.object({\n      inputType: z\n        .enum([\"text\", \"password\", \"number\"])\n        .optional()\n        .describe(\"Single-line input type. Values remain strings.\"),\n      placeholder: z.string().optional().describe(\"Placeholder text.\"),\n      multiline: z\n        .boolean()\n        .optional()\n        .describe(\n          'Render a textarea instead of a single-line input; ignored when `inputType` is `\"password\"` or `\"number\"`.',\n        ),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      defaultValue: z.string().optional().describe(\"Initial text.\"),\n    }),\n    render: InputRender,\n  },\n  DatePicker: {\n    description:\n      \"A date, datetime, or time input. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      inputType: z\n        .enum([\"date\", \"datetime\", \"time\"])\n        .optional()\n        .describe(\n          'Temporal input type. Defaults to \"date\". Values remain strings.',\n        ),\n      value: z\n        .string()\n        .optional()\n        .describe(\n          \"Initial value: YYYY-MM-DD for date, HH:mm or HH:mm:ss with optional fraction of at most 9 digits for time, YYYY-MM-DDTHH:mm with optional :ss and fraction of at most 9 digits for datetime. A datetime with Z or ±HH:mm is an instant, displayed in the viewer's time zone and submitted with the same offset and precision. A datetime without an offset is local and submitted unchanged. An empty datetime submits with the viewer's offset and seconds.\",\n        ),\n      min: z\n        .string()\n        .optional()\n        .describe(\n          \"Minimum value: YYYY-MM-DD for date, HH:mm or HH:mm:ss with optional fraction of at most 9 digits for time, YYYY-MM-DDTHH:mm with optional :ss and fraction of at most 9 digits for datetime. Datetimes with Z or ±HH:mm are converted to the viewer's time zone.\",\n        ),\n      max: z\n        .string()\n        .optional()\n        .describe(\n          \"Maximum value: YYYY-MM-DD for date, HH:mm or HH:mm:ss with optional fraction of at most 9 digits for time, YYYY-MM-DDTHH:mm with optional :ss and fraction of at most 9 digits for datetime. Datetimes with Z or ±HH:mm are converted to the viewer's time zone.\",\n        ),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: DatePickerRender,\n  },\n  Checkbox: {\n    description:\n      \"A checkbox with a label. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      label: z.string().describe(\"Label text next to the checkbox.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      defaultChecked: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the checkbox starts checked.\"),\n      variant: z\n        .enum([\"checkbox\", \"switch\"])\n        .optional()\n        .describe(\"Whether to render a checkbox or switch.\"),\n    }),\n    render: CheckboxRender,\n  },\n  Slider: {\n    description:\n      \"A numeric range control. Carries `$action` describing the committed value.\",\n    properties: z.object({\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      min: z.number().describe(\"Minimum value.\"),\n      max: z.number().describe(\"Maximum value.\"),\n      step: z.number().optional().describe(\"Value increment. Defaults to 1.\"),\n      defaultValue: z.number().optional().describe(\"Initial value.\"),\n      unit: z.string().optional().describe(\"Unit shown with the value.\"),\n    }),\n    render: SliderRender,\n  },\n  RadioGroup: {\n    description:\n      \"A group of mutually exclusive radio options. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      options: z.array(describedOptionSchema).describe(\"Selectable options.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      label: z.string().optional().describe(\"Accessible name for the group.\"),\n      defaultValue: z.string().optional().describe(\"Initially selected value.\"),\n    }),\n    render: RadioGroupRender,\n  },\n  CheckboxGroup: {\n    description:\n      \"A group of checkbox options where any number can be checked. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      options: z.array(describedOptionSchema).describe(\"Selectable options.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      label: z.string().optional().describe(\"Accessible name for the group.\"),\n      defaultValue: z\n        .array(z.string())\n        .optional()\n        .describe(\"Initially checked values.\"),\n    }),\n    render: CheckboxGroupRender,\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-generative-ui",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "Generative UI components for assistant-ui",
   "keywords": [
     "generative-ui",
@@ -51,7 +51,7 @@
   "sideEffects": false,
   "dependencies": {
     "@types/json-schema": "^7.0.15",
-    "assistant-stream": "^0.3.46"
+    "assistant-stream": "^0.3.47"
   },
   "peerDependencies": {
     "@assistant-ui/react": "^0.15.0",
@@ -65,14 +65,14 @@
     }
   },
   "devDependencies": {
-    "@assistant-ui/react": "0.15.23",
-    "@assistant-ui/x-buildutils": "0.0.29",
+    "@assistant-ui/react": "0.15.24",
+    "@assistant-ui/x-buildutils": "0.0.30",
     "@assistant-ui/x-react18": "0.0.0",
     "@types/react": "^19.3.0",
     "jsdom": "^30.0.1",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
-    "vitest": "^5.0.1",
+    "vitest": "^5.0.3",
     "zod": "^4.6.5"
   },
   "publishConfig": {

package/src/a2ui/convert.test.ts

@@ -459,6 +459,7 @@ describe("convertSurfaceToUISpec", () => {
           },
           {
             $type: "DatePicker",
+            inputType: "date",
             value: "2026-06-01",
             min: "2026-01-01",
             max: "2026-12-31",
@@ -609,22 +610,44 @@ describe("convertSurfaceToUISpec", () => {
   );
 
   it.each([
-    { mode: {}, value: "2025-12-15", type: "DatePicker" },
+    { mode: {}, value: "2025-12-15", type: "DatePicker", inputType: "date" },
     {
       mode: { enableDate: false, enableTime: false },
       value: "2025-12-15",
       type: "DatePicker",
+      inputType: "date",
+    },
+    {
+      mode: { enableDate: true },
+      value: "2025-12-15",
+      type: "DatePicker",
+      inputType: "date",
     },
-    { mode: { enableDate: true }, value: "2025-12-15", type: "DatePicker" },
     {
       mode: { enableDate: true, enableTime: false },
       value: "2025-12-15",
       type: "DatePicker",
+      inputType: "date",
+    },
+    {
+      mode: { enableDate: true },
+      value: "",
+      type: "DatePicker",
+      inputType: "date",
+    },
+    {
+      mode: { enableDate: true },
+      value: undefined,
+      type: "DatePicker",
+      inputType: "date",
+    },
+    { mode: {}, value: undefined, type: "DatePicker", inputType: "date" },
+    {
+      mode: {},
+      value: "2025-12-15T17:00:00Z",
+      type: "DatePicker",
+      inputType: "datetime",
     },
-    { mode: { enableDate: true }, value: "", type: "DatePicker" },
-    { mode: { enableDate: true }, value: undefined, type: "DatePicker" },
-    { mode: {}, value: undefined, type: "DatePicker" },
-    { mode: {}, value: "2025-12-15T17:00:00Z", type: "Input" },
     {
       mode: { enableDate: true },
       value: "2025-12-15T17:00:00Z",
@@ -633,18 +656,25 @@ describe("convertSurfaceToUISpec", () => {
     {
       mode: { enableDate: true, enableTime: true },
       value: "2025-12-15T17:00:00Z",
-      type: "Input",
+      type: "DatePicker",
+      inputType: "datetime",
     },
     {
       mode: { enableDate: true, enableTime: true },
       value: "2025-12-15",
       type: "Input",
     },
-    { mode: { enableTime: true }, value: "17:00:00", type: "Input" },
+    {
+      mode: { enableTime: true },
+      value: "17:00:00",
+      type: "DatePicker",
+      inputType: "time",
+    },
     {
       mode: { enableDate: false, enableTime: true },
       value: "17:00:00",
-      type: "Input",
+      type: "DatePicker",
+      inputType: "time",
     },
     {
       mode: { enableDate: true },
@@ -653,7 +683,7 @@ describe("convertSurfaceToUISpec", () => {
     },
   ])(
     "maps DateTimeInput $mode holding $value to $type with live field references",
-    ({ mode, value, type }) => {
+    ({ mode, value, type, inputType }) => {
       const reference = {
         $field: "/form/due",
         ...(value !== undefined ? { fallback: value } : {}),
@@ -704,18 +734,30 @@ describe("convertSurfaceToUISpec", () => {
         ),
       );
 
-      expect(result.warnings).toEqual([]);
+      const bounds =
+        inputType === "date"
+          ? { min: "2025-01-01", max: "2025-12-31" }
+          : inputType === "datetime"
+            ? { min: "2025-01-01T00:00", max: "2025-12-31T23:59:59.999" }
+            : {};
+      expect(result.warnings).toEqual(
+        inputType === "time"
+          ? [
+              'A2UI DateTimeInput "min" of "2025-01-01" is not a time value and was dropped.',
+              'A2UI DateTimeInput "max" of "2025-12-31" is not a time value and was dropped.',
+            ]
+          : [],
+      );
       expect(result.spec?.children).toEqual([
         {
           $type: type,
+          ...(inputType !== undefined ? { inputType } : {}),
           label: "Due",
           name: "/form/due",
           ...(value !== undefined
             ? { [type === "DatePicker" ? "value" : "defaultValue"]: value }
             : {}),
-          ...(type === "DatePicker"
-            ? { min: "2025-01-01", max: "2025-12-31" }
-            : {}),
+          ...bounds,
         },
         {
           $type: "Button",
@@ -742,6 +784,161 @@ describe("convertSurfaceToUISpec", () => {
     },
   );
 
+  const convertedDateTimeInput = (
+    value: string | undefined,
+    mode: Record<string, unknown> = {},
+    bounds: Record<string, unknown> = {},
+    warnings: readonly string[] = [],
+  ) => {
+    const surface = surfaceFrom(
+      [
+        {
+          id: "root",
+          component: "DateTimeInput",
+          ...mode,
+          ...bounds,
+          value: { path: "/due" },
+        },
+      ],
+      value === undefined ? {} : { due: value },
+    );
+    const result = convertSurfaceToUISpec(surface);
+    expect(result.warnings).toEqual(warnings);
+    return result.spec;
+  };
+
+  it.each([
+    [{ enableDate: true, enableTime: true }, "2025-12-15T17:00Z", "datetime"],
+    [{ enableTime: true }, "17:00", "time"],
+    [{ enableDate: true }, "2025-12-15", "date"],
+    [{ enableDate: false, enableTime: false }, "2025-12-15", "date"],
+    [{ enableDate: true, enableTime: true }, "", "datetime"],
+  ] as const)(
+    "follows DateTimeInput flags %j for %j",
+    (mode, value, inputType) => {
+      expect(convertedDateTimeInput(value, mode)).toEqual({
+        $type: "DatePicker",
+        inputType,
+        value,
+        name: "/due",
+      });
+    },
+  );
+
+  it.each([
+    ["2025-12-15", "date"],
+    ["2025-12-15T17:00", "datetime"],
+    ["2025-12-15T17:00:30.125+02:00", "datetime"],
+    ["17:00", "time"],
+    ["17:00:30", "time"],
+    ["", "date"],
+    [undefined, "date"],
+  ] as const)("infers DateTimeInput type %s from %j", (value, inputType) => {
+    expect(convertedDateTimeInput(value)).toEqual({
+      $type: "DatePicker",
+      inputType,
+      ...(value !== undefined ? { value } : {}),
+      name: "/due",
+    });
+  });
+
+  it.each([
+    ["2025-12-15T17:00", { enableDate: true }],
+    ["17:00", { enableDate: true }],
+    ["2025-12-15", { enableDate: true, enableTime: true }],
+    ["2025-12-15", { enableTime: true }],
+    ["17:00Z", { enableTime: true }],
+    ["not a date", {}],
+    ["2025-02-30", {}],
+  ] as const)(
+    "keeps incompatible DateTimeInput value %j in a text Input",
+    (value, mode) => {
+      expect(convertedDateTimeInput(value, mode)).toEqual({
+        $type: "Input",
+        defaultValue: value,
+        name: "/due",
+      });
+    },
+  );
+
+  it.each([
+    {
+      value: "2025-12-15",
+      mode: { enableDate: true },
+      bounds: { min: "2025-01-01", max: "17:00" },
+      inputType: "date",
+      expected: { min: "2025-01-01" },
+      warnings: [
+        'A2UI DateTimeInput "max" of "17:00" is not a date value and was dropped.',
+      ],
+    },
+    {
+      value: "17:00",
+      mode: { enableTime: true },
+      bounds: { min: "16:00", max: "2025-12-31" },
+      inputType: "time",
+      expected: { min: "16:00" },
+      warnings: [
+        'A2UI DateTimeInput "max" of "2025-12-31" is not a time value and was dropped.',
+      ],
+    },
+    {
+      value: "2025-12-15T17:00Z",
+      mode: { enableDate: true, enableTime: true },
+      bounds: { min: "2025-01-01T08:00+02:00", max: "17:00" },
+      inputType: "datetime",
+      expected: { min: "2025-01-01T08:00+02:00" },
+      warnings: [
+        'A2UI DateTimeInput "max" of "17:00" is not a datetime value and was dropped.',
+      ],
+    },
+    {
+      value: "17:00",
+      mode: { enableTime: true },
+      bounds: { min: "2025-12-31", max: "18:00" },
+      inputType: "time",
+      expected: { max: "18:00" },
+      warnings: [
+        'A2UI DateTimeInput "min" of "2025-12-31" is not a time value and was dropped.',
+      ],
+    },
+    {
+      value: "2025-12-15T17:00Z",
+      mode: { enableDate: true, enableTime: true },
+      bounds: { min: "2025-01-01", max: "2025-12-31" },
+      inputType: "datetime",
+      expected: { min: "2025-01-01T00:00", max: "2025-12-31T23:59:59.999" },
+      warnings: [],
+    },
+  ] as const)(
+    "resolves DateTimeInput bounds $bounds for a $inputType value",
+    ({ value, mode, bounds, inputType, expected, warnings }) => {
+      expect(convertedDateTimeInput(value, mode, bounds, warnings)).toEqual({
+        $type: "DatePicker",
+        inputType,
+        value,
+        ...expected,
+        name: "/due",
+      });
+    },
+  );
+
+  it("keeps a DateTimeInput control shape tied to the agent model during local edits", () => {
+    const surface = surfaceFrom(
+      [{ id: "root", component: "DateTimeInput", value: { path: "/due" } }],
+      { due: "2025-12-15T17:00Z" },
+    );
+    const convert = createLiveSurfaceConverter(surface);
+    expect(convert(surface.dataModel).spec).toMatchObject({
+      $type: "DatePicker",
+      inputType: "datetime",
+    });
+    expect(convert({ due: "2025-12-15" }).spec).toMatchObject({
+      $type: "DatePicker",
+      inputType: "datetime",
+    });
+  });
+
   it.each([undefined, "mutuallyExclusive"])(
     "keeps chips with variant %s list-valued when empty and selected",
     (variant) => {
@@ -1897,6 +2094,18 @@ describe("convertSurfaceToUISpec", () => {
     const { spec, warnings } = convertSurfaceToUISpec(surface);
 
     expect(warnings).toEqual([]);
+    expect(spec?.["children"]).toContainEqual({
+      $type: "DatePicker",
+      inputType: "date",
+      value: "2026-01-02",
+      name: "/form/start",
+    });
+    expect(spec?.["children"]).toContainEqual({
+      $type: "DatePicker",
+      inputType: "datetime",
+      value: "2025-12-15T17:00:00Z",
+      name: "/form/due",
+    });
     expect(spec?.["children"]).toContainEqual({
       $type: "Button",
       label: "Send",

package/src/a2ui/convert.ts

@@ -1,4 +1,5 @@
 import { ICON_NAMES, type UIElement } from "../ir";
+import { classifyTemporal } from "../temporal";
 import { A2UI_SURFACE_ID, type A2uiSurfaceState } from "./types";
 import {
   evaluateA2uiValueFunction,
@@ -336,7 +337,13 @@ const INPUT_COMPONENTS: ReadonlySet<string> = new Set([
   "Slider",
 ]);
 
-const DATE_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
+type DateInputType = "date" | "datetime" | "time";
+
+const dateInputType = (value: string): DateInputType | undefined => {
+  const kind = classifyTemporal(value).kind;
+  if (kind === "date" || kind === "time") return kind;
+  return kind === "floating" || kind === "instant" ? "datetime" : undefined;
+};
 
 const finiteNumber = (value: unknown): number | undefined =>
   typeof value === "number" && Number.isFinite(value) ? value : undefined;
@@ -807,11 +814,21 @@ const mappedProps = (
     const value = stringProp(props, ["value"]);
     const shapeValue =
       name === undefined ? value : resolvePointer(context.stepModel, name);
+    const shapeType =
+      typeof shapeValue === "string" ? dateInputType(shapeValue) : undefined;
+    let inputType: DateInputType = shapeType ?? "date";
+    if ("enableDate" in props || "enableTime" in props) {
+      inputType =
+        props["enableTime"] === true
+          ? props["enableDate"] === true
+            ? "datetime"
+            : "time"
+          : "date";
+    }
     if (
-      props["enableTime"] === true ||
-      (typeof shapeValue === "string" &&
-        shapeValue !== "" &&
-        !DATE_PATTERN.test(shapeValue))
+      typeof shapeValue === "string" &&
+      shapeValue !== "" &&
+      shapeType !== inputType
     ) {
       return {
         $type: "Input",
@@ -820,10 +837,27 @@ const mappedProps = (
         ...(name !== undefined ? { name } : {}),
       };
     }
-    const min = stringProp(props, ["min"]);
-    const max = stringProp(props, ["max"]);
+    // The spec types a bound as a date, a time or a date-time whatever the
+    // enabled flags are, so a date bound on a datetime control is the range of
+    // that whole local day rather than a mismatch.
+    const bound = (edge: "min" | "max"): string | undefined => {
+      const boundValue = stringProp(props, [edge]);
+      if (boundValue === undefined) return undefined;
+      const boundType = dateInputType(boundValue);
+      if (boundType === inputType) return boundValue;
+      if (inputType === "datetime" && boundType === "date") {
+        return `${boundValue}T${edge === "min" ? "00:00" : "23:59:59.999"}`;
+      }
+      context.warnings.push(
+        `A2UI DateTimeInput "${edge}" of "${boundValue}" is not a ${inputType} value and was dropped.`,
+      );
+      return undefined;
+    };
+    const min = bound("min");
+    const max = bound("max");
     return {
       $type: "DatePicker",
+      inputType,
       ...(value !== undefined ? { value } : {}),
       ...(min !== undefined ? { min } : {}),
       ...(max !== undefined ? { max } : {}),

package/src/constants.ts

@@ -12,5 +12,6 @@ export const TYPE_KEY = "$type";
 export const GENERATED_NAME_ATTR = "data-aui-generated-name";
 
 export const FIELD_NAME_ATTR = "data-aui-field-name";
+export const FIELD_VALUE_ATTR = "data-aui-field-value";
 
 export const CHECKBOX_GROUP_ATTR = "data-aui-checkbox-group";