Date input

The date.component.input element renders a browser-native date picker in the Orb Web SDK — <input type="date"> under the hood — so users get the platform's familiar calendar UI without any extra widget code.

The result lands in flow.result as an ISO date string (YYYY-MM-DD).

Basic example

- say: When is your birthday?
- type: meya.date.component.input
  label: Date of birth
- say: You picked (@ flow.result )

Requiring an answer

required: true blocks empty submissions; error_message shows when the user tries to skip.

- type: meya.date.component.input
  label: Date
  required: true
  error_message: A date is required to continue.

Limiting the range

min and max are ISO dates (YYYY-MM-DD). The native picker disables dates outside the range, and submissions outside the range are rejected with error_message:

- type: meya.date.component.input
  label: Date in 2026
  required: true
  min: '2026-01-01'
  max: '2026-12-31'
  error_message: Please pick a date in 2026.

default is also an ISO date — useful for prefilling today or a sensible starting point.

Inside a page

Date inputs compose with other field components inside a page. The whole page submits together and each field's label becomes a key on flow.result:

- page:
    - info: |
        # Trip dates
        Enter when you'll be traveling.
    - type: meya.date.component.input
      label: Start date
      required: true
    - type: meya.date.component.input
      label: End date
      required: true
- say: From (@ flow.result.start_date ) to (@ flow.result.end_date )

Notice how flow.result.start_date / flow.result.end_date are derived by snake-casing the label.

Where to go next

• widgets-and-pages — combine date inputs with other fields
• date.component.input reference — full field list and defaults