MR Labs

Date

Date picker input. Supports min/max dates, allowed dates, and disabled dates.

Inputtype: dateaccepts input

Live Preview

Select a date on or before 2010-12-31

Data Properties

NameTypeDefaultDescription
titlestring-Field label
placeholderstring-Placeholder text
requiredbooleanfalseWhether the field is required

Config Options

NameTypeDefaultDescription
variantenumdefaultdefault, boxed, minimal, floating
sizeenummdsm, md, lg
iconstring-Icon name (typically 'calendar')
helpTextstring-Help text below the input

Validation Rules

NameTypeDefaultDescription
minDateYYYY-MM-DD-Earliest selectable date
maxDateYYYY-MM-DD-Latest selectable date
allowedDatesstring[]-Only these dates can be selected
disabledDatesstring[]-These dates are blocked
customMessagestring-Custom error message