You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

time-range-slider

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

time-range-slider

a web component for time range inputs

1.3.1
latest
npmnpm
Version published
Maintainers
1
Created
Source

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 inputs 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.

Keywords

web

FAQs

Package last updated on 28 May 2015

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts