/materialize-clockpicker

A materialize clockpicker, demo on

Primary LanguageJavaScriptMIT LicenseMIT

Description:

This is a materialize clockpicker designed as an addition to http://materializecss.com/

Most source codes are taken from https://github.com/weareoutman/clockpicker

Install:

bower

bower install materialize-clockpicker --save

npm

npm i materialize-clockpicker --save

Options:

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
exactmins: true,       // enable exact minutes, if false you can only click 5, 10, 15 etc.
appendto: null         // append the picker to another element than default ( you can use, query selector string or DOM element)

Screenshots:

Image of Materialize Clock Light Image of Materialize Clock Dark

Developing:

npm i gulp bower -g
npm install
bower install
gulp watch