Skip to main content
Glama
formatted-date.tsx949 B
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '@/components/ui/tooltip'; import { formatUtils } from '@/lib/utils'; type FormattedDateProps = { date: Date; includeTime?: boolean | undefined; className?: string; }; export const FormattedDate = ({ date, includeTime, className, }: FormattedDateProps) => { const formattedDate = formatUtils.formatDate(date); const formattedDateWithTime = formatUtils.formatDateWithTime(date, false); const fullDateTimeTooltip = formatUtils.formatDateWithTime(date, true); return ( <TooltipProvider delayDuration={300}> <Tooltip> <TooltipTrigger asChild> <span className={className}> {includeTime ? formattedDateWithTime : formattedDate} </span> </TooltipTrigger> <TooltipContent> <p>{fullDateTimeTooltip}</p> </TooltipContent> </Tooltip> </TooltipProvider> ); };

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/activepieces/activepieces'

If you have feedback or need assistance with the MCP directory API, please join our Discord server