Combine DataPicker and TimePicker on a Button Flyout in Windows 10 XAML C# -

i'm making uwp app (windows 10). want combine datepicker , timepicker in button flyout. that, wrote following code.

<button height="30" width="30" horizontalalignment="stretch" verticalalignment="stretch" borderthickness="0" x:name="buttonsetalarmtime">     <button.flyout>         <flyout>             <grid height="100">                 <grid.rowdefinitions>                     <rowdefinition height="*"/>                     <rowdefinition height="*"/>                 </grid.rowdefinitions>                 <calendardatepicker x:name="calendardatepickeralarmdate" />                 <timepicker x:name="timepickeralarmtime" grid.row="1"/>             </grid>         </flyout>     </button.flyout>     <button.background>         <imagebrush imagesource="assets/alarm-icon.png" stretch="uniformtofill"></imagebrush>     </button.background> </button> 

the datepicker , timepicker displays expected. problem when click on of pickers, flyout closes.

is there other way this?

thank in advance.