form

// src/components/elements/datetime/form/schema.yaml

$schema: http://json-schema.org/draft-07/schema#
$id: /elements/datetime/form
additionalProperties: false
required:
  - inputs
properties:
  inputs:
    type: array
    items:
      type: string
      format: html

// src/components/elements/datetime/form/mocks.yaml

inputs:
  - $tpl: elements/form-element
    $ref: elements/form-element
    label:
      $tpl: elements/form-element/label
      $ref: elements/form-element/label
      for: select_id_1
    children:
      $tpl: elements/select
      $ref: elements/select
      id: select_id_1
  - $tpl: elements/form-element
    $ref: elements/form-element
    label:
      $tpl: elements/form-element/label
      $ref: elements/form-element/label
      for: select_id_2
    children:
      $tpl: elements/select
      $ref: elements/select
      id: select_id_2
  - $tpl: elements/form-element
    $ref: elements/form-element
    label:
      $tpl: elements/form-element/label
      $ref: elements/form-element/label
      for: select_id_3
    children:
      $tpl: elements/select
      $ref: elements/select
      id: select_id_3
  - $tpl: elements/form-element
    $ref: elements/form-element
    label:
      $tpl: elements/form-element/label
      $ref: elements/form-element/label
      for: select_id_4
    children:
      $tpl: elements/select
      $ref: elements/select
      id: select_id_4
  - $tpl: elements/form-element
    $ref: elements/form-element
    label:
      $tpl: elements/form-element/label
      $ref: elements/form-element/label
      for: select_id_5
    children:
      $tpl: elements/select
      $ref: elements/select
      id: select_id_5

// src/components/elements/datetime/form/form.twig

<div{{ attributes }} class="DateTimeForm">
	{% for input in inputs %}
		<div class="DateTimeForm-input">
			{{ input }}
		</div>
	{% endfor %}
</div>