How It Works

The component wraps a standard OutSystems Input widget and applies JavaScript-based formatting logic using a reusable UI Block.

• Formatting happens client-side

• No interference with OutSystems data binding

• Cursor position is preserved during typing

• Output value is always synchronized with the screen variable

• Install the Forge component.

• Drag the FormattedInput UI Block into your screen.

• Bind your screen variable to the input.

• Choose the desired format type.

• Publish and use.

Check this link : https://nosir.github.io/cleave.js/