Hi Michael,

Thank you for the additional details provided.

Currently, the selected date will be highlighted and the background will be changed only when the respective month is selected in the same month is displayed in the view. We are reviewing the UX of the Calendar and I have forwarded your report to the team. I will mark the thread with the 'Under review' tag until the UX team reviews the discussed scenario. 

In the meantime, you can achieve the desired behavior by saving the selected date in a variable in the change event handler. Then, when the user navigates to a different view you can find the date and add to it a custom class. Next, you can use the custom class to style the date. Below is an example:

 var selected = ''
          $("#calendar").kendoCalendar({
            change: function(e){
              $('.custom').removeClass('custom')             
              selected = $('.k-selected .k-link').attr('data-value')
            },
            navigate: function(e){
             
              if(selected != ''){
                var current = $('[data-value="'+selected+'"]')                
                current.parent().addClass('custom')
              }
            }
          });
        });

The above is demonstrated in the Dojo linked here.

As a token of gratitude for reporting the issue I have updated your Telerik points.

Regards,
Neli
Progress Telerik

Hi Michael,

I tried to replicate the issue, but on my end, the selected date seems highlighted. I tried to select a date and then navigate to a different month than the current one. Please take a look at the screencast linked here and let me know if I am missing something - https://somup.com/cZnhiOph9q.

Looking forward to your reply

Regards,
Neli
Progress Telerik