DateTime Picker

Keyboard shortcuts
  • Tab — moves between display input → date trigger → time trigger
  • ↓ / Enter / Space on a trigger — open its popup
  • Esc — close the active popup (focus returns to trigger)
  • Calendar popup:←→ ±1 day · ↑↓ ±1 week · Home / End week edges · PageUp / PageDown ±1 month · Ctrl+PageUp/PageDown ±1 year · Enter / Space selects
  • Time popup:↑↓ ±1 slot · Home / End first / last · PageUp / PageDown ±1 hour · Enter / Space selects + closes

Minimal

Selected:

Reactive form

FormControl.value:
FormControl.valid: true · FormControl.dirty: false

min / max bounds

Bounded to all of 2026.

Selected:

disableDateFn (weekends disabled)

Selected:

Custom step (30 minutes)

Selected:

hour12 mode


Current mode: "auto"