Date Input

Date field with a leading calendar icon, mono ISO value, and a chevron hinting at a popover.

2026-04-23

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

Import & use
import { Input15 } from "@/components/beste/piece/input15";

<Input15
  label="Start date"
  value="2026-04-23"
/>

More Input pieces

View all Input
$12,480.00USD

Money field with a leading currency symbol, right-aligned mono amount, and a unit label.

typescript
12
const answer = 42;return answer * 2;

Code Input

input25

Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.

Apr 01
Apr 30
30 days

Date Range

input17

Joined from-arrow-to range input with a muted duration chip capping the right side of the control.

/^[a-z]+@beste\.co$/gi42

Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.

1h45m
HH:MM

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

Ξ
0x4A81…6fA0ENS
Ethereum · Mainnet

Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.