DEV Community

Cover image for Customizable shadcn/ui DateRangePicker with Comparison Feature
jQueryScript
jQueryScript

Posted on

Customizable shadcn/ui DateRangePicker with Comparison Feature

DateRangePicker for Shadcn UI: A reusable component built with Radix UI and Tailwind CSS that adds a complete date range selection interface to your projects.

Key Features:

πŸ“… Select or manually enter a date range.

πŸ—“οΈ Choose from preset date ranges like 'Today', 'Last 7 days', and 'This Month'.

βš–οΈ An optional comparison feature to compare two different date ranges.

πŸ“± A responsive design that adapts to smaller screens.

🎨 Full control over the code for customization.

You just copy the code into your project to get started.

πŸ‘‰ Blog Post

πŸ‘‰ GitHub Repo

πŸ‘‰ Live Demo

Top comments (0)