Design SystemComponents
Date picker
Let users enter a date with day, month and year segments.
Work in progress
This section is not defined in the Dr. Max Design System library (design.drmax.eu) yet. See the Developer tab for usage.
The date renders as a group of three separately labelled segment inputs (day, month and year), so screen readers announce each segment on its own. The visible label names the whole group, and validation messages render below the segments.
Additional ARIA attributes can be applied to the segment group via the accessibility prop (except aria-describedby and aria-labelledby, which the component manages itself).