jio-date

Props

Prop name	Description	Type	Values	Default
id	An ID must be provided	string	-
isInvalid	Whether the input should be rendered as invalid @values true, false @see invalidText	boolean	-	false
invalidText	If an input is set to 'invalid', what text to display @values Text for invalid entry @see isInvalid	string	-	"Vul alstublieft de datum in."
placeholder	The placeholder text to be rendered If placeholder is empty, the input uses a default text placeholder If placeholder is set, the placeholder text is shown until the input receives focus, then the default date info is shown	string	-
labelText	An optional text for the label. If not set, the label will not be displayed. @values Text for label.	union	-
required	Whether the input is a required element for validation @values true, false	boolean	-

---

View on Gitlab

General

Please navigate to the documentation for jio-form instead.

<template> <p>Datumveld voorbeelden</p> <jio-date labelText="Vul de startdatum in" id="jta0" :isInvalid="false" placeholder="Vul hier uw gegevens in" > </jio-date> <br /> <jio-date labelText="Geboortedatum" id="jta1" :isInvalid="true" placeholder="Vul hier uw geboortedatum in" invalidText="Geboortedatum moet worden ingevuld" required="true" > </jio-date> <br /> Geen placeholder <br /> <jio-date labelText="Begindatum cursus" id="jta2" invalidText="Cursusdatum moet worden ingevuld" required="true" > </jio-date> </template> <script setup lang="ts"></script>