kendo-angular icon indicating copy to clipboard operation
kendo-angular copied to clipboard

[DatePicker] Datepicker has display errors

Open theConsite opened this issue 4 years ago • 2 comments

Describe the bug Datepicker does not display January Month selector glitches after a while of scrolling

Expected behavior January displayed Mong selector working correctly

Screenshots image image

Browser

  • OS: Windows 10
  • Browser Chrome, Edge
  • Version Chrome 97.0.4692.71, Edge unknown

Additional context Error appears on @progress/kendo-angular-dateinputs^5.1.0, and @progress/kendo-angular-dateinputs^5.3.0, i didn't test other versions

theConsite avatar Jan 18 '22 14:01 theConsite

Hi @theConsite,

About the displaying of January - The described layout is by design so that the end user is notified which year is beginning while scrolling, the first month naturally being January. The full name of the month is also displayed in the Calendar header. This can be modified with the NavigationItemTemplateDirective:

https://stackblitz.com/edit/angular-eqrjzu?file=src%2Fapp%2Fapp.component.ts

As for the Navigation bar scrolling, it is indeed a bug on our side and a proper label is added.

chrome_a4qeJJ64AJ

yanmariomenev avatar Aug 23 '22 13:08 yanmariomenev

Not having the "January" month in the Navigation is a design decision that we have made. Instead of "January" we show the year. But this can be easily customized by using a template as shown in this Stackblitz example.

Regarding the second issue - is it still reproducible with the latest version of the DateInputs package (7.1.0) as I'm not able to reproduce it on my end? If it is still reproducible, please send us a Stackblitz example (or a sample app) where we can see it and investigate it further. Thank you!

JoomFX avatar Aug 25 '22 12:08 JoomFX

Please feel free to reopen the issue if needed.

JoomFX avatar Oct 12 '22 13:10 JoomFX