Components

Calendar

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

June 2026

Installation

npm install @mijn-ui/react-calendar

Usage

import { Calendar } from "@mijn-ui/react-calendar"
const [date, setDate] = React.useState<Date | undefined>(new Date())

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

API Reference

Standard element attributes are forwarded to the underlying component in addition to the props below.

PropTypeDefaultDescription
classNamestringAdditional classes for the root element.