Skip to content

Date Control

Date picker for date selection.

OptionTypeDefaultDescription
labelstring-Field label
controlstringdate-pickerControl type
dateFormatstring-Format (e.g., “DD/MM/YYYY”)
defaultstring-Default date
{
"attributes": {
"eventDate": {
"type": "string",
"default": "",
"wbs": {
"label": "Event Date",
"control": "date-picker",
"dateFormat": "DD/MM/YYYY"
}
}
}
}
<div class="event-date">
<span class="date">{{ attributes.eventDate }}</span>
</div>

Use Date for event dates, publication dates, deadlines, or any date selection needs. Combine with Time control for datetime selection.