31
app/routes/Forms/DatePicker/components/AddonInput.js
Executable file
31
app/routes/Forms/DatePicker/components/AddonInput.js
Executable file
@@ -0,0 +1,31 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
import {
|
||||
InputGroup,
|
||||
InputGroupAddon,
|
||||
Input
|
||||
} from './../../../../components';
|
||||
|
||||
// eslint-disable-next-line react/display-name
|
||||
const AddonInputFR = React.forwardRef((props, ref) => (
|
||||
<InputGroup className={props.className}>
|
||||
<InputGroupAddon addonType="prepend">
|
||||
<i className="fa fa-calendar-o"></i>
|
||||
</InputGroupAddon>
|
||||
<Input
|
||||
onClick={ props.onClick }
|
||||
onChange={ props.onChange }
|
||||
value={ props.value }
|
||||
ref={ ref }
|
||||
/>
|
||||
</InputGroup>
|
||||
));
|
||||
AddonInputFR.propTypes = {
|
||||
onClick: PropTypes.func,
|
||||
onChange: PropTypes.func,
|
||||
value: PropTypes.string,
|
||||
className: PropTypes.string
|
||||
}
|
||||
|
||||
export { AddonInputFR as AddonInput };
|
Reference in New Issue
Block a user