Globalization for number not displaying thousand separator as dot (.)

[Jóhanna Magnsdóttir]

Let's say I have this numeric textbox component:

and it will be displayed like this:

But I want to use dot (.) as a thousand separator, and comma (,) for decimals, so this should be displayed as '123.456,78'.

I have added this to App.js:

And also tried adding the same thing to the JS component file:

This is what my numbers.json looks like:

[Deepak Ramakrishnan]

Hi Jóhanna,

Greetings from Syncfusion support.

We have validated your requirement with provided details. And we suggest you to refer the culture files as like below highlighted code. Also we have attached sample for your reference.

import * as React from "react";

import { NumericTextBoxComponent } from '@syncfusion/ej2-react-inputs';

import {setCulture, loadCldr } from '@syncfusion/ej2-base';

import './App.css';

// Here we have referred local json files for preview purpose

loadCldr(

require('cldr-data/main/is/ca-gregorian.json'),

require('cldr-data/main/is/numbers.json'),

require('cldr-data/main/is/timeZoneNames.json'),

require('cldr-data/supplemental/numberingSystems.json')

);

setCulture('is');

function App() {

return (<NumericTextBoxComponent format='n2' value={123456.78} >NumericTextBoxComponent>

);

}

export default App;

Sample Link : https://www.syncfusion.com/downloads/support/forum/168623/ze/quickstart1417067384

Thanks,

Deepak R.

[Jóhanna Magnsdóttir]

It will be displayed like this

(no thousand separator)

[Berly Christopher]

Hi Jóhanna, 

Thanks for your update. 

We have checked the shared sample based on the reported concern. Unfortunately its working as expected in our end . So, we request you upgrade your version to latest and check whether the issue get reproduced or not . If still you are facing the reported issue kindly provide the following details to check the issue from our end. 

1. If any specific culture is set to your browser
2. If using any specific group and decimal separator in your system
3. Simple runnable sample and if any specific replication procedure is followed to reproduce the issue.

The above details will help us to analyze and provide you the better solution. 

Video Link : https://www.syncfusion.com/downloads/support/directtrac/168623/ze/React_App_-_Google_Chrome_2021-09-09_19-21-01784994604 

Thanks, 

Berly B.C.