<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="ZB.MOM.WW.OtOpcUa.Client.UI.Controls.DateTimeRangePicker">
    <StackPanel Orientation="Horizontal" Spacing="8">
        <StackPanel Spacing="2">
            <TextBlock Text="Start (UTC)" FontSize="11" Foreground="Gray" />
            <TextBox Name="StartInput" Width="170" FontFamily="Consolas,monospace" FontSize="13"
                     Watermark="yyyy-MM-dd HH:mm:ss (UTC)"
                     Text="{Binding StartText, RelativeSource={RelativeSource AncestorType=UserControl}}" />
        </StackPanel>
        <TextBlock Text="to" VerticalAlignment="Bottom" Margin="0,0,0,6" />
        <StackPanel Spacing="2">
            <TextBlock Text="End (UTC)" FontSize="11" Foreground="Gray" />
            <TextBox Name="EndInput" Width="170" FontFamily="Consolas,monospace" FontSize="13"
                     Watermark="yyyy-MM-dd HH:mm:ss (UTC)"
                     Text="{Binding EndText, RelativeSource={RelativeSource AncestorType=UserControl}}" />
        </StackPanel>
        <Border Background="#F0F0F0" CornerRadius="4" Padding="4,2" VerticalAlignment="Bottom" Margin="0,0,0,2">
            <StackPanel Orientation="Horizontal" Spacing="4">
                <Button Name="Last5MinBtn" Content="5m" Padding="8,3" FontSize="11" />
                <Button Name="LastHourBtn" Content="1h" Padding="8,3" FontSize="11" />
                <Button Name="LastDayBtn" Content="1d" Padding="8,3" FontSize="11" />
                <Button Name="LastWeekBtn" Content="1w" Padding="8,3" FontSize="11" />
            </StackPanel>
        </Border>
    </StackPanel>
</UserControl>
