feature: fix label manager popup padding & switch input to ControlledInput

2020-07-16 20:14:13 -05:00
parent 2cf6be082c
commit 8c610b11bf
5 changed files with 212 additions and 37 deletions
--- a/frontend/src/shared/components/Input/index.tsx
+++ b/frontend/src/shared/components/Input/index.tsx
@ -83,6 +83,7 @@ type InputProps = {
  floatingLabel?: boolean;
  placeholder?: string;
  icon?: JSX.Element;
+  type?: string;
  autocomplete?: boolean;
  id?: string;
  name?: string;
@ -96,6 +97,7 @@ const Input = React.forwardRef(
    {
      width = 'auto',
      variant = 'normal',
+      type = 'text',
      autocomplete,
      label,
      placeholder,
@ -125,6 +127,7 @@ const Input = React.forwardRef(
          hasValue={hasValue}
          ref={$ref}
          id={id}
+          type={type}
          name={name}
          onClick={onClick}
          autoComplete={autocomplete ? 'on' : 'off'}