`datefield`

This component represents a date field.

Configuration

For general configuration options, see General component configuration.

Specific configuration

type ("datefield"): Type of component.
value (Binding | date-string): Value of the field.

General configuration

In addition to the configurations valid for all Configurationsthe following configurations can optionally be set: disabled, errorTarget, icon, labels, label Settings, onChange, readOnly, required.

Example

datefield.json

{
  "$schema": "https://forms.virtimo.net/5.1.0/schema.json",
  "metaData": {
    "id": 0,
    "version": 0
  },
  "configuration": {},
  "components": [
    {
      "type": "container",
      "label": "Datefield Component Example",
      "languageButton": true,
      "components": [
        {
          "type": "datefield",
          "value": "12/31/2025"
        },
        {
          "type": "datefield",
          "value": "31.12.2025"
        },
        {
          "type": "datefield",
          "value": "${/data/datefields/three}"
        }
      ]
    }
  ],
  "state": {
    "data": {
      "datefields": {
        "three": "2025-12-30T23:00:00.000Z"
      }
    }
  }
}

Embedded preview

open preview in separate window

Keywords: