Ground work for Wino Calendar. (#475)

Wino Calendar abstractions.

Wino.Calendar/Views/CalendarPage.xaml

@@ -0,0 +1,75 @@
+<abstract:CalendarPageAbstract
+    x:Class="Wino.Calendar.Views.CalendarPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:abstract="using:Wino.Calendar.Views.Abstract"
+    xmlns:calendarControls="using:Wino.Calendar.Controls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:local="using:Wino.Calendar.Views"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
+    mc:Ignorable="d">
+    <!--<Page.Resources>
+        <x:Double x:Key="TeachingTipMinWidth">500</x:Double>
+        <x:Double x:Key="TeachingTipMaxWidth">500</x:Double>
+    </Page.Resources>-->
+    <Border
+        Margin="0,0,7,7"
+        Background="{ThemeResource WinoContentZoneBackgroud}"
+        BorderBrush="{StaticResource CardStrokeColorDefaultBrush}"
+        BorderThickness="1"
+        CornerRadius="7">
+        <Grid>
+            <calendarControls:WinoCalendarControl
+                x:Name="CalendarControl"
+                DayRanges="{x:Bind ViewModel.DayRanges}"
+                IsHitTestVisible="{x:Bind ViewModel.IsCalendarEnabled, Mode=OneWay}"
+                SelectedFlipViewDayRange="{x:Bind ViewModel.SelectedDayRange, Mode=TwoWay}"
+                SelectedFlipViewIndex="{x:Bind ViewModel.SelectedDateRangeIndex, Mode=TwoWay}"
+                TimelineCellSelected="CellSelected"
+                TimelineCellUnselected="CellUnselected" />
+
+            <Canvas x:Name="CalendarOverlayCanvas" IsHitTestVisible="False">
+                <!--  Invisible target UI element for teaching tip display.  -->
+                <Grid
+                    x:Name="TeachingTipPositionerGrid"
+                    Background="Transparent"
+                    Visibility="Visible" />
+
+                <!--  Single teaching tip to display create event dialog.  -->
+                <muxc:TeachingTip
+                    x:Name="NewEventTip"
+                    Width="500"
+                    HorizontalContentAlignment="Stretch"
+                    VerticalContentAlignment="Stretch"
+                    Closed="CreateEventTipClosed"
+                    IsOpen="False"
+                    PreferredPlacement="Right"
+                    Target="{x:Bind TeachingTipPositionerGrid}">
+                    <muxc:TeachingTip.Content>
+                        <Grid Margin="0,24" RowSpacing="12">
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+
+                            <TimePicker x:Name="EventTimePicker" ClockIdentifier="24HourClock" />
+
+
+                            <!--  Create events dialog  -->
+                            <Button
+                                x:Name="AddEvent"
+                                Grid.Row="1"
+                                Click="AddEventClicked"
+                                Content="Add Event" />
+
+                        </Grid>
+                    </muxc:TeachingTip.Content>
+                </muxc:TeachingTip>
+            </Canvas>
+        </Grid>
+    </Border>
+
+</abstract:CalendarPageAbstract>
+