Example: checkout pickup — real DatePicker + time chips
Use single mode for one-off date selection, range mode for start/end pairs. Pre-populate with a sensible default month (e.g. current month or the month of an existing value)
Don't use DatePicker for time-only selection. Always provide minDate/maxDate when the valid range is known
aria-label for screen readersaria-label (full date string) and aria-pressed (selected state)disabled attribute — excluded from tab order