Clock

Singleton clock popup toggled from an element that passes the selected date to a callback, with optional 12-hour time

Live preview

Open in new tab ↗
  • supports dark mode
  • works only with Bootstrap Grid System (otherwise is need to fix CSS)
  • thanks weareoutman for some things

Configuration:

  • twelvehour {Boolean} (optional) the clock will be 12-hour (default false).

Usage

var ELEMENT = $(document);
var PATH = 'some.path.to.date';
var X_OFFSET = 100;

SETTER('clock', 'toggle', ELEMENT, PATH, function(date) {
    console.log('SELECTED DATE:', date);
}, X_OFFSET);

More UI components

Browse all 348