@talend/react-components/lib/DateTimePickers/Time/Input/Input.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Input;
var _react = require("react");
var _reactDebounceInput = _interopRequireDefault(require("react-debounce-input"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _designSystem = require("@talend/design-system");
var _InputSizer = _interopRequireDefault(require("../../shared/InputSizer"));
var _Context = require("../Context");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function Input(props) {
  const {
    time,
    inputManagement
  } = (0, _react.useContext)(_Context.TimeContext);
  const {
    minWidth,
    ...rest
  } = props;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputSizer.default, {
    inputText: inputManagement.placeholder,
    minWidth: minWidth,
    children: width => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDebounceInput.default, {
      autoComplete: "off",
      debounceTimeout: 300,
      element: _designSystem.Form.Text,
      hideLabel: true,
      value: time.textInput,
      style: {
        width
      },
      maxLength: inputManagement.placeholder.length,
      ...inputManagement,
      ...rest
    })
  });
}
Input.propTypes = {
  minWidth: _propTypes.default.number
};
Input.displayName = 'Time.Input';
//# sourceMappingURL=Input.component.js.map