Time control with hour and minute tiles separated by a colon, plus a small AM or PM segmented toggle.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Input16 } from "@/components/beste/piece/input16";
<Input16
hours="09"
minutes="30"
meridiem="AM"
/>Length field with a timer icon, h and m unit-annotated number tiles, and an HH:MM format hint.
Joined from-arrow-to range input with a muted duration chip capping the right side of the control.
Compact number control with minus and plus buttons flanking a centered mono value.
Pill dictation input with a blinking caret, live waveform bars, and a rose mic button while listening.
ID-style mono input with a leading hash, wide letter spacing, and a muted Auto-generated pill.
Date field with a leading calendar icon, mono ISO value, and a chevron hinting at a popover.