Duration Input

Length field with a timer icon, h and m unit-annotated number tiles, and an HH:MM format hint.

1h45m
HH:MM

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Input21 } from "@/components/beste/piece/input21";

<Input21
  label="Session length"
  hours={1}
  minutes={45}
/>