Calendar

A customizable calendar component for date selection.

Usage

The Calendar component is built on top of the React DayPicker library.

Import the Calendar component from @bun-ui/react and use it in your project:

import { Calendar } from "@bun-ui/react"

<Calendar />

Examples

Range Selection

Use the mode prop to enable range selection.

Controlled

mode="single"

mode="range"

mode="multiple"

Date Range Navigation

Use startMonth and endMonth props to restrict the calendar's navigation range. Dates outside this range will have disabled navigation buttons.