DateTimePickerComponent appearance customization

[Rethabile Mahase]

How can I remove the bottom border of the DateTimePickerComponent and the red active border? Thank you in advance

[Rethabile Mahase]

Is it possible to add borders around the datetimepicker component and remove the red bottom border onFocus? If so, can I please get some assistance. I will appreciate any help you can provide. Thank you

[Mallesh Ravi Chandran]

Hi Rethabile Mahase , 

To better assist you, we would like to inform you that the bottom red active border of the DateTimePicker Component is due to that you have used the material theme. If you prefer to add borders around the DateTimePicker component, you may use other themes such as Fluent, Bootstrap 5, etc., based on your requirements.

<link rel='nofollow' href=https://cdn.syncfusion.com/ej2/25.2.3/bootstrap5.css rel="stylesheet">

 

Sample : https://stackblitz.com/edit/react-gzxgv6-83qekb?file=index.html

Online Demo : https://ej2.syncfusion.com/react/demos/#/bootstrap5/datetimepicker/default

We have shared a simple sample for your reference. Please review the sample, and if you have any concerns, please get back to us . 

Regards ,
Mallesh