@bizarre/ui  🧠👻


> Headless UI components for the edges of the web.
> Wrote these so I could ship weird stuff faster. You can too.

---

📦 Installation

``
bun add @bizarre/ui
`

Or use npm, yarn, or pnpm. Whatever you like.

---

🧩 Components

$3

A smart, headless time range picker that speaks human.

#### 🔑 Features

- 🧠 Natural language input – understands "last 3 days" or "yesterday to tomorrow" (powered by chrono-node)
- ⏳ Relative time ranges – like "last hour" or "past 15 minutes"
- 🧱 Fully composable – render it your way
- 🧭 Keyboard accessible – arrow keys, tab jumping, full control
- 🌍 Timezone-aware
- ⚡ Performance-tuned
- ♿ Accessible by default

#### 🛠 Basic Usage

`tsx
import { Chrono } from '@bizarre/ui'

function MyComponent() {
const handleConfirm = (range) => {
console.log('Selected range:', range)
}

return (




15 minutes

1 hour
1 day

1 month



)
}
`

#### 🧰 Perfect For

- Dashboards & analytics
- Log & event explorers
- Data viz
- Monitoring tools

---

📘 Storybook

Live demos. Keyboard magic. Check it out.

---

🤝 Contributing

Help make it weirder (or better). PRs and issues welcome:

- Open bugs or ideas in GitHub Issues
- Fork + PR to master`
- Keep it tested, readable, and accessible

---

⚖️ License

MIT — do wtvtf