---
title: "Choose a date or schedule events"
description: "Select dates and ranges, display appointments, and navigate event calendars."
pagination: false
---

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

<PurposeNote title="Start with the tradeoff">A date picker collects a value; an event calendar displays and manages schedules. Choose the interaction before the visual style.</PurposeNote>

## Options for this task

<LibraryIndex category="calendars" />

<LibraryCard libraryId="cally" />

<LibraryCard libraryId="fullcalendar-react" />

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

<LibraryCard libraryId="react-datepicker" />

<LibraryCard libraryId="schedule-x" />

## Before you decide

Try a small, realistic example. Check the runtime, accessibility, maintenance, and license requirements for the features you need.

[Browse calendars &amp; date pickers →](/calendars)

[Explore more tasks →](/tasks)