Is it possible to open kendo date range picker from a single input field in angular 8 and it should be a convert to text format ex. (Jan 8th - Feb 08th, 2021 ) Please refer the attached image
1 Answer, 1 is accepted
0
Hetali
Telerik team
answered on 10 May 2021, 10:49 PM
| edited on 11 May 2021, 03:09 PM
Hi Chamnal,
In order to show the DateRange in a single input field, use the following custom method:
1. Define the single input field i.e. the TextBox which will open a Popup using the focus event.
public show = false;
public toggle(show?: boolean): void {
this.show = show !== undefined ? show : !this.show;
}
public openMVC() {
this.toggle(true);
}
In this StackBlitz example, the Kendo UI DateRange is shown in a single TextBox with the defined date format and the Calendar shows only one month. The Calendar is not scrollable, but the user can use the navigation buttons on the top-right corner.
Please note that this custom approach is not fully tested and may require further modification.
I hope this helps. Let me know if I can further assist you.
Regards,
Hetali Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Thank you, Is it possible to catch the end date value as a function when the user selecting end date, because I need to pass both values after the user selected end date. and also I need to show the date picker as 2 months as a vertical with a scroll bar, can you help me
Currently we don't have a built-in feature to show two months vertically with a scroll bar. To see this feature added in the future, please vote and follow this feature request in our Kendo UI for Angular Feedback Portal. Based on the votes, feasibility, etc the feature will be considered and added to our roadmap.