@gooddata/react-components
Version:
GoodData.UI - A powerful JavaScript library for building analytical applications
13 lines • 1.17 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
// (C) 2019-2020 GoodData Corporation
var React = require("react");
var InputWithNumberFormat_1 = require("@gooddata/goodstrap/lib/Form/InputWithNumberFormat");
var RangeInput = function (_a) {
var from = _a.from, to = _a.to, usePercentage = _a.usePercentage, disableAutofocus = _a.disableAutofocus, onFromChange = _a.onFromChange, onToChange = _a.onToChange, onEnterKeyPress = _a.onEnterKeyPress, separators = _a.separators;
return (React.createElement("div", { className: "gd-mvf-range-input" },
React.createElement(InputWithNumberFormat_1.default, { className: "s-mvf-range-from-input", value: from, onChange: onFromChange, onEnterKeyPress: onEnterKeyPress, isSmall: true, autofocus: !disableAutofocus, suffix: usePercentage ? "%" : "", separators: separators }),
React.createElement(InputWithNumberFormat_1.default, { className: "s-mvf-range-to-input", value: to, onChange: onToChange, onEnterKeyPress: onEnterKeyPress, isSmall: true, suffix: usePercentage ? "%" : "", separators: separators })));
};
exports.default = RangeInput;
//# sourceMappingURL=RangeInput.js.map