I need to style the WeekNumber coumn on a kendo-daterange component.

[Manjunath]

I am using kendo-daterange component. I need to apply background color for the week number column since weeknumber column is greyed out more .

My pesudo code below:
--------------------
Styles :
-------
.weeknumber-cell{
    color : red;
}
------
<kendo-daterange>
<kendo-daterange-popup>
  <ng-template kendoDateRangePopupTemplate>
<kendo-multiviewcalendar kendoDateRangeSelection [selectionRange]="range" [weekNumber]="true"
  (selectionRangeChange)="handleSelectionRange($event)">
  <ng-template kendoCalendarWeekNumberCellTemplate let-context="cellContext">
<span class="weeknumber-cell">{{context.formattedValue}}</span>
  </ng-template>
</kendo-multiviewcalendar>
  </ng-template>
</kendo-daterange-popup>
</kendo-daterange>

[Manjunath]

Got the solution on myself . We need to change the styles from kendo_theme.css:

.k-calendar .k-calendar-content td {
  /* border-radius: 100px; */  //Comment this line
  border-color: transparent;
}

.k-calendar .k-content .k-alt,
.k-calendar .k-calendar-content .k-alt {
 /* opacity: 0.38;*/  //Comment this line and add below line
   opacity: 1.38;
  background-color: lightgrey;
}