fix: step for duration only integers

- made the `step` configurable

Author: maxceem

src/components/FormField/index.jsx

@@ -53,6 +53,7 @@ const FormField = ({ field }) => {
               onBlur={input.onBlur}
               onFocus={input.onFocus}
               className={meta.error && meta.touched ? "error" : ""}
+              step={field.step}
             />
           )}
           {field.type === FORM_FIELD_TYPE.TEXTAREA && (

src/components/TCForm/index.jsx

@@ -119,6 +119,7 @@ TCForm.propTypes = {
         maxLength: PT.number,
         styleName: PT.string,
         readonly: PT.string,
+        step: PT.number,
       })
     ).isRequired,
     onSubmit: PT.func,

src/components/TextInput/index.jsx

@@ -37,7 +37,7 @@ function TextInput(props) {
       readOnly={props.readonly ?? false}
       onBlur={props.onBlur}
       onFocus={props.onFocus}
-      step={props.type === "number" ? ".01" : null}
+      step={props.step}
     />
   );
 }
@@ -47,6 +47,7 @@ TextInput.defaultProps = {
   maxLength: Number.MAX_VALUE,
   placeholder: "",
   minValue: 0,
+  step: null,
 };
 
 TextInput.propTypes = {

src/routes/JobForm/utils.js

@@ -84,6 +84,7 @@ export const getEditJobConfig = (skillOptions, onSubmit) => {
         name: "duration",
         minValue: 1,
         placeholder: "Duration",
+        step: 1,
       },
       {
         label: "Resource Type",

src/routes/ResourceBookingForm/utils.js

@@ -34,13 +34,15 @@ export const getEditResourceBookingConfig = (onSubmit) => {
         name: "customerRate",
         minValue: 0,
         placeholder: "Client Rate",
+        step: 0.01,
       },
       {
         label: "Member Rate",
         type: FORM_FIELD_TYPE.NUMBER,
         name: "memberRate",
         minValue: 0,
         placeholder: "Member Rate",
+        step: 0.01,
       },
       {
         label: "Start Date",