Mini Calendar Picker

import { MiniCalendarPicker } from '@/components/ui/mini-calendar-picker'
import { useState } from 'react'

// Basic usage
<MiniCalendarPicker />

// Controlled component
export function MyComponent() {
  const [selectedDate, setSelectedDate] = useState(new Date())

  return (
    <MiniCalendarPicker
      value={selectedDate}
      onValueChange={(date) => {
        setSelectedDate(date)
        console.log('Selected:', date)
      }}
      onMonthChange={(date) => {
        console.log('Month changed to:', date)
      }}
    />
  )
}

// Custom configuration
<MiniCalendarPicker
  defaultValue={new Date('2024-01-15')}
  showTodayButton={true}
  showClearButton={false}
  daysOfWeek={['S', 'M', 'T', 'W', 'T', 'F', 'S']}
  onValueChange={(date) => console.log('Selected:', date)}
/>