JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body></body>
</html>

JavaScript

Ext.onReady(function() {

    Ext.util.Format.thousandSeparator = '.';
    Ext.util.Format.decimalSeparator = ',';

    Ext.define('Viewport', {
        extend: 'Ext.container.Viewport',
        layout: 'fit',
        
        initComponent: function () {
             
            this.items = [{
                xtype: 'panel',
                region: 'center',
                items: [{
                    xtype: 'numberfield',
                    fieldLabel: 'Type a number in this field and then click somewhere else to blur',
                    preventMark: true,
                    decimalSeparator: ',',
                    listeners: {
                        blur: function(field) {
                            field.setRawValue(Ext.util.Format.number(field.getValue(), '0.000,00/i'));
                        }
                    }
                }]
            }];
             
            this.callParent(arguments);
        }
    });
    
    Ext.create('Ext.app.Application', {
        name: 'app',
    
        launch: function () {
    
            Ext.create('Viewport', {
                renderTo: Ext.getBody()
            });
        }
    });
});