johnpolacek/date-range-picker-for-shadcn

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1018 stars · 43 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A reusable DateRangePicker component for shadcn/ui built with Radix UI and Tailwind CSS. It offers a dropdown interface with calendar selection, text entry, preset date ranges, and optional date range comparison.

Use cases

• add a date range picker to a shadcn/react app
• let users pick preset date ranges like last 7 days
• compare two date ranges in an analytics dashboard
• date picker with both calendar and text input
• responsive multi-month date range selection

When to choose

• you already use shadcn/ui with Tailwind CSS
• you want copy-paste component code you fully own and can customize
• you need preset ranges and date comparison out of the box

When to avoid

• your project does not use shadcn/ui or Tailwind CSS
• you need a standalone npm package with versioned releases rather than copied source
• you need a non-React framework component

Facets

plugin · maturity active

ui-components date-time form-handling frontend web-development web-design shadcn tailwind-css radix-ui datepicker date-range typescript copy-paste-component react nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="johnpolacek/date-range-picker-for-shadcn")