تقویم (Calendar)

import { Calendar } from '@parto/ui';
import { useState } from 'react';

export default function MyComponent() {
  const [date, setDate] = useState<Date | undefined>(new Date());

  return (
    <Calendar
      mode="single"
      selected={date}
      onSelect={setDate}
      className="rounded-md border"
    />
  );
}

<Calendar
  mode="single"
  selected={date}
  onSelect={setDate}
/>

<Calendar
  mode="multiple"
  selected={dates}
  onSelect={setDates}
/>

<Calendar
  mode="range"
  selected={dateRange}
  onSelect={setDateRange}
/>

<Calendar
  captionLayout="dropdown"
  fromYear={2000}
  toYear={2030}
/>

<Calendar
  showOutsideDays={false}
/>