DatePicker not updating rightaway when invoking max() or min() - with jsbin

[Stefan]

We have the requirement to provide a dynamically changeable date picker that supports changing the min and max options.

Please see this jsbin for an example: http://jsbin.com/uqukuk/1/edit

When you click the "Increase Max Date" button, the max option of the first date picker is adjusted. However, when I open the popup it still shows the old value. Only after I opened the second date picker once (this one is only on the screen to showcase this) I can see the changes in the first one.

So, to summarize:
1. Click "Increase Max Date"
2. Open first date picker popup
3. Expected: MaxDate of Aug. 29th, Actually seeing: still the old max value of Aug. 22nd

1. Click "Increase Max Date"
2. Open the second date picker popup
3. Click away without selecting anything
4. Open the first date picker popup
5. Now the max is correctly adjusted

[Kiril Nikolov]

Hello Stefan,

I have already answered your question in the support ticket that you opened. But I will copy my answer here, if somebody else has the same problem:

This is an issue with the max() method of the Kendo UI DatePicker. I have logged it in our system and it will be fixed. In the mean time I have created a workaround for you that is implementing the functionality you are looking for - it is based on your example. Just to follow the best practices I have created the DatePicker out of an input element, and I am using valid JavaScript dates for the configuration properties.

Please check this jsBin for the above mentioned workaround:

http://jsbin.com/apovuz/1/edit

 

Regards,
Kiril Nikolov
Telerik