Theme Switcher

Calendar

Preview

A date field component that allows users to enter and edit date.

Single

August 2025

Popover

Range

August 2025

Range Multiple Months

August 2025
September 2025

Hidden Days

May 2024

Disabled Days

May 2024
import { Calendar } from "@ngrok/mantle/calendar";

<Calendar
	mode="single"
	selected={date}
	onSelect={setDate}
/>

API Reference

The Calendar is built on top of React DayPicker.