Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
org.webjars.bower:materialize-clockpicker
Advanced tools
This is a materialize clockpicker designed as an addition to http://materializecss.com/
Most source codes are taken from https://github.com/weareoutman/clockpicker
bower install materialize-clockpicker --save
npm i materialize-clockpicker --save
Here are some options and their defaults:
default: '', // default time, 'now' or '13:14' e.g.
fromnow: 0, // set default time to * milliseconds from now
donetext: 'Done', // done button text
autoclose: false, // auto close when minute is selected
ampmclickable: false, // set am/pm button on itself
darktheme: false, // set to dark theme
twelvehour: true, // change to 12 hour AM/PM clock from 24 hour
vibrate: true, // vibrate the device when dragging clock hand
container: '' // default will append clock next to input
npm i gulp bower -g
npm install
bower install
gulp watch
Make sure you have materialize css (including their JavaScript files): http://materializecss.com/
Install this package via npm or bower. Alternatively you can also download the source files and add them to your project manually.
Create an input field in your html code like the following:
<div class="input-field col s12">
<label for="timepicker">Time</label>
<input id="timepicker" class="timepicker" type="time">
</div>
<script>
$('#timepicker').pickatime({
autoclose: false,
twelvehour: false
});
</script>
You can trigger the clock either by ID's or classes (useful if you have several clocks on one page).
FAQs
WebJar for materialize-clockpicker
We found that org.webjars.bower:materialize-clockpicker demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
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.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.