Date Range

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

Apr 01
Apr 30
30 days

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

Import & use
import { Input17 } from "@/components/beste/piece/input17";

<Input17
  label="Reporting window"
  from="Apr 01"
  to="Apr 30"
  duration="30 days"
/>