Components
Client Only
Installation
pnpm dlx @docyrus/cli add @docyrus/ui-date-time-range-pickerRequired Packages(2 packages)
pnpm add react-hook-form date-fnsUI Primitives(5 components)
npx shadcn@latest add button calendar label popover scroll-areaUsage
import {
DateTimeRangePicker
} from "@docyrus/ui/components/date-time-range-picker";
<DateTimeRangePicker
size="sm"
/>Sizes
| Size | Description |
|---|---|
sm | Small — gap-1 text-sm |
default | Default — gap-1.5 |
lg | Large — gap-2 text-lg |
API Reference
| Prop | Type | Default |
|---|---|---|
size | "sm" | "default" | "lg" | "default" |
className | string | — |