Set UI5 Input value show [UI5-FWK] numeric value for property [value] of component [ui5-input] is missing "{ type: Number }" in its property decorator.

[pupss89345]

Hi I am use UI5-Input And when I use button click set a numeric value to input is show numeric value for property [value] of component [ui5-input] is missing "{ type: Number }" in its property decorator ,but My input has already set type as Number .
I don't know why show that ??

My HTML

<ui5-button id="bu" click="OnE_Datechenged">Press</ui5-button>
<ui5-input id="dd" value="0" type="Number"></ui5-input>

JS

const button = document.getElementById("bu");

button.addEventListener("click", (event) => {

   document.getElementById("dd").value=5*3;
});

error

[pupss89345]

set value as string type is OK ....

[pskelin]

Yes your finding is correct. This warning is about the type of the property, not the type of the input.

In the Input.ts, the value property is of type string (both typescript and for the framework)

@property()
value = "";

This is a dev-time check, if at runtime a number is assigned to a property, it could be that the developer of the component wanted to make a number property and then it should be:

@property({ type: Number })
step = 0;

This is important for attribute conversion that the correct type is set. You encounter this error as an app developer as you are using pure javascript. If you were to use TSX via the react wrappers, then typescript would give you the exact same warning

And then the fix is exactly the same - you have to convert the number to a string before assigning it.