Right now I have a basic TimePicker in XAML:

<TimePicker x:Name="PeriodEndTimePicker" Visibility="Collapsed" Margin="8 5 0 5" Header="Period End Time" SelectedTimeChanged="PeriodEndTimePicker_SelectedTimeChanged"/>

When you click on a TimePicker it pops open a flyout. When placed near mid screen or somewhere away from the top of the screen you are able to fully see the flyout, and able to see the arrow buttons to change values when hovering over a time picker column.

However, if you place the window near the top of the screen or maximize the app window, the flyout gets cutoff and you are no longer able to see the up arrow to move the value up.

Is it possible to move the placement so that the top of the flyout is below the TimePicker?

P.S. There is nothing preventing the user from scrolling using the mouse wheel, or doing a partial hover and click to move to the next number, but my boss is adamant about getting the arrow to appear.