How to masking money in filament 3 ?

[jigujigu]

Hi All. I got error when masking textinput for money in filament 3

use Filament\Forms\Components\TextInput\Mask;
....
  TextInput::make('price')
      ->mask(
          fn (Mask $mask) => $mask
              ->numeric()
              ->decimalPlaces(2)
              ->thousandsSeparator(',')
              ->decimalSeparator('.')
      ),

Target class [Filament\Forms\Components\TextInput\Mask] does not exist.

Thank you.

[sinnbeck]

Sadly there is no Mask class anymore

https://filamentphp.com/docs/3.x/forms/fields/text-input#input-masking

But you could try copying it into your own project and see if it works still
https://github.com/filamentphp/forms/blob/2.x/src/Components/TextInput/Mask.php

Or you can use the new RawJs helper and just directly call the alpine money mask
https://alpinejs.dev/plugins/mask#money-inputs

TextInput::make('price')
      ->mask(RawJs::make(<<<'JS'
$money($input, '.', ',', 2)
JS
                    ))

[jigujigu]

Thanks

[luiseduardobraschi]

That just doesn't seem to work. The rendered code from my Filament filed definition looks fine:

As per Alpine's doc example, it should mask "1234" to "12,34", but all I got is this instead:

[wickham-c]

At the end of the Filament documentation section @sinnbeck referred to, there's a very useful code snippet specific to money-handling which worked nicely for me...

use Filament\Forms\Components\TextInput;
use Filament\Support\RawJs;
 
TextInput::make('amount')
    ->mask(RawJs::make('$money($input)'))
    ->stripCharacters(',')
    ->numeric()