{"repo":"raminious/rangeflow","free":true,"listed":false,"github":"https://github.com/raminious/rangeflow","clone":"git clone https://github.com/raminious/rangeflow.git","description":"A fancy date range picker built with React and Tailwind.","language":"TypeScript","stars":25,"topics":["calendar","date-picker","date-range","date-range-picker","range-picker","react","react-calendar","react-component","shadcn","tailwind"],"license":null,"category":"productivity","readme_excerpt":"RangeFlow A fancy date range picker built with React and Tailwind. RangeFlow gives you a date range picker with a smooth slider, quick range tabs, and a popover calendar. It is built for React 18 and 19, ships with a tiny CSS theming layer, and does not touch your app's global styles. Features - Drag based range slider that feels natural on mouse and touch. - Quick range tabs (like 2 Weeks , 30 Days , 90 Days ) with an animated active pill. - Popover calendar with one or many months. - Full theming with a single CSS variable ( --rangeflow-accent ). - Built in dark mode via .dark or [data-theme='dark'] . - Slot based customization for every visible part. - Imperative API for external controls (buttons, forms, URL sync). - Written in TypeScript. Types are shipped with the package. Installation Install the package with your favorite package manager. Peer dependencies RangeFlow expects React 18 or later. Package Version ----------- -------- react =18 react-dom =18 Styles RangeFlow ships a single CSS file. Import it once at the root of your app (for example in main.tsx , app.tsx , or layout.tsx ). The styles are scoped to the picker with a .rangeflow-date-picker class, so they will not leak into the rest of your app. Quick start That is all you need for a working picker. From here you can add quick ranges, slots, theming, and the imperative API. Core concepts RangeFlow has two dates you should know about: Concept What it means ---------------- -------------------------------------","default_branch":null,"files":null,"tree":[],"storefront":"/r/raminious","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/raminious/rangeflow/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}