Primer Commit

dist/js/pages/forms/clockpicker/form-clockpicker.init.js

@@ -0,0 +1,65 @@
+// Clock pickers
+$('#single-input').clockpicker({
+    placement: 'bottom',
+    align: 'left',
+    autoclose: true,
+    'default': 'now'
+});
+$('.clockpicker').clockpicker({
+    donetext: 'Done',
+}).find('input').change(function() {
+    console.log(this.value);
+});
+$('#check-minutes').click(function(e) {
+    // Have to stop propagation here
+    e.stopPropagation();
+    input.clockpicker('show').clockpicker('toggleView', 'minutes');
+});
+if (/mobile/i.test(navigator.userAgent)) {
+    $('input').prop('readOnly', true);
+}
+
+$('.top_clockpicker').clockpicker({
+    placement: 'top',
+    align: 'left',
+    donetext: 'Done'
+});
+
+var input = $('.clockpicker-with-callbacks').clockpicker({
+    donetext: 'Done',
+    init: function() {
+        console.log("colorpicker initiated");
+    },
+    beforeShow: function() {
+        console.log("before show");
+    },
+    afterShow: function() {
+        console.log("after show");
+    },
+    beforeHide: function() {
+        console.log("before hide");
+    },
+    afterHide: function() {
+        console.log("after hide");
+    },
+    beforeHourSelect: function() {
+        console.log("before hour selected");
+    },
+    afterHourSelect: function() {
+        console.log("after hour selected");
+    },
+    beforeDone: function() {
+        console.log("before done");
+    },
+    afterDone: function() {
+        console.log("after done");
+    }
+});
+
+// Manually toggle to the minutes view
+$('#check-minutes').click(function(e) {
+    // Have to stop propagation here
+    e.stopPropagation();
+    input.clockpicker('show')
+        .clockpicker('toggleView', 'minutes');
+});