This is the latest docs update, but there are missing components and blocks. If you wish to see the complete version, you can check it out at old docs.

Components

Date Picker

A calendar-based date picker component built with React DayPicker and Popover.

Calendar Date Picker Component

Selected Date Range:

Wed Jan 01 2025 - Sat Jun 28 2025

Installation

NPM packages are currently unstable and may cause issues. Use it at your own risk.
npm install @mijn-ui/react-date-picker

Usage

import { CalendarDatePicker } from "@mijn-ui/react"
const [selectedDateRange, setSelectedDateRange] = useState({
  from: new Date(new Date().getFullYear(), 0, 1),
  to: new Date(),
})
 
<CalendarDatePicker
  
  date={selectedDateRange}
  onDateSelect={setSelectedDateRange}
/>

Previous

Command

Next

Dialog

On this page