Footer in UWP DatePicker

18 Nov 20182 minutes to read

Done and Cancel Buttons

The Done and Cancel buttons can be shown 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:SfDatePicker VerticalAlignment="Center"

                               HorizontalAlignment="Center"

                               Width="200">

            <syncfusion:SfDatePicker.SelectorStyle>

                <Style TargetType="syncfusion:SfDateSelector">

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

                </Style>

            </syncfusion:SfDatePicker.SelectorStyle>  

        </syncfusion:SfDatePicker>

</Page>

    UWP DatePickerFeatures_img11

    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:SfDatePicker VerticalAlignment="Center"

                               HorizontalAlignment="Center"

                               Width="200">

            <syncfusion:SfDatePicker.SelectorStyle>

                <Style TargetType="syncfusion:SfDateSelector">

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

                </Style>

            </syncfusion:SfDatePicker.SelectorStyle>        </syncfusion:SfDatePicker>

</Page>

    UWP DatePickerFeatures_img12