Календарь ShadCN внутри Popover не интерактивный в React + Vite ⇐ Javascript

[Anonymous]

Я использую компонент «Календарь» из пользовательского интерфейса ShadCN
внутри Popover в проекте React + Vite. Когда я нажимаю кнопку-триггер, всплывающее окно открывается, но календарь не является интерактивным — я не могу выбрать дату.
Среда:
React 18
ShadCN UI v3
Vite + JavaScript
Tailwind CSS 3
Минимально воспроизводимый пример:

Код: Выделить всё

import { useState } from "react";
import { Calendar } from "@/components/ui/calendar";
import { Popover, PopoverTrigger, PopoverContent } from "@/components/ui/popover";
import { Button } from "@/components/ui/button";
import { ChevronDownIcon } from "lucide-react";

export default function CalendarExample() {
const [date, setDate] = useState(new Date());

return (



{date ? date.toLocaleDateString() : "Select date"}




 setDate(date)}
/>


);
}

Что я пробовал до сих пор:
Добавление type="button" к триггерной кнопке
Управление открытым состоянием всплывающего окна вручную
Добавление pointer-events-auto в оболочку календаря (сработало только частично)
Вопрос:
Как Могу ли я сделать Календарь полностью интерактивным внутри Popover, используя пользовательский интерфейс ShadCN в React + Vite?
Существует ли рекомендуемый подход для использования интерактивных компонентов, таких как Календарь, внутри Popover?

Подробнее здесь: https://stackoverflow.com/questions/797 ... react-vite