add @type argument to FlInput

addon/components/fl-input/fl-input.hbs

@@ -17,7 +17,14 @@
             </label>
         {{/if}}
     {{else}}
-        <Input @value={{@value}} class="{{this.inputBaseClass}}" id={{this.id}} name={{this.name}} ...attributes />
+        <Input
+            @value={{@value}}
+            @type={{this.type}}
+            class="{{this.inputBaseClass}}"
+            id={{this.id}}
+            name={{this.name}}
+            ...attributes
+        />
         {{#if this.placeholder}}
             <label class="control-label fl-placeholder-label" for={{this.id}}>
                 {{this.placeholder}}

addon/components/fl-input/fl-input.ts

@@ -16,6 +16,7 @@ export interface FlInputArgs {
     inset?: boolean;
     id?: string;
     name?: string;
+    type?: string;
     errors?: string[];
 }
 
@@ -65,6 +66,10 @@ export default class FlInput<T extends FlInputArgs> extends Component<T> {
         return this.firstError ?? this.args.placeholder;
     }
 
+    get type(): string {
+        return this.args.type ?? 'text';
+    }
+
     /**
      * Updates the component's focused state when it recieves focus
      */

tests/integration/components/fl-input-test.ts

@@ -14,4 +14,11 @@ module('Integration | Component | fl-input', function (hooks) {
         await a11yAudit();
         assert.strictEqual(this.element.textContent?.trim(), 'test');
     });
+
+    test('Type attribute is set on the <input> when using <FlInput />', async function (assert) {
+        await render(hbs`<FlInput @placeholder="password" @type="password"/>`);
+        await a11yAudit();
+        const inputElement = this.element.querySelector('input') as HTMLInputElement;
+        assert.equal(inputElement.type, 'password');
+    });
 });