@talend/react-components/lib-esm/DateTimePickers/Date/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 { DateContext } from '../Context';
import { jsx as _jsx } from "react/jsx-runtime";
function Input(props) {
  const {
    value,
    inputManagement
  } = useContext(DateContext);
  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: value.textInput,
      style: {
        width
      },
      ...inputManagement,
      ...rest
    })
  });
}
Input.displayName = 'Date.Input';
Input.propTypes = {
  minWidth: PropTypes.number
};
export default Input;
//# sourceMappingURL=Input.component.js.map