Tailwind CSS Date Range Picker Components

Dev Design Library indexes 20 Tailwind CSS date range picker components from 13 open-source UI libraries, with the most coming from ReUI, React Spectrum, HeroUI, beUI and OpenSourceUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. Date range picker components belong to the Inputs group.

• Date Range PickerHeroUI · ReactComposable date range picker built on React Aria DateRangePicker with DateField and RangeCalendar composition
• Date Range PickerReact Spectrum · ReactDateRangePickers combine two DateFields and a RangeCalendar popover to allow users to enter or select a date and time…
• Basic date selectorReUI · ReactBasic date selector
• date-range-pickerIntent UI · Reactdate-range-picker
• Date PickerUntitled UI React · React
• Date Range PickerbeUI · ReactComposable date range picker with root, trigger, popover content, calendar, header, grid, summary, footer, clear and…
• Range CalendarTailGrids · ReactA calendar component for selecting a range of dates.
• Date Range Picker CardOpenSourceUI · React
• Date PickerBoardUI · ReactPopover calendar for single dates.
• Date PickerTremor Blocks · React
• Date Range Filtersv-table · SvelteA responsive date-range picker with presets and explicit apply behavior.
• Date Range PickerUI Lab · ReactPaints the range as you hover, then commits it on the second click.
• Date PickerFibo · ReactA field that opens a calendar to pick a day, or a range with presets and Apply; a popover on desktop, a drawer on…
• Range CalendarHeroUI · ReactComposable date range picker with month grid, navigation, and year picker support built on React Aria RangeCalendar
• Tailwind Date Range PickerReact Spectrum · React
• Date selector with popoverReUI · ReactDate selector with popover
• Vanilla Date Range PickerReact Spectrum · React
• Date selector with dialogReUI · ReactDate selector with dialog
• Date selector with dropdown menuReUI · ReactDate selector with dropdown menu
• Date SelectorReUI · ReactA universal date selector component with multiple period types, filter modes, and flexible display options.

Libraries with Tailwind CSS date range picker components

• ReUI
• React Spectrum
• HeroUI
• beUI
• OpenSourceUI

Related categories

• Date Range Picker Components
• React Date Range Picker Components
• Tailwind CSS Input Components
• Tailwind CSS Text Input Components
• Tailwind CSS Select Components
• Tailwind CSS Form Field Components
• Tailwind CSS Form Components
• Tailwind CSS Textarea Components
• Tailwind CSS Checkbox Components
• Tailwind CSS Switch Components
• Tailwind CSS Slider Components
• Tailwind CSS Radio Components
• Tailwind CSS Combobox Components
• Tailwind CSS File Upload Components
• Tailwind CSS Search Input Components
• Tailwind CSS Date Picker Components
• Tailwind CSS Login Form Components
• Tailwind CSS Color Picker Components