Footer in UWP TimePicker (SfTimePicker)

22 Jul 20262 minutes to read

Done and Cancel Buttons

The Done and Cancel buttons can be made visible or hidden using the following properties:

ShowDoneButton

The ShowDoneButton property is used to show or hide the Done button. The default value is true.

The following code sample shows how to hide the Done button:

  • XAML
    • <Page
   ...
   xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input">

    <syncfusion:SfTimePicker VerticalAlignment="Center"

                                   HorizontalAlignment="Center"

                                   Width="200">

                <syncfusion:SfTimePicker.SelectorStyle>

                    <Style TargetType="syncfusion:SfTimeSelector">

                        <Setter Property="ShowDoneButton" Value="false"/>

                    </Style>

                </syncfusion:SfTimePicker.SelectorStyle>         
     
     </syncfusion:SfTimePicker>

</Page>

    Features_img13

    ShowCancelButton

    The ShowCancelButton property is used to show or hide the Cancel button. The default value is true.

    The following code sample shows how to hide the Cancel button:

  • XAML
    • <Page
   ...
   xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input">

    <syncfusion:SfTimePicker VerticalAlignment="Center"

                                   HorizontalAlignment="Center"

                                   Width="200">

                <syncfusion:SfTimePicker.SelectorStyle>

                    <Style TargetType="syncfusion:SfTimeSelector">

    <Setter Property="ShowCancelButton" Value="false"/>

                    </Style>

                </syncfusion:SfTimePicker.SelectorStyle>       
                
    </syncfusion:SfTimePicker>

</Page>

    Features_img14