Highlight the current date

Question

How to highlight the current date today?

Belle Cruz · Answer

is there any update about my query?

Ruksar Moosa Sait · Answer

Hi Belle Cruz,Greetings from Syncfusion Support.The current date will be automatically
highlighted in the Scheduler by default. If you want customize the highlighted
scheduler, you can achieve it by overriding the e-current-day CSS class
like below.

.e-schedule .e-vertical-view
  .e-header-cells.e-current-day {
      color: #dc3545;
  }

Kindly try the above solution and
let us know if this meets your requirement.Regards,Ruksar M

Belle Cruz · Answer

Thank you Ruksar but it didn't work.

Vengatesh Maniraj · Answer

Hi Belle,Thanks for the update.We would like to know what are the properties used in the Scheduler. So could you please share the scheduler rendering codes?Regards,Vengatesh

Belle Cruz · Answer

@code { public class AppointmentData { public DateTime StartTime { get; set; } public DateTime EndTime { get; set; } } public DateTime Year { get; set; } = DateTime.Now; DateTime year1 = new DateTime(2019, 12, 16); DateTime year2 = new DateTime(2020, 12, 16); DateTime year3 = new DateTime(2022, 12, 16); public void OnPopupOpen(PopupOpenEventArgs args) { if (args.Type == PopupType.Editor || args.Type == PopupType.QuickInfo) { args.Cancel = true; } }}

Belle Cruz · Answer

Is there any update about my query?

Ruksar Moosa Sait · Answer

Hi Belle,Thanks for the update.We have checked the reported problem and let you know that we could reproduce it at our end. So, we have logged the below bug report. The fix will be included in our weekly patch release which is expected to roll out on January 4, 2022 and would appreciate your valuable patience until then. You can track the status by using the below link.https://www.syncfusion.com/feedback/31461/the-current-date-is-not-highlighted-when-the-timescale-is-disabledRegards,Ruksar M

Vengatesh Maniraj · Answer

Hi All, 

Thanks for being patience. 

We are glad to announce that our weekly patch release v19.4.41 has been rolled out successfully. The reported bug with the “current date is not highlighted” has been fixed in this release. As a result, we recommend you upgrade to the latest version of our Syncfusion package to avail this fix. 

Release Notes: https://blazor.syncfusion.com/documentation/release-notes/19.4.41?type=all#scheduler 
Feedback: https://www.syncfusion.com/feedback/31461/the-current-date-is-not-highlighted-when-the-timescale-is-disabled 
  
Kindly check the reported defect in the latest version and get back to us if you need any further assistance.  
 
Regards, 
  
Vengatesh

Arnie Reyes · Answer

hello syncfusion team

is there a way to highlight current date for the whole column
timelineview month.. i haven't seen any options available..

Example: this part the whole column of the current date must be highlighted

thanks

Ram Raju Elaiyaperumal · Answer

Hi Arnie Reyes,Based on your query, it appears you are looking to highlight the entire column of the current date in the TimelineView Month. While there may not be a direct option to achieve this, you can utilize the OnRenderCell event which is triggered when each cell is rendered.By adding a check within this event to determine if the date is the current date, you can add a custom CSS class to the cell. This class can then be styled to highlight the cell, effectively highlighting the entire column for the current date.Here is a sample implementation: DateTime CurrentDate = DateTime.Today; public void OnRenderCell(RenderCellEventArgs args) { if (args.ElementType == ElementType.MonthCells && args.Date.Date == CurrentDate) { args.CssClasses = new List(CustomClass); //The default work hours color is changed to ivory color } } In this code, the OnRenderCell event checks if the date of the cell is the current date. If it is, it adds a custom CSS class to the cell. The CSS class is then styled to change the background color of the cell.For Your convenience we have created a sample based on your requirement, Kindly check on the sample: https://blazorplayground.syncfusion.com/BDLJXsVKoyxfOTfsWe hope this solution meets your requirements. Please let us know if you have any further questions or concerns.Regards,Ram