--- title: June 2025 - Calendar Component | daily.dev description: The shadcn/ui Calendar component has been upgraded to the latest version of React DayPicker, described as a major upgrade bringing new features and... canonical: https://daily.dev/posts/june-2025---calendar-component-bqqoehjot twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: June 2025 - Calendar Component | daily.dev og:description: The shadcn/ui Calendar component has been upgraded to the latest version of React DayPicker, described as a major upgrade bringing new features and... og:url: https://daily.dev/posts/june-2025---calendar-component-bqqoehjot og:image: https://api.daily.dev/og/posts/bqqoEHJot.png og:image:alt: June 2025 - Calendar Component og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # June 2025 - Calendar Component **[The Foundation for your Design System - shadcn/ui](https://daily.dev/sources/shadcn-ui)** · 1 min read · 0 upvotes · 0 comments ## Summary The shadcn/ui Calendar component has been upgraded to the latest version of React DayPicker, described as a major upgrade bringing new features and improvements, plus over 30 new calendar-based blocks. Projects using the previous Calendar component need to follow an upgrade guide to migrate to the new version. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I upgrade the shadcn/ui Calendar component to the latest React DayPicker version? Upgrading requires following the dedicated Calendar upgrade guide provided in the shadcn/ui documentation, since this is a major version bump of React DayPicker with breaking changes. The update also adds over 30 new calendar blocks and various improvements, so existing implementations built on the older Calendar component need code changes to work with the new version. _Developers tracking breaking UI library upgrades like this one can follow the changes on daily.dev._ ## Similar posts on daily.dev - [What’s New in Syncfusion Pure React Components – 2025 Volume 4](https://daily.dev/posts/what-s-new-in-syncfusion-pure-react-components-2025-volume-4-rukipzutw) · Syncfusion · 0 upvotes · 0 comments - [Reimagine the Date Picker](https://daily.dev/posts/reimagine-the-date-picker-vc7z9vae0) · Lobsters · 78 upvotes · 7 comments - [Best React scheduler component libraries](https://daily.dev/posts/best-react-scheduler-component-libraries-qn8yoyffu) · LogRocket · 16 upvotes · 0 comments - [What’s New in Pure React Scheduler: 2026 Volume 2](https://daily.dev/posts/what-s-new-in-pure-react-scheduler-2026-volume-2-mllitqij6) · Syncfusion · 20 upvotes · 1 comments --- Tags: [#react](https://daily.dev/tags/react), [#shadcn](https://daily.dev/tags/shadcn) [View this post on daily.dev](https://daily.dev/posts/june-2025---calendar-component-bqqoehjot) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"June 2025 - Calendar Component","url":"https://daily.dev/posts/june-2025---calendar-component-bqqoehjot","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/june-2025---calendar-component-bqqoehjot"},"datePublished":"2026-08-23T12:18:23.072Z","dateModified":"2026-08-23T12:34:08.127Z","description":"The shadcn/ui Calendar component has been upgraded to the latest version of React DayPicker, described as a major upgrade bringing new features and...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/b56e17ac68580a89db00cb49d3446b00?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/b56e17ac68580a89db00cb49d3446b00?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"The Foundation for your Design System - shadcn/ui","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"The Foundation for your Design System - shadcn/ui","logo":"https://media.daily.dev/image/upload/s--GiOq6F7Y--/f_auto,q_auto/v1787487441/logos/shadcn-ui?_a=BAMAMicg0","url":"https://daily.dev/sources/shadcn-ui"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/june-2025---calendar-component-bqqoehjot","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,shadcn","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"The Foundation for your Design System - shadcn/ui","item":"https://daily.dev/sources/shadcn-ui"},{"@type":"ListItem","position":3,"name":"June 2025 - Calendar Component"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/june-2025---calendar-component-bqqoehjot#faq","mainEntity":[{"@type":"Question","name":"How do I upgrade the shadcn/ui Calendar component to the latest React DayPicker version?","acceptedAnswer":{"@type":"Answer","text":"Upgrading requires following the dedicated Calendar upgrade guide provided in the shadcn/ui documentation, since this is a major version bump of React DayPicker with breaking changes. The update also adds over 30 new calendar blocks and various improvements, so existing implementations built on the older Calendar component need code changes to work with the new version. Developers tracking breaking UI library upgrades like this one can follow the changes on daily.dev."}}]} ```