--- schema_version: "1" id: eb6560c70d4d07d97bb4567c81cd49725b29723d6e46a083f0e3a85fee361fd4 title: MaskedInput Lightning Web Component ReadMe (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_maskedinput_lightning_web_component_readme.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_maskedinput_lightning_web_component_readme.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: f46d680d730e1faccb6d3c395038746f3c72ef8ccbc48b65e2d1d5b760dda719 description: For the managed package runtime, this page contains a MaskedInput LWC ReadMe for each Vlocity release. products: - Omnistudio release: "264" --- # MaskedInput Lightning Web Component ReadMe (Managed Package) For the managed package runtime, this page contains a MaskedInput LWC ReadMe for each Vlocity release. ![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US). ## Vlocity Insurance and Health Summer '20 The _MaskedInput Lightning Web Component_ controls what and how a user can enter data in form input fields. The _MaskedInput Lightning Web Component_extends the _Input Lightning Web Component_. For possible use cases for the masked-input component, see [imask documentation](https://unmanner.github.io/imaskjs/guide.html). ## Available c-masked-input Attributes

Attribute	Value	Type	Required	Description
currency		string		Enables user to set currency code.
imask	JSON	object	yes	Contains the valid imask attribute JSON.
inputmode		string		Enables user to set inputmode which corresponds to different keypads on mobile.
locale		string		Enables user to set locale for the currency type.

## Public Variables to Access Value

Name	Description
maskedValue	Returns value with masking.
typedValue	Returns the valid value based on type.
unmaskedValue	Returns value without masking.

## To Note - For the 'currency' and 'number' masks, the value of the _mask_ parameter must be `new Number()`, not `Number`. See Example _masked-input_Component on this page. - For date, use `c-input` element where _type_ is set to 'date'. ## Example c-masked-input Component ``` ``` ``` maskAttrib ={ mask: new Number(), thousandsSeparator: ',', radix: '.' } ``` ## Label Slot Usage A named slot (name = label) is available in the event a user would like to dynamically insert markup next to the input's label. This feature is not available for formula input. ``` Additional markup is inserted here ``` ## Vlocity Insurance and Health Winter '20 and Vlocity CME Spring '20 The _MaskedInput Lightning Web Component_ controls what you can enter in form input fields. The _MaskedInput Lightning Web Component_ extends the _Input Lightning Web Component_. ## Available c-masked-input Attributes

Attribute	Value	Type	Required	Description
imask	JSON	object	yes	Contains the valid imask attribute JSON.

## Public Variables to Access Value For possible use cases for the masked-input component, see [imask documentation](https://unmanner.github.io/imaskjs/guide.html).

Name	Description
typedValue	Returns the valid value based on type.
unmaskedValue	Returns value without masking.
maskedValue	Returns value with masking.

- For the 'currency' and 'number' masks, the value of the _mask_ parameter must be `new Number()`, not `Number`. See Example _masked-input_ Component on this page. - For date, use `c-input` element where _type_ is set to 'date'. ## Example c-masked-input Component ``` ``` ``` maskAttrib ={ mask: new Number(), thousandsSeparator: ',', radix: '.' } ``` ## Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19 The _MaskedInput Lightning Web Component_ controls what you can enter in form input fields. The _MaskedInput Lightning Web Component_ extends the_Input Lightning Web Component_. ## Available c-masked-input Attributes

Attribute	Value	Type	Required	Description
imask	JSON	object	yes	Contains the valid imask attribute JSON.

## Public Variables to Access Value For possible use cases for the masked-input component, see [imask documentation](https://unmanner.github.io/imaskjs/guide.html).

Name	Description
typedValue	Returns the valid value based on type.
unmaskedValue	Returns value without masking.
maskedValue	Returns value with masking.

## To Note - For the ``currency' and `number' masks, the value of the _mask_ parameter must be `new Number()``, not `Number`. See Example _masked-input_ Component on this page. - For date, use `c-input` element where _type_ is set to \`date'. ## Example c-masked-input Component ``` ``` ``` maskAttrib ={ mask: new Number(), thousandsSeparator: ',', radix: '.' } ```