Features:

• Supports predefined mask types:

  • Phone (999-999-9999)

  • Date (MM/DD/YYYY)

  • Time (HH:MM)

  • IP Address (999.999.999.999)

  • Currency (e.g., ₹ 999,999.99)

  • Email (validated via alias)

• Supports custom mask patterns via the MaskPattern input

• Triggers the OnInputChanged event with the masked value on input blur

• Easy to integrate into any form or screen

• Uses the popular Inputmask.js library

Usage Instructions:

1. Add the InputMask component block to your screen.

2. Set the MaskType parameter to one of the predefined types (phone, date, etc.) or "custom".

3. If you select "custom" for MaskType, provide your mask pattern string in the MaskPattern parameter.

4. Handle the OnInputChanged event:

   • Create a client or screen action to receive the masked value.

   • Bind this event handler to capture, save, or process the masked value as needed.

5. Test your screen:

   • Run the screen and type in the input field.

   • The mask will format the input live, and on blur, the component will send the masked value via the event.