Skip to main content

Date

The date field allows users to select a single date. This field is ideal for scenarios like selecting a birthdate, scheduling an event, or setting deadlines.

Example

fields:
  event_date:
    type: date
    label:
      en: Select the event date
      de: Wählen Sie das Veranstaltungsdatum
    min: today
    max: +6months
    required: true

Field Properties

Name Type Default Description
aria string –

Optional aria label for better accessibility.
autofocus bool false

Set autofocus on field.
error string | array –

Costum error message for translation or customization.
help string | array –

Optional help text below the field
label string | array –

The field label can be set as string or associative array with translations
max string –

Defines the latest selectable date. Accepts specific dates (YYYY-MM-DD), relative values (+Xmonths), or dynamic values.
min string –

Defines the earliest selectable date. Accepts specific dates (YYYY-MM-DD), relative values (+Xmonths), or dynamic values like today.
placeholder string | array –

Optional placeholder value that will be shown when the field is empty.
required bool –

Defines whether the field is mandatory for form submission.
title string | array –

Tooltip displayed when the user hovers over the field (supports multilingual configurations).
width string 1/1

The width of the field in the 12 columns field grid.

Validation Logic

The date field automatically enforces the following rules:

  • Valid Date: The input must be a valid date. Invalid dates will trigger an error.
  • Minimum Date min: If a min value is defined, the selected date cannot be earlier than the specified minimum.
  • Maximum Date max: If a max value is defined, the selected date cannot be later than the specified maximum.