How to close SFDatePicker when I'm using Button inside FooterView?

[Coleen Jade]

Right now, I customized my own Footer and put a button on it. I wanted to close the DatePicker once I clicked that button but I don't know how.

[Ruba Shanmugam]

Hi Coleen Jade, 

 

Greetings from Syncfusion, 

 

We have validated your query and we have prepared a sample based on your requirement. You can set IsOpen as false in the FooterView button click event as like below code snippet. 

 

XAML: 

 

<datePicker:SfDatePicker 

                                x:Name="ctrlDatePicker" 

                                ColumnHeaderHeight="40" 

                                HorizontalOptions="Center" 

                                VerticalOptions="Center" 

                                PickerHeight="400" 

                                PickerMode="Dialog" 

                                PickerWidth="300"  

                                ShowFooter="True"> 

                <datePicker:SfDatePicker.FooterView> 

                    <Grid> 

                        <Button Text="Ok" 

                                x:Name="footerViewOkButton" 

                                Clicked="footerViewOkButton_Clicked"/> 

                    </Grid> 

                </datePicker:SfDatePicker.FooterView> 

            </datePicker:SfDatePicker> 

 

XAML.cs: 

 

  private void footerViewOkButton_Clicked(object sender, EventArgs e) 

        { 

            ctrlDatePicker.IsOpen = false; 

        } 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Picker_SampleIsOpenFalse_FooterView1868438401 

 

Please let us know, if you have any other concern, 

 

Regards, 

Ruba Shanmugam