<mvc:View
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:form="sap.ui.layout.form"
	height="100%"
	xmlns="sap.m">
	<App>
		<Page showHeader="false">

			<form:SimpleForm title="Generic Mask Input" editable="true">

				<Label text="Unique ID" />
				<MaskInput mask="~~~~~~~~~~" placeholderSymbol="_" placeholder="All characters allowed">
					<rules>
						<MaskInputRule maskFormatSymbol="~" regex="[^_]"/>
					</rules>
				</MaskInput>

				<Label text="Promo code"/>
				<MaskInput mask="**********" placeholderSymbol="_" placeholder="Latin characters (case insensitive) and numbers">
					<rules>
						<MaskInputRule/>
					</rules>
				</MaskInput>

				<Label text="Phone number"/>
				<MaskInput mask="(999) 999 999999" placeholderSymbol="_" placeholder="Enter twelve-digit number" showClearIcon="true" />

			</form:SimpleForm>

			<form:SimpleForm title="Possible usages (may require additional coding)" editable="true">

				<Label text="Serial number" />
				<MaskInput mask="CCCC-CCCC-CCCC-CCCC-CCCC" placeholderSymbol="_" placeholder="Enter digits and capital letters" showClearIcon="{/showClearIcon}">
					<rules>
						<MaskInputRule maskFormatSymbol="C" regex="[A-Z0-9]"/>
					</rules>
				</MaskInput>

				<Label text="Product activation key"/>
				<MaskInput mask="SAP-CCCCC-CCCCC" placeholderSymbol="_" placeholder="Starts with 'SAP' followed by digits and capital letters" showClearIcon="{/showClearIcon}">
					<rules>
						<MaskInputRule maskFormatSymbol="C" regex="[A-Z0-9]"/>
					</rules>
				</MaskInput>

				<Label text="ISBN" />
				<MaskInput mask="999-99-999-9999-9" placeholderSymbol="_" placeholder="Enter thirteen-digit number" showClearIcon="{/showClearIcon}" />

			</form:SimpleForm>

		</Page>
	</App>
</mvc:View>