indproblr-react-datepicker/lib/components/TimeInput.js

Flexible, Reusable, Mobile friendly DatePicker Component

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var SVGIcon_1 = require("./SVGIcon");
var TimeInput = function (_a) {
    var onUp = _a.onUp, onDown = _a.onDown, onChange = _a.onChange, onBlur = _a.onBlur, value = _a.value;
    return (React.createElement("div", { className: "time-input" },
        React.createElement("div", { className: "time-input__up" },
            React.createElement("button", { onClick: onUp, type: "button" },
                React.createElement(SVGIcon_1.default, { id: "up" }))),
        React.createElement("div", { className: "time-input__text" },
            React.createElement("input", { type: "text", value: value, onChange: onChange, onBlur: onBlur })),
        React.createElement("div", { className: "time-input__down" },
            React.createElement("button", { onClick: onDown, type: "button" },
                React.createElement(SVGIcon_1.default, { id: "down" })))));
};
TimeInput.defaultProps = {
    value: 0,
};
exports.default = TimeInput;
//# sourceMappingURL=TimeInput.js.map