# popup-picker

> Building block for a floating interactive popup

Latest version **3.0.1** (published 2026-02-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install popup-picker
pnpm add popup-picker
yarn add popup-picker
bun add popup-picker
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: esm support; no vulnerabilities; has provenance.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 3.0.1 |
| Published | 2026-02-22 |
| First published | 2017-02-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 2 |
| Unpacked size | 5.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 0 |
| Author | Damian Krzeminski |
| Maintainers | pirxpilot |
| Keywords | browser |

## Links

- npm: https://www.npmjs.com/package/popup-picker
- Repository: https://github.com/pirxpilot/popup-picker
- Homepage: https://github.com/pirxpilot/popup-picker#readme
- Issues: https://github.com/pirxpilot/popup-picker/issues
- npm.io page: https://npm.io/package/popup-picker

## Dependencies (2)

- [component-emitter](https://npm.io/package/component-emitter.md) ~2
- [@pirxpilot/popover](https://npm.io/package/@pirxpilot/popover.md) ~3

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 3.0.1 (latest) — 2026-02-22
- 3.0.0 — 2025-04-27
- 2.0.0 — 2018-11-29
- 1.0.3 — 2017-12-13
- 1.0.2 — 2017-02-23

## README

# picker

  Building block for a floating interactive popup

  ![Picker](https://gist.github.com/pirxpilot/5011178/raw/9a02c67f55d648cfd65f73d8ff9be81675b79d07/picker-preview.png)


## Installation

    $ npm install popup-picker

## Example

```js
var Picker = require('picker');
new Picker(el, new Clock())
  .on('change', function(v) {
    var value = (v.hour || '0') + ':' + (v.minute || '00');
  });
```

## Events

  - `change` (time) - when content item g selected time is modified

  - `show` [popover] show event
  - `hide` [popover] hide event

## API

### new Picker(el, item)

Create a new Picker attached to `el` input DOM node
`item` - interactive element such as [clock] or [calendar]

### item

Direct access to `item` passed in constructor

## License

  MIT

[popover]: https://github.com/pirxpilot/popover
[clock]: https://github.com/pirxpilot/clock
[calendar]: https://github.com/pirxpilot/calendar

---
_Source: https://npm.io/package/popup-picker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._