How to remove Calendar icon from DatePicker in maui for windows?

Question

Icon does not match our ui standard.

Answer 1

Hello,

In order to remove Calendar icon from DatePicker, you could copy default style for CalendarDatePicker from the path C:\Program Files (x86)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP\Generic\generic.xaml into Your_MAUI_Project\Platforms\Windows\App.xaml, such as the following code:

   <maui:MauiWinUIApplication  
       ...>  
     
       <!--In this example, an implecit style for Calendar is defined elsewhere   
     in the application.  DatePickerCalendarStyle is based on the implicit   
     style so that the DatePicker will use the application's calendar style.-->  
       <maui:MauiWinUIApplication.Resources>  
           <!-- Default style for CalendarDatePicker --> from xaml file.  
       </maui:MauiWinUIApplication.Resources>  
     
   </maui:MauiWinUIApplication>  

Then, you need to search the string Glyph="" and modify it to Glyph="".

Restart your App, you could find the icon has been successfully removed.

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.