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.
We would like to use the Angular DatePicker with Fast Navigation Bar style and would like to change the height and width of the monthly view to expand to the size of the device and show multiple months.
After communicating with support we learned this was not currently possible so we are requesting it be added as a feature.
This is going into a mobile application and we would like to use all of the screen to display a calendar control. If it helps to understand conceptually, it would be similar to the Apple Calendar, on Apple Devices, with a few differences but having the months span the entire screen.
We are looking for a calendar control to work in a mobile app written with Angular and using Cordova to deploy as a native application. Since it's a mobile app, it will need to work on a variety of different devices and we want the user experience to be the same for all.
We are implementing something similar to the Apple Calendar. It will have a weekly view at the time, implemented with an in-house control, and clicking on the Month's Name in the top left will open the monthly view which is where we were hoping to use the Telerik control.
We would like the calendar view to fit to the viewport so you do not see any of the app behind the calendar. If in Portrait view, it should be responsive in width but not display any additional data. It's height should expand to see additional weeks, or months if there's enough room.
We don't know exactly what we'll do for Landscape view yet. One thought is that it should be responsive in height but not display more than one month vertically. It should expand in width displaying additional months if the entire month can fit in the viewport. The latter scenario is open to design changes. It could also be implemented similarly to Landscape view.
If the cursor is over the input after changing a date scrolling with the mouse wheel makes the value change.
We need a property just like this one:
When i select a date in Kendo-datepicker it gives me a date which is with the local timezone.
Now if the same thing is opened in different timezone the date differs.
So i would need how do i show the same date irrespective of timezone.
We face some issue with the with keyboard inputs. The current behavior is that the kendo tries to help us the dates right. For example if you have entered the 28th of February and you start to type another new date which should be the 31.12.2019 for example, after typing the first "3" the is immediately jumping to the month after hitting the first number because there is no date in February which has two digits on a day and starts with a "3". So it tries to get the dates right but the user maybe wants to replace the whole date and just want to continue writing the date.
We need a functionality that the not validate the date the way he does it right now, overtake the validation, like turn it off or anything like that?
It will be a nice addition to Kendo UI for Angular[DatePicker, DateTimePicker, DateRange] components to have the ability to replace the Calendar with a custom component like in the following counterparts in Kendo UI for React:
Datepicker open calendar in targeted element by template id.
It would be helpful to allow for a plug-in point in the date-related input components for enabling custom parsing of the entered value before it's formatted. The format would be consistent after the parsing completes, but there are cases where parsing text and converting it are helpful. A few examples might be: - "today" translates to 8/27/2018. - "yesterday" translates to 8/26/2018. - "1" translates to the first of the current month: 8/1/2018. - "nov01/18" translates to 11/1/2018.
I have only noticed this when using the Kendo UI controls in an Angular project. On touch devices when tapping a show/hide toggle button (like the calendar button on a date picker) it causes the calendar to quickly open and close. There seems to be an issue in angular causing the click event to fire twice. I have more notes about the issue and a workaround using a directive to band-aid this for now, but it would be nice if the fix were integrated into a future Kendo UI build. Please refer to ticket 1033999 for more information. http://www.telerik.com/account/support-tickets/view-ticket?threadid=1033999
Datepicker have choice for navigation bar with month instead of fullyear name for the first month in file : "node_modules\@progress\kendo-angular-dateinputs\dist\es\calendar\services\month-view.service.js" line 96, function "navigationTitle()" we can have a boolean to say: ' i want to display month name instead of fullYear for the first month' i don't want to do a monkeyPath to do this ;-) thx a lot
Currently there is no way to reposition the popup calendar from the date input in the date picker component. We would like to be able to set the alignment attributes like that with the popup component.
Disable certain days of the week in the Angular 2+ Datepicker. E.g I want to say disable every Weekend day. Currently only support is max or min date
Please add an option to select multiple dates just like the Kendo UI for jQuery Calendar/DatePicker:
Right now, I can provide a template for the header but that includes the whole template as part of the button to go up a level.
Ideally I want to be able to add a button next to TODAY for custom date calculation
Currently the datePicker and probably other controls that implement the rangeValidation property do not listen to changes on the rangeValidation input.
This is preventing whether range validation is enabled based on other form input changes during user interaction with the form.
Can this be changed so it listens on ngChanges?