<?xml version="1.0" encoding="utf-8"?>

<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:InABox.Mobile"
             xmlns:syncfusion="clr-namespace:Syncfusion.XForms.Pickers;assembly=Syncfusion.SfPicker.XForms"
             x:Class="InABox.Mobile.MobileTimeSelector">
    <ContentView.Content>
        <Grid Margin="10,20,10,10" RowSpacing="5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <syncfusion:SfTimePicker 
                x:Name="Picker" 
                Grid.Row="0"
                Grid.Column="0" 
                Grid.ColumnSpan="4" 
                Format="h_mm_tt" 
                MinutesHeaderText="Minute"
                MeridiemHeaderText="AM/PM"
                HeaderHeight="0"/>
            
            <local:MobileMenuButton
                x:Name="Cancel"
                Grid.Row="1"
                Grid.Column="0"
                Image="sharedcross"
                Margin="0"
                HeightRequest="40"
                WidthRequest="40"
                Clicked="Cancel_OnClicked" />
            <local:MobileButton 
                x:Name="Clear" 
                Text="Clear" 
                Grid.Column="1" 
                Grid.Row="1" 
                Clicked="Clear_OnClicked"/>
            <local:MobileButton 
                x:Name="Now" 
                Text="Now" 
                Grid.Column="2" 
                Grid.Row="1" 
                Clicked="Now_OnClicked"/>
            <local:MobileMenuButton
                x:Name="Select"
                Grid.Row="1"
                Grid.Column="3"
                Image="sharedtick"
                Margin="0"
                HeightRequest="40"
                WidthRequest="40"
                Clicked="Select_OnClicked" />
        </Grid>
    </ContentView.Content>
</ContentView>