Skip to main content
Abyss
v2.0.0
Web
Mobile
Foundations
Showcase
Search Abyss Documentation
Font:
UHC Sans
Theme:
UHC
Support
Web/UI
Forms
DateInput
On this page
DateInput
Capture date input from user.
Submit feedback
Edit this page
github
View source code
figma
View design
Previous
CheckboxGroup
Next
DateInputRange
Table of Contents
Day.js
Variants
Input with calendar
Input only
useForm (recommended)
useState
Display properties
Label
Helper
Subtext
Date format
Hide placeholder
Width
Left element
Match anchor width
Validation
Validators (useForm)
Error message (useState)
Success message
Highlighted
Minimum and maximum dates
Exclude dates
Validation below menu
Interactivity
Clearable
Disabled
Enable outside scroll
Confirm selection
Responsiveness