galangaidilakbar/numeric-mask

A Laravel Nova field that automatically adds thousand separator dots while typing (e.g., 1000 becomes 1.000)

v1.0.0 2025-01-07 03:59 UTC

Requires

• php: ^7.3|^8.0

MIT

• nova
• laravel
• field
• numeric
• mask
• Number Format
• thousand separator

README

A Laravel Nova field that automatically adds thousand separator dots while typing. Perfect for currency, quantities, or any numeric input that needs better readability.

Features

• Real-time thousand separator formatting (e.g., 1000 → 1.000)
• Works with copy/paste
• Maintains numeric value in database
• Compatible with Laravel Nova 4.x

Requirements

• Laravel Nova 4.x or higher
• PHP 7.3 or higher

Installation

You can install the package via composer:

composer require galangaidilakbar/numeric-mask

Usage

use Galangaidilakbar\NumericMask\NumericMask;

public function fields(Request $request)
{
    return [
        NumericMask::make('Price'),
    ];
}

That will give you separate dots while typing in the input field.

Displaying the value

Since we store the raw value in the database, you can do whatever you want with the value. For example, you can use the currency method from Laravel's Number class:

use Illuminate\Support\Number;
use Galangaidilakbar\NumericMask\NumericMask;

public function fields(Request $request)
{
    return [
        NumericMask::make("Price")->displayUsing(
            fn($value) => Number::currency($value)
        ),
    ];
}

That will display the value as a currency to be something like this: $20,000.00.

Credits

• Galang Aidil Akbar

License

The MIT License (MIT). Please see License File for more information.