Calendar.

Compare these components

Choose by behavior and layout, then check the available frameworks and access requirements on each component page.

• Activity cell heatmap

  A calendar grid of small tinted squares that sweeps in on a diagonal wave and lets a level strip isolate one intensity at a time.

• Appointment Range Card

  A card that pairs a single-month date grid with a start-time and end-time field below it, for picking one day plus a time window in one compact block.

• Birthdate popover picker

  A labeled button that opens a floating calendar with month and year dropdowns for quickly reaching a birth year, closing itself the moment a day is picked.

Guidance