The focused date of the Calendar cannot be changed programmatically

Progress® Kendo® UI for Vue Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 21 Jul 2021 06:05 by ADMIN

Fabien

Created on: 14 Jul 2021 09:17

Category: Calendar

Type: Bug Report

The focused date of the Calendar cannot be changed programmatically

I'm submitting a...

Bug report

Current behavior

When the focused-date property of the Calendar is bound to data property, if you change the value of this property the focused date inside the component is not changing

Expected behavior

If the value of the focused-date property is changed, the new focused date should be applied in the Calendar

Reproduction

Open this StackBlitz example
Change the default focused date to the new one with a click on the "Change focused date" button
Nothing changes in the Calendar

3 comments

ADMIN

Plamen

Posted on: 21 Jul 2021 06:05

Hello,

Thank you for elaborating the issue!

We have inspected it once again, considered the input that you added and decided that we will treat it as a bug. A fix is already available in the 2.3.1 version.

If you have have further questions or you observe other issues please don't hesitate to let us know.

Regards,
Plamen
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/.

Fabien

Posted on: 20 Jul 2021 11:51

Hello Plamen,

Ok for this case.
But when the Calendar's value receive a new array of date, the focusedDate is automaticly update to the new min date (Stackblitz example).
And that is not in your documentation.

With your response, I undestand that I need to re-mount my component every time the array values of Calendar change.
And that is not really great..
Best regards.

ADMIN

Plamen

Posted on: 20 Jul 2021 11:38

Hello,

Currently the focused-date prop is 'Sets the initial focused date of the Calendar.' as it is described in our documentation here(https://www.telerik.com/kendo-vue-ui/components/dateinputs/api/CalendarProps/#toc-focuseddate). If you want to reset it on some occasion you can use the key prop to re-mount the component as it is done here - https://stackblitz.com/edit/abh8fa-uzr89j?file=src/main.vue

Regards,
Plamen
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.