feat: add placeholder support to FormFieldRenderer component

Author: BryanttV

src/field-renderer/FieldRenderer.jsx

@@ -59,6 +59,7 @@ const FormFieldRenderer = (props) => {
             as="textarea"
             name={fieldData.name}
             value={value}
+            placeholder={fieldData.placeholder}
             aria-invalid={isRequired && Boolean(errorMessage)}
             onChange={(e) => onChangeHandler(e)}
             floatingLabel={fieldData.label}
@@ -81,6 +82,7 @@ const FormFieldRenderer = (props) => {
             className={className}
             name={fieldData.name}
             value={value}
+            placeholder={fieldData.placeholder}
             aria-invalid={isRequired && Boolean(errorMessage)}
             onChange={(e) => onChangeHandler(e)}
             floatingLabel={fieldData.label}
@@ -142,6 +144,7 @@ FormFieldRenderer.propTypes = {
     type: PropTypes.string,
     label: PropTypes.string,
     name: PropTypes.string,
+    placeholder: PropTypes.string,
     options: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)),
   }).isRequired,
   onChangeHandler: PropTypes.func.isRequired,