added initial formik input component, form validation message component

src/components/formik-forms/formik-input.jsx

@@ -0,0 +1,39 @@
+const classNames = require('classnames');
+const PropTypes = require('prop-types');
+const React = require('react');
+import {Field} from 'formik';
+
+const ValidationMessage = require('../forms/validation-message.jsx');
+
+require('../forms/input.scss');
+require('../forms/row.scss');
+
+const FormikInput = ({
+    className,
+    error,
+    ...props
+}) => (
+    <div className="col-sm-9 row">
+        <Field
+            className={classNames(
+                'input',
+                className
+            )}
+            {...props}
+        />
+        {error && (
+            <ValidationMessage>
+                {error}
+            </ValidationMessage>
+        )}
+    </div>
+);
+
+
+FormikInput.propTypes = {
+    className: PropTypes.string,
+    error: PropTypes.string,
+    type: PropTypes.string
+};
+
+module.exports = FormikInput;

src/components/forms/validation-message.jsx

@@ -0,0 +1,18 @@
+const classNames = require('classnames');
+const PropTypes = require('prop-types');
+const React = require('react');
+
+require('./validation-message.scss');
+
+const ValidationMessage = props => (
+    <div className={classNames(['validation-message', props.className])}>
+        {props.message}
+    </div>
+);
+
+ValidationMessage.propTypes = {
+    className: PropTypes.string,
+    message: PropTypes.string
+};
+
+module.exports = ValidationMessage;