grudus-timepicker/src/js/meta/config.js

Material design time picker in pure Javascript without any dependencies

const clockId = "grudus-clock";

const defaultConfig = {
    onSubmit: () => {
    },
    onCancel: () => {
    },
    headerBackground: "#1976D2",
    headerColor: "#c7d6e1",
    headerSelected: "#ffffff",
    wrapperBackground: "#f0fff0",
    footerBackground: "#f0fff0",
    submitColor: "#1976D2",
    cancelColor: "#1976D2",
    clockBackground: "#CFD8DC",
    clockItemColor: "#212121",
    clockItemInnerColor: "#212121",
    handColor: "#1976D2"
};

const FaceType = {HOURS: "hours", MINUTES: "minutes"};

const css = {
    clock: "g-clock",
    clockItem: "g-clock-item",
    inner: "g-clock-inner",
    outer: "g-clock-outer",
    item: "g-clock-item",
    hand: "g-hand-of-a-clock",
    fadeOut: "g-fade-out",
    selected: "g-selected",
    active: "g-active",
    submit: "g-submit",
    cancel: "g-cancel",
    hour: "g-hour",
    minute: "g-minute"
};

const DOM = {
    headerId: "g-head",
    hoursId: "g-hours",
    minutesId: "g-minutes",
    clockId: "g-clock",
    innerId: "g-clock-inner",
    wrapperId: "g-clock-wrapper",
    dotId: "g-middle-dot",
    handId: "g-hand-of-a-clock",
    buttonsId: "g-buttons",
    submitId: "g-time-submit",
    cancelId: "g-time-cancel"
};

export default {clockId, clockConfig: defaultConfig, FaceType};
export {css, DOM};