[ADD] Support input type

README.md

@@ -89,6 +89,27 @@ public function form(Form $form): Form
 }
 ```
 
+
+## Input type
+By default, the input type is set to "number". If you need to change it to "password" or "text", you can use the following methods:
+```php
+use HasanAhani\FilamentOtpInput\Components;
+use Filament\Forms\Form;
+
+public function form(Form $form): Form
+{
+    return $form
+        ->schema([
+            // ...
+            OtpInput::make('otp')
+                ->password()
+                // or
+                ->text()
+                ->label('Otp'),
+        ]);
+}
+```
+
 ## Testing
 
 ```bash

resources/views/components/otp-input.blade.php

@@ -14,6 +14,7 @@
     $statePath = $getStatePath();
     $numberInput = $getNumberInput();
     $isAutofocused = $isAutofocused();
+    $inputType = $getType();
 @endphp
 
 <x-dynamic-component
@@ -31,6 +32,7 @@
     	    state: $wire.$entangle('{{ $getStatePath() }}'),
     	    length: {{$numberInput}},
     	    autoFocus: '{{$isAutofocused}}',
+    	    type: '{{$inputType}}',
             init: function(){
                 if (this.autoFocus){
                     this.$refs[1].focus();
@@ -100,7 +102,7 @@
                     "
                 >
                     <input
-                        type="number"
+                        type="{{$inputType}}"
                         maxlength="1"
                         x-ref="{{$column}}"
                         required

src/Components/OtpInput.php

@@ -24,6 +24,9 @@ class OtpInput extends Field implements Contracts\CanBeLengthConstrained, Contra
     protected int | \Closure | null $numberInput = 4;
 
 
+    protected string | \Closure | null $type = 'number';
+
+
     public function numberInput(int | \Closure $number = 4):static
     {
         $this->numberInput = $number;
@@ -35,4 +38,22 @@ public function getNumberInput():int
         return $this->evaluate($this->numberInput);
     }
 
+
+    public function password(): static
+    {
+        $this->type = 'password';
+        return $this;
+    }
+
+    public function text(): static
+    {
+        $this->type = 'text';
+        return $this;
+    }
+
+    public function getType(): string
+    {
+        return $this->evaluate($this->type);
+    }
+
 }