Calendar Standard 1 - Calendar with Range

Pro

Calendar with date range selection.
Shadcn Calendar Standard 1 component

Component Data

  • ID:calendar/calendar-standard-1
  • Access:pro
  • Created:Oct 5, 2025
  • Type:example

Calendar Standard 1 component design & features

This example uses the shadcn Calendar component in range mode with numberOfMonths set to two for selecting start and end dates.

Range calendars appear in travel booking, analytics date filters, and project timelines where users need both a start and end date.