(fix) O3-4268 Show Number input steppers in the number field (#449)

* (fix) O3-4268 Show Number input steppers in the number field

* refactored OR to nullish coalescing

src/components/inputs/number/number.component.tsx

@@ -70,14 +70,14 @@ const NumberField: React.FC<FormFieldInputProps> = ({ field, value, errors, warn
           onBlur={onBlur}
           allowEmpty={true}
           size="lg"
-          hideSteppers={true}
+          hideSteppers={field.hideSteppers ?? false}
           onWheel={(e) => e.target.blur()}
           disabled={field.isDisabled}
           readOnly={isTrue(field.readonly)}
           className={classNames(styles.controlWidthConstrained, styles.boldedLabel)}
           warn={warnings.length > 0}
           warnText={warnings[0]?.message}
-          step={0.01}
+          step={field.questionOptions.step ?? 0.01}
         />
       </Layer>
     )

src/types/schema.ts

@@ -84,6 +84,7 @@ export interface FormField {
   questionInfo?: string;
   historicalExpression?: string;
   constrainMaxWidth?: boolean;
+  hideSteppers?: boolean;
   /** @deprecated */
   inlineMultiCheckbox?: boolean;
   meta?: QuestionMetaProps;
@@ -143,6 +144,10 @@ export interface FormQuestionOptions {
    */
   max?: string;
   min?: string;
+  /**
+   * specifies the increment or decrement step for number field values
+   */
+  step?: number;
   /**
    * maxLength and maxLength are used to validate text field length
    */