<!-- source-hash: c9b91d56212a5346e7a50d8e42269480 -->
A `forwardRef`-wrapped button component styled to match Input fields, designed to trigger popups, popovers, dropdowns, and custom calendars while maintaining visual consistency with other form elements.

## Key Components

### `InputTriggerProps`
Extends `React.ButtonHTMLAttributes<HTMLButtonElement>` (omitting `children`) with:

| Prop | Type | Description |
|------|------|-------------|
| `selectedLabel` | `React.ReactNode` | Displayed when a value is selected |
| `placeholder` | `string` | Shown when no value is selected |
| `startIcon` | `React.ReactNode` | Icon rendered on the left |
| `endIcon` | `React.ReactNode` | Icon rendered on the right (e.g. chevron) |
| `invalid` | `boolean` | Applies error border styling |

### `InputTrigger`
A `forwardRef` button that:
- Renders `placeholder` text (muted) when `selectedLabel` is `undefined`, `null`, or `""`
- Applies `data-invalid` for error states and `data-[state=open]` accent border when open
- Supports disabled, hover, and active visual states via Tailwind utility classes

## Usage Example

```typescript
import { InputTrigger } from "./input-trigger";
import { CalendarIcon, ChevronDownIcon } from "lucide-react";

// Inside a Radix Popover
<Popover>
  <PopoverTrigger asChild>
    <InputTrigger
      selectedLabel={selectedDate ? format(selectedDate, "PPP") : undefined}
      placeholder="Pick a date"
      startIcon={<CalendarIcon size={16} />}
      endIcon={<ChevronDownIcon size={16} />}
      invalid={!!formErrors.date}
    />
  </PopoverTrigger>
  <PopoverContent>...</PopoverContent>
</Popover>
```

> **When to use:** Triggers for popovers, custom calendars, or `ActionsMenuDropdown`. Use `<Select>` for flat-list selection, and `<Button>` for page-level CTAs.