My learning 0 of 20 lessons complete
Start lesson 1 →
pattern-library 1 linked patterns checked

CMS Design System: Calendar Picker

Documents calendar picker as a single date field with text entry and a visual calendar, recommends it for recent or future dates and day-of-week relevance, allows flexible typed formats, warns against memorable or distant-past dates, and describes focus return, keyboard navigation, screen reader announcements, and disabled date restrictions.

Read with a purpose

What this source can teach

Use this source to compare a documented solution with the task and states in your own product.

  1. Start with the original. Open the source and find the guidance or example relevant to your task.
  2. Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
  3. Check the setting. Compare the source's platform, people, and constraints with your own decision.

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Date picker Choose date picker for single-date scheduling when calendar position, weekday, or availability changes the decision. Opening the calendar moves focus to the current, selected, or first available date without losing the labelled input context. CMS calendar picker guidance supports future or recent date use, flexible typed entry, memorable-date alternatives, focus return, keyboard support, and disabled restriction announcements.

Evidence Role

This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.

Publisher: Centers for Medicare & Medicaid Services Design System. Last checked: .

Saved items