You can reproduce the bug even in your documentation: Overview - DatePicker - Kendo UI for Angular (telerik.com)
The problem seems to be the infinite navigation that's overlaying with that dates' columns.
The DatePicker control for Angular has a hidden vertical scrollbar on the kendo-virtualization element, which is nested inside the kendo-calendar-navigation and kendo-calendar-viewlist elements. Though it is hidden from view, it is still clickable, and can obscure the selectable dates in the calendar. Clicking it results in activating the scrollbar, which will result in the navigation sidebar scrolling.
I have attached two screenshots to show the affected areas. Highlighted in red are the areas that when clicked will activate the sidebar scrollbar, and highlighted in blue is the area that will activate the calendar scrollbar, along with their respective elements in the DOM.
It appears the scrollbar is hidden from view via a combination of padding and margin settings from the css below:
.k-calendar .k-content.k-scrollable,
.k-calendar .k-calendar-content.k-scrollable {
box-sizing: content-box;
overflow-x: hidden;
overflow-y: auto;
display: block;
padding-right: 100px;
padding-left: 100px;
margin-left: -100px;
margin-right: -117px;
}
I am using Edge Version 105.0.1343.50
The colorpicker is configured with positionMode 'absolute' forcing body to resize instead of repositioning the popup if it would go off screen.
https://stackblitz.com/edit/angular-itnxyg?file=app/app.component.ts
this.popupRef = this.popupService.open({ anchor: this.activeColor, animate: this.popupSettings.animate, appendTo: this.popupSettings.appendTo, popupAlign: popupPosition, anchorAlign: anchorPosition, popupClass: 'k-colorpicker-popup', content: this.popupTemplate, positionMode: 'absolute' });
Hi,
If we format kendo-datepicker to (MMMM/dd/yyyy) and if we enter number of month in input then it is not reflecting and shows month in input field.
As you can see in screenshot, I called (valueChange) event to see the changed value, I have enter 10 in month input field so it shows two value in console, first one is when 1 is press and second is when 0 is pressed after 1 so it gives null and in input field it shows month instead of October.
It is working if we enter first letter of month but it should work if we enter month in number.
Please fix this issue asap.
Thanks.
So the one feature we use a lot in our company revolves around PDF viewing and Image viewing within a component, where we display two or more at the same time. Showing an image is easy, but we have lots of requests for it to be zoomable and after you zoom moveable to look at parts of the image. Same goes for the PDF as we need to display it in a component next to another PDF as it is part of our Quality Check process. And when they are side-by-side they would like to be able to move and zoom each one individually.
Thanks,
Bill