Components
Loading preview...
Popover to show a given date in local time
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/relative-time-cardimport React from "react";
import { RelativeTimeCard } from "@/components/ui/relative-time-card.tsx";
import { Button } from "@/components/ui/button";
export const Demo = () => (
<div className="flex flex-col h-screen w-full items-center gap-2 justify-center">
<div className="font-bold text-xl dark:text-white">Default</div>
<RelativeTimeCard date={new Date().getTime()} side="top">
<Button>Hover Me</Button>
</RelativeTimeCard>
</div>
);