@manhphi1309/calendar

A beautifully designed, accessible calendar component for your React application.

Subcomponents

This package provides the following components:

• Calendar
• CalendarDayButton

Dependencies

This package relies on:

• @manhphi1309/button
• @manhphi1309/utils
• clsx
• date-fns
• lucide-react
• react-day-picker
• tailwind-merge

Installation

npm install @manhphi1309/calendar

Usage Example

import * as React from "react"
import { Calendar } from "@manhphi1309/calendar"

export default function Example() {
  const [date, setDate] = React.useState<Date | undefined>(new Date())

  return (
    <Calendar
      mode="single"
      selected={date}
      onSelect={setDate}
      className="rounded-md border shadow"
    />
  )
}