Dialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

Component dialog-demo not found in registry.

Installation

Copy and paste the following code into your project:

Usage

import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogPortal,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"

<Dialog>
  <DialogTrigger />
  <DialogPortal>
    <DialogContent>
      <DialogHeader>
        <DialogTitle />
        <DialogDescription />
      </DialogHeader>
    </DialogContent>
  </DialogPortal>
</Dialog>

Date Picker Drawer