InputDuration

PreviousNext

Duration input that parses hours and minutes.

import { InputDuration } from "@/rl-ui";

<InputDuration value={90} onChange={setMinutes} />

Examples

Sizes

import { InputDuration } from "@/rl-ui";

<>
<InputDuration size="small" value={45} onChange={setM} />
<InputDuration size="medium" value={90} onChange={setM} />
<InputDuration size="large" value={120} onChange={setM} />
</>

API

PropTypeDefaultDescription
valuenumber—Duration in minutes.
onChange(minutes: number) => void—Change handler.
minnumber—Minimum minutes.
maxnumber—Maximum minutes.
size"small" | "medium" | "large""medium"Inherited from Input.
disabledbooleanfalsePrevents editing.