In the last 2 samples on the doc page, https://ui.shadcn.com/docs/components/date-picker, if you select a date, you need to click outside the drop-down Calendar to close it. How do you hide the Calendar drop-down upon selecting a date?

Closed 4 days ago.

Closed 4 days ago.

Closed 4 days ago.

I’m having an issue with a SheetContent component from Shadcn UI. According to the documentation and the default styling, the SheetContent should have a white background. However, in my project, the background appears dark instead.
It looks like something make it dark.

In my app I want to render the shadcn drawer component in a specific container and not the entire viewport, how can I achieve this? I’ve tried editing the CSS class applied and even looked at the vaul implementation but nothing seems to work.

I am using shadcn for a React.js proyect of my own. I am trying to create a component with Popover and Command, Command items components from shadcn. However the onSelect inside the CommandItem are not working. The items are grayed out and I can select them. The last CommandItem (Create Store) is selected by default and if I click enter the modal do open but I can get it to work when clicking and I can’t change options.

I’m installing shadcn in a React application with Vite, but when following the steps in their documentation, the components are placed inside the @ directory, and I can’t use them.

‘use client’
import { useState } from ‘react’;
import { Tabs, TabsContent, TabsList, TabsTrigger } from “@/components/ui/tabs”;

When I run the “build” command I get the error:
Error screenshot
Its coming from the ShadcnUi library. The components that I have imported are working just fine during development, but I get the above error during build time.