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

Set of react components.

import { useContext } from 'react';
import DebounceInput from 'react-debounce-input';
import PropTypes from 'prop-types';
import { Form } from '@talend/design-system';
import InputSizer from '../../shared/InputSizer';
import { TimeContext } from '../Context';
import { jsx as _jsx } from "react/jsx-runtime";
export default function Input(props) {
  const {
    time,
    inputManagement
  } = useContext(TimeContext);
  const {
    minWidth,
    ...rest
  } = props;
  return /*#__PURE__*/_jsx(InputSizer, {
    inputText: inputManagement.placeholder,
    minWidth: minWidth,
    children: width => /*#__PURE__*/_jsx(DebounceInput, {
      autoComplete: "off",
      debounceTimeout: 300,
      element: Form.Text,
      hideLabel: true,
      value: time.textInput,
      style: {
        width
      },
      maxLength: inputManagement.placeholder.length,
      ...inputManagement,
      ...rest
    })
  });
}
Input.propTypes = {
  minWidth: PropTypes.number
};
Input.displayName = 'Time.Input';
//# sourceMappingURL=Input.component.js.map