wakirin
commented
3 years ago Displayed dates not within drop down values
This case can be fixed with maxDate: '2020-12-31'
In this instance, I would perhaps expect Jan 2020 as the first block, since it's the first month in the range.
In the next release, if you provide both options (minDate, maxDate), the calendar will be displayed with minDate. (but if the range contains the current month, the calendar will display the current month).
Currently if you need to go to a specific date, you can use gotoDate, for example:
...
setup: (picker) => {
picker.gotoDate('2020-01-01')
}
....Single month date range display?
Max year wrong for single month date range, with splitView
These cases will be fixed in the next release.
Thanks for the detailed information.
onelazydev
The year dropdown can display unexpected values, depending on settings which I will outline below in multiple use cases.
Displayed dates not within drop down values
Example : https://jsfiddle.net/MrMarlow/gbf0so95/
This example outputs last month and this month of the current year, even though the the
minDateandmaxDateare both last year.In this instance, I would perhaps expect Jan 2020 as the first block, since it's the first month in the range.
Single month date range display?
Example : https://jsfiddle.net/MrMarlow/tdkx8acs/
I accept this is probably preference, but from a design perspective I would expect the above example to return January 2020 as the first panel, with Feb 2020 as the second. As the single month is the target for display, it should be the first month displayed?
This is amplified as a problem for the third example below.
Max year wrong for single month date range, with splitView
Example: https://jsfiddle.net/MrMarlow/Lrutv6wo/
As above, the solution to this would be to move the first month (
minDate) to the first of the 2 months on show as addingsplitViewactually adds another year to the second month for some reason, showing 2021 in the example, rather than 2020.Extension of above
If you extend to 2 months, the expected result would be the 2 selected months on display as the initialised view, however the year in the second view remains one year ahead of the first calendar, like in this example: https://jsfiddle.net/MrMarlow/4qhs9ob5/
If you need any more information from me, do ask.