From d9847987657beba818140245c5938933291002a9 Mon Sep 17 00:00:00 2001
From: Cavan Klinsky <cavan@gethealthie.com>
Date: Mon, 6 Jan 2020 02:57:16 -0500
Subject: [PATCH] Adding aria labels to nav buttons (#1993)

---
 src/calendar.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/calendar.jsx b/src/calendar.jsx
index 46e770c91c..10dc31af87 100644
--- a/src/calendar.jsx
+++ b/src/calendar.jsx
@@ -379,14 +379,17 @@ export default class Calendar extends React.Component {
       classes.push("react-datepicker__navigation--previous--disabled");
       clickHandler = null;
     }
+    
+    const isForYear = this.props.showMonthYearPicker || this.props.showQuarterYearPicker;
 
     return (
       <button
         type="button"
         className={classes.join(" ")}
         onClick={clickHandler}
+        aria-label={isForYear ? "Previous Year" : "Previous Month"}
       >
-        {this.props.showMonthYearPicker || this.props.showQuarterYearPicker
+        {isForYear 
           ? this.props.previousYearButtonLabel
           : this.props.previousMonthButtonLabel}
       </button>
@@ -441,14 +444,17 @@ export default class Calendar extends React.Component {
       classes.push("react-datepicker__navigation--next--disabled");
       clickHandler = null;
     }
-
+  
+    const isForYear = this.props.showMonthYearPicker || this.props.showQuarterYearPicker;
+    
     return (
       <button
         type="button"
         className={classes.join(" ")}
         onClick={clickHandler}
+        aria-label={isForYear ? "Next Year" : "Next Month"} 
       >
-        {this.props.showMonthYearPicker || this.props.showQuarterYearPicker
+        { isForYear
           ? this.props.nextYearButtonLabel
           : this.props.nextMonthButtonLabel}
       </button>