Components
Client Only
Installation
pnpm dlx @docyrus/cli add @docyrus/ui-duration-selectUI Primitives(2 components)
npx shadcn@latest add button popoverUsage
import {
DurationSelect
} from "@docyrus/ui/components/duration-select";
<DurationSelect
value={...}
onChange={() => {}}
format="compact"
minuteIncrement={5}
maxHours={8}
placeholder="..."
/>API Reference
| Prop | Type | Default |
|---|---|---|
value | number | null | undefined | — |
onChange | (seconds: number | null) => void | — |
format | DurationFormat | 'compact' |
minuteIncrement | number | 5 |
maxHours | number | 8 |
disabled | boolean | false |
invalid | boolean | false |
placeholder | string | — |
className | string | — |
Dummy Data Generator
Multi-step modal wizard that generates Docyrus-compatible sample records — per-field strategies (text/number/date/enum/relation), value-renderer preview, and an opt-in batch save to the data source.
Editable Record Detail
Inline record editing with change tracking, validation, hidden fields, and a floating action bar.