# time-range-slider

> a web component for time range inputs

Latest version **1.3.1** (published 2015-05-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install time-range-slider
pnpm add time-range-slider
yarn add time-range-slider
bun add time-range-slider
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.3.1 |
| Published | 2015-05-28 |
| First published | 2014-05-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Roald de Vries |
| Maintainers | webthusiast |
| Keywords | web, components, time, range, slider, polymer |

## Links

- npm: https://www.npmjs.com/package/time-range-slider
- Homepage: https://github.com/webthusiast/time-range-slider
- npm.io page: https://npm.io/package/time-range-slider

## 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

- 1.3.1 (latest) — 2015-05-28
- 1.3.0 — 2015-05-27
- 1.2.1 — 2015-03-02
- 1.2.0 — 2015-02-28
- 1.1.2 — 2015-01-27
- 1.1.1 — 2014-05-16
- 1.1.0 — 2014-05-13
- 1.0.0 — 2014-05-08

## README

Demo
----

	npm install
	python -m SimpleHTTPServer

... and open [the demo][].

Reuse
-----

	npm install time-range-slider

And include like this:

	<script src="node_modules/webcomponents.js/webcomponents.js"></script>
	<link rel="import" href="node_modules/time-range-slider/time-range-slider.html">
	<time-range-ruler min="8:15" max="19:00" border-color="darkblue"></time-range-ruler>
	<time-range-slider min="8:15" max="19:00" color="lightblue" border-color="darkblue" border-radius="6px">
		<input type="text" name="start" value="9:00">
		<input type="text" name="end" value="18:00">
	</time-range-slider>

For more details, see [the demo][].

Caveats
-------

- In general, the `input`s inside the slider's light DOM are considered internal, so access/modify them only through `time-range-slider` methods
- To programmatically change the values of the inputs, use e.g. `slider.startValue = slider.parseTime('11:00')`. See [issue 3][] for more details.

[the demo]: http://localhost:8000/demo/
[issue 3]: https://github.com/webthusiast/time-range-slider/issues/3

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