Don’t auto-advance focus. Do not use JavaScript to auto advance the focus from one field to the next. This makes it difficult for keyboard-only users to navigate and correct mistakes
Usability
When to use
Appropriate for most dates. Use this format for most dates, particularly memorized dates.
Label each field. Be sure each field is properly labeled — some countries enter dates in day, month, year order.
Avoid dropdowns. It may be tempting to switch all or some of these text fields to dropdowns, but these tend to be more difficult to use than text boxes.
Implementation
Three text fields for entering dates
Fields and Variants
Accessibility
Usability
When to use