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

Date picker current day of month is highlighted in other months

Is there a way to turn off the current day of the month being highlighted in other months?

Ex. If today is March 21, and I switch back to January using the date picker, Jan 21 is highlighted.


2 Replies

BR Brian Rutter March 29, 2023 03:03 PM UTC

Is there a specific CSS style that can be overridden for the day of the month highlight?

UD UdhayaKumar Duraisamy Syncfusion Team March 29, 2023 05:08 PM UTC

In the DatePicker component, the focus class is added to the same date in other months to indicate which date currently has the focus. This is the intended behavior of the component, and overriding it will break the navigation through the date functionality.


If you want to change the color of the focus class, you can use the following CSS class.

<div style="margin:130px auto;width:300px">

    <ejs-datepicker id="datepicker"></ejs-datepicker>




    .e-calendar .e-content td.e-focused-date span.e-day {

        background: none;




Live Chat Icon For mobile
Up arrow icon