---
name: "@dsikeres1"
slug: "dsikeres1"
description: "A headless-first, composable date and range picker library for React distributed via the shadcn registry. Offers five picker types: DatePicker, DateRangePicker, DateTimePicker, DateRangeTimePicker, and TimePicker. Supports 15 locales, keyboard navigation, ARIA accessibility, dark mode, four sizes, date constraints, range presets, and inline mode. Zero dependencies in the headless package (uses native Date/Intl). Available in four consumption modes: Tailwind v4 + shadcn/ui, Tailwind v3, built-in CSS (no Tailwind), and headless hooks. Fully TypeScript-typed. Use for: replacing a heavy date-picker dependency in a shadcn/ui project with an accessible, locale-aware solution that gives full source ownership via registry install."
category: "Forms"
tags: ["accessibility", "components", "hooks", "navigation", "theming"]
framework: "react"
license: "MIT"
author: "dsikeres1"
website: "https://dsikeres1.github.io/react-date-range-picker/"
github: "https://github.com/dsikeres1/react-date-range-picker"
registry: "https://dsikeres1.github.io/react-date-range-picker/r/registry.json"
pro: false
pro_url: null
github_stars: 3
component_count: 1
generated_at: "2026-07-28T08:59:05.895Z"
---

# @dsikeres1

A headless-first, composable date and range picker library for React distributed via the shadcn registry. Offers five picker types: DatePicker, DateRangePicker, DateTimePicker, DateRangeTimePicker, and TimePicker. Supports 15 locales, keyboard navigation, ARIA accessibility, dark mode, four sizes, date constraints, range presets, and inline mode. Zero dependencies in the headless package (uses native Date/Intl). Available in four consumption modes: Tailwind v4 + shadcn/ui, Tailwind v3, built-in CSS (no Tailwind), and headless hooks. Fully TypeScript-typed. Use for: replacing a heavy date-picker dependency in a shadcn/ui project with an accessible, locale-aware solution that gives full source ownership via registry install.

## Links

- Website: https://dsikeres1.github.io/react-date-range-picker/
- GitHub: https://github.com/dsikeres1/react-date-range-picker
- Registry JSON: https://dsikeres1.github.io/react-date-range-picker/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/dsikeres1
- This file: https://sh4dcn.vercel.app/md/dsikeres1.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://dsikeres1.github.io/react-date-range-picker/r/registry.json
pnpm dlx shadcn@latest add https://dsikeres1.github.io/react-date-range-picker/r/registry.json
bunx shadcn@latest add https://dsikeres1.github.io/react-date-range-picker/r/registry.json
# clone the source repo
git clone https://github.com/dsikeres1/react-date-range-picker.git
# fetch the raw registry index
curl -s https://dsikeres1.github.io/react-date-range-picker/r/registry.json
```

## Components (1)

| name | type | description | install |
| --- | --- | --- | --- |
| date-range-picker | registry:component | Compound component date range picker suite. | `npx shadcn@latest add https://dsikeres1.github.io/react-date-range-picker/r/date-range-picker.json` |

## For AI agents

```text
You are adding components from @dsikeres1 to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/dsikeres1.md) for the component list.
2. Fetch the machine-readable index: https://dsikeres1.github.io/react-date-range-picker/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: dsikeres1).
```