how to mask a text in TextInput blade component?

[hedihadi]

Package

Other

Package Version

3.3.0

How can we help you?

hello, so i have this text input in my blade file

 <x-filament::input
     type="number"
     wire:model.live="cart_products.{{ $index }}.price"
 />

this code as you can see is inside a @foreach. meaning there's an array, and each array contains an input.
i want to mask this text input similar to this

Forms\Components\TextInput::make('price')
    ->label('Sale Price')
    ->required()
    ->numeric()
    ->mask(RawJs::make('$money($input)'))
    ->stripCharacters(','),
    ```
    but i don't know how, i tried to pass a mask as an attribute but it didn't work at all, i tried some other shenanigans such as making a script and using @on-input to format the text replace it, but nothing has worked so far. i'd really appreciate some help!