Date picker current day of month is highlighted in other months

[Brian Rutter]

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.

thanks!

[Brian Rutter]

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

[UdhayaKumar Duraisamy]

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>

</div>

 

<style>

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

        background: none;

    }

 

</style>