We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

how to change to rounded corner in datatime picker

Hello Team,


<syncfusion:DateTimeEdit x:Name="dateTimeEdit" Height="28" Width="500" 
                                                 EnableClassicStyle="True" 
                                                 IsCalendarEnabled="True" 
                                                 IsWatchEnabled="True" 
                                                 IsEmptyDateEnabled="False" 
                                                 Pattern="FullDateTime"
                                                 RenderTransformOrigin="0.375,3.867" 
                                                 
                                    Canvas.Top="379" Canvas.Left="10"
                                    HorizontalAlignment="Left" Margin="0,0,0,0" 
                                    VerticalAlignment="Top" IsDropDownOpen="False">

                            <syncfusion:DateTimeEdit.Resources>
                                <Style TargetType="{x:Type Border}">
                                    <Setter Property="CornerRadius" Value="100"/>
                                </Style>
                            </syncfusion:DateTimeEdit.Resources>
                            <syncfusion:DateTimeEdit.Effect>
                                <DropShadowEffect Color="#FFDEDADA" ShadowDepth="3"/>
                            </syncfusion:DateTimeEdit.Effect>

                        </syncfusion:DateTimeEdit>



i want to change DateTimeEdit box into Rounded corner of DateTimeEdit.


1 Reply

JP Jagadeesan Pichaimuthu Syncfusion Team December 31, 2018 03:30 PM UTC

Hi Sharath Gangadhar, 
 
Thank you for contacting Syncfusion support. 
 
We have checked your query "How to change the DateTimeEdit box to rounded corner in DateTimeEdit control". You can achieve your requirement by customizing the style of DateTimeEdit control. We have also prepared sample based on your requirement in which we have set the corder radius for DateTimeEdit box and DropDown button in DateTimeEdit style. Please download the same from the below location. 
   
If we misunderstood your requirement, please provide more information regarding the requirement. This would help us to proceed further. 
 
Regards, 
Jagadeesan 


Loader.
Live Chat Icon For mobile
Up arrow icon