ComponentsCalendar

Calendar

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

SuMoTuWeThFrSa
'use client'

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-background rounded-md border"
    />
  )
}