CalendarDate selection and scheduling interface.

import Calendar from '@/components/Calendar';
export function Example() {  return (    <Calendar />  );}

import Calendar from '@/components/Calendar';
export function Example() {  return (    <Calendar $value={new Date()} />  );}

import Calendar from '@/components/Calendar';
export function Example() {  const fromDate = new Date(2026, 10, 10);  const toDate = new Date(2026, 10, 20);    return (    <Calendar       $from={fromDate}      $to={toDate}    />  );}

import Calendar from '@/components/Calendar';
export function Example() {  const disabledDates = [    new Date(2026, 10, 10),    new Date(2026, 10, 15),    new Date(2026, 10, 20)  ];    return (    <Calendar $disabled={disabledDates} />  );}

import Calendar from '@/components/Calendar';import { useState } from 'react';
export function Example() {  const [selectedDate, setSelectedDate] = useState<Date | null>(null);    return (    <>      <Calendar         $onChange={(date) => {          setSelectedDate(date);        }}      />    </>  );}