input--date

// src/components/fsk/form/form-element/input/input--date/schema.yaml

$schema: http://json-schema.org/draft-07/schema#
$id: /fsk/form/form-element/input/input--date
additionalProperties: false
properties:
  attributes:
    type: object
  children:
    type: string
    format: html
required:
  - attributes

// src/components/fsk/form/form-element/input/input--date/mocks.yaml

attributes:
  $drupal: true
  id: input--date-default
$variants:
  - $name: Invalid
    attributes:
      class:
        - error
      id: input--date-invalid
  - $name: Filled out
    attributes:
      value: '2020-01-01'
      id: input--date-filled-out
  - $name: Disabled
    attributes:
      disabled: true
      id: input--date-disabled
  - $name: Invalid and filled-out
    attributes:
      value: Excepteur sit laboris labore esse ad
      class:
        - error
      id: input--date-invalid-and-filled-out
  - $name: Invalid and disabled
    attributes:
      disabled: true
      class:
        - error
      id: input--date-invalid-and-disabled
  - $name: Filled out and disabled
    attributes:
      value: '2020-01-01'
      disabled: true
      id: input--date-filled-out-and-disabled
  - $name: Filled out and disabled and invalid
    attributes:
      value: Adipisicing eiusmod aute
      disabled: true
      class:
        - error
      id: input--date-filled-out-and-disabled-and-invalid

// src/components/fsk/form/form-element/input/input--date/input--date.html.twig

<input{{ attributes ? attributes|without("id", "class", "type", "disabled", "required") : "" }}
  id="{{ attributes.id }}"
  class="FskInput {{ attributes.class }}"
  type="date"
  {% if attributes.disabled %} disabled{% endif %}
  {% if attributes.required %} required{% endif %}
  {% if "error" in attributes.class %} aria-invalid="true"{% endif %}
>{{ children }}