vue-datepicker icon indicating copy to clipboard operation
vue-datepicker copied to clipboard

Month picker in combination with minDate/maxDate has inconsistent UI

Open NicoHof opened this issue 1 year ago • 0 comments

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 Bildschirmfoto vom 2024-05-13 11-28-29 Bildschirmfoto vom 2024-05-13 11-28-21

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.

NicoHof avatar May 13 '24 09:05 NicoHof