Date picker

The native date input — deliberately.

Hearing date

For example, 10/15/2026.

Show the markup

<div class="cc-field">
  <label class="cc-label" for="ex-date">Hearing date</label>
  <p class="cc-hint" id="ex-date-hint">For example, 10/15/2026.</p>
  <input class="cc-input cc-date" type="date" id="ex-date" aria-describedby="ex-date-hint">
</div>

Accessibility

Custom calendar widgets are where accessibility goes to die; the native control ships the platform's own picker, screen-reader integration, and mobile keyboards.
Typing a date always works — the picker is an enhancement, never the only path.
The hint shows the expected format (3.3.2).
For a known, small set of dates (the next five meetings), radios beat a date field entirely.