feat: update calendar changelog

apps/v4/components/announcement.tsx

@@ -1,3 +1,14 @@
+import Link from "next/link"
+import { ArrowRightIcon } from "lucide-react"
+
+import { Badge } from "@/registry/new-york-v4/ui/badge"
+
 export function Announcement() {
-  return null
+  return (
+    <Badge asChild variant="secondary" className="rounded-full">
+      <Link href="/docs/components/calendar">
+        New Calendar Component <ArrowRightIcon />
+      </Link>
+    </Badge>
+  )
 }

apps/v4/content/docs/(root)/changelog.mdx

@@ -12,6 +12,8 @@ This is a major upgrade and includes a lot of new features and improvements. We'
 
 See all calendar blocks in the [Blocks Library](/blocks/calendar) page.
 
+<Image src="/images/calendar-2.png" alt="Calendar" width={676} height={895} />
+
 To upgrade your project to the latest version of the `Calendar` component, see the [upgrade guide](/docs/components/calendar#upgrade-guide).
 
 ## May 2025 - New Site
@@ -814,7 +816,7 @@ const SheetContent = React.forwardRef<
       {...props}
     >
       {children}
-      <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none">
+      <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>
       </SheetPrimitive.Close>