vue-datepicker
vue-datepicker copied to clipboard
Month picker in combination with minDate/maxDate has inconsistent UI
Describe the bug
- If minDate is f.e. 20. May. 2023 I cannot select "May" in month picker mode
- This could be fine if the UI would show May as disabled state in this moment. Then it would be arguable to say May is not selectable since minDate is in the "middle of the month and therefore not available"
- But the entry is not in "disabled state" - User can click it but not "select" it.
- IMO this behaviour is strange and missleading for the user. If its not selectable (Button click) it should also be disabled for clicking, right?
- Preferred solution: May can be selected. In this example since minDate is 20. May. 2023, so May 2023 should be selectable as its inside of the "min date limitation"?
To Reproduce
https://codesandbox.io/p/sandbox/vue3-datepicker-monthpicker-issue-8-6-0-qfgcq5?file=%2Fsrc%2FApp.vue
Expected behavior
- Can select May in this case as a month
- If not wanted by design: disable May for the user in the UI (disabled state)
Screenshots
Desktop & mobile (please complete the following information):
- Library version 8.6.0
Issue was also reported in this related issue https://github.com/Vuepic/vue-datepicker/issues/861. But created a new one for this for better reference.