Remove role from disabled options

reedsy · May 30, 2024 · e9efb3d · e9efb3d
1 parent 57c924e
commit e9efb3d
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@reedsy/vuejs-datepicker",
-  "version": "1.6.2-reedsy-2.1.5",
+  "version": "1.6.2-reedsy-2.1.6",
   "description": "A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations",
   "keywords": [
     "vue",

diff --git a/src/components/DaysGrid.vue b/src/components/DaysGrid.vue
@@ -21,7 +21,7 @@
       :aria-selected="day.isSelected"
       class="cell day"
       :class="dayClasses(day)"
-      role="button"
+      :role="day.isDisabled ? null : 'button'"
       :tabindex="isFocused(day) ? 0 : -1"
       @mouseover="mouseOver(day)"
       @focus="mouseOver(day)"

diff --git a/src/components/PickerMonth.vue b/src/components/PickerMonth.vue
@@ -62,7 +62,7 @@
         :aria-selected="month.isSelected"
         :class="{'selected': month.isSelected, 'disabled': month.isDisabled}"
         class="cell month"
-        role="button"
+        :role="month.isDisabled ? null : 'button'"
         :tabindex="month.isFocused ? 0 : -1"
         type="button"
         @keydown.right.prevent="focusNextMonth"

diff --git a/src/components/PickerYear.vue b/src/components/PickerYear.vue
@@ -56,7 +56,7 @@
         :aria-selected="year.isSelected"
         class="cell year"
         :class="{ 'selected': year.isSelected, 'disabled': year.isDisabled }"
-        role="button"
+        :role="year.isDisabled ? null : 'button'"
         :tabindex="year.isFocused ? 0 : -1"
         type="button"
         @click.stop="selectYear(year)"