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 - Thu Mar 27 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
  color="default"
  date={selectedDateRange}
  onDateSelect={setSelectedDateRange}
/>

Previous

Command

Next

Dialog

On this page

Installation Usage