I can't use the input number

Summary:

Content (required):

Hello everyone,

For some reason I can't use the INPUT NUMBER component. Every time I want to use it it only shows the label and not the field to enter the value. The same thing happens to me when I want to use the currency or percentage fields.

This is the code:

<oj-input-number label-hint=" numeric" value="{{ $variables.number }}" class="oj-form-control-max-width-md"

      virtual-keyboard="number"

      converter='{"options":{"style":"decimal","minimumFractionDigits":3,"maximumFractionDigits":3},"type":"number"}'

      placeholder="input value">

    </oj-input-number>

and this is the design. The field to enter the value does not appear.

I am using the following theme:

ApplicationsCloudUI/5.1.0/web/ApplicationsCloudUI.css