---
title: "Calendars & date pickers"
description: "Select dates and ranges, display appointments, and navigate event calendars."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Choose by the job you need to do.">A date picker collects a value; an event calendar displays and manages schedules. Choose the interaction before the visual style.</PurposeNote>

## Choose a library or tool

5 options in this category.

<LibraryIndex category="calendars" />

<LibraryCard libraryId="cally" />

<LibraryCard libraryId="fullcalendar-react" />

<LibraryCard libraryId="react-big-calendar" />

<LibraryCard libraryId="react-datepicker" />

<LibraryCard libraryId="schedule-x" />

## Keep exploring

<CategoryGrid exclude="calendars" group="Build interfaces" limit={4} />

[Browse all categories →](/)