<UserControl 
    x:Class="ControlExplorer.Controls.MaskedTextBox.MaskedTextBoxDemo"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:c1="using:C1.Xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="480" FontSize="16">
    <UserControl.Resources>
        <Style TargetType="c1:C1MaskedTextBox">
            <Setter Property="Margin" Value="10" />
        </Style>
        <Style TargetType="TextBlock">
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Margin" Value="10 0" />
        </Style>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition Width="2*"/>
        </Grid.ColumnDefinitions>
        <TextBlock Text="DOB:" />
        <TextBlock Text="Phone:" Grid.Row="1"/>
        <TextBlock Text="State:" Grid.Row="2"/>
        <TextBlock Text="ID:" Grid.Row="3"/>

        <c1:C1MaskedTextBox Mask="00/00/0000" InputScope="Number" Grid.Column="1"/>
        <c1:C1MaskedTextBox Mask="(999) 000-0000" InputScope="TelephoneNumber" TextMaskFormat="IncludePrompt" Grid.Row="1" Grid.Column="1"/>
        <c1:C1MaskedTextBox Mask="AA" TextMaskFormat="IncludePrompt" Grid.Row="2" Grid.Column="1"/>
        <StackPanel Grid.Row="3" Grid.Column="1">
            <c1:C1MaskedTextBox Mask="AAA-00-0000"/>
            <TextBlock Text="(AAA-##-####)" Margin="10 0"/>
        </StackPanel>
        
    </Grid>
</UserControl>
