ComponentsCalendar

Calendar

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

SuMoTuWeThFrSa
import { useState } from 'react'
import { Calendar } from '@immit/ui/calendar'
 
export function CalendarDemo() {
  const [date, setDate] = useState<Date | undefined>(new Date())
 
  return (
    <Calendar
      mode="single"
      selected={date}
      onSelect={setDate}
      className="bg-default rounded-md border"
    />
  )
}