diff --git a/jade/page-contents/pickers_content.html b/jade/page-contents/pickers_content.html
index 91c443ca77..fdaecbc49a 100644
--- a/jade/page-contents/pickers_content.html
+++ b/jade/page-contents/pickers_content.html
@@ -111,6 +111,12 @@ <h5>Options</h5>
                 <td>10</td>
                 <td>Number of years either side, or array of upper/lower range.</td>
               </tr>
+              <tr>
+                <td>yearRangeReverse</td>
+                <td>Boolean</td>
+                <td>false</td>
+                <td>Sort year range in reverse order</td>
+              </tr>
               <tr>
                 <td>isRTL</td>
                 <td>Boolean</td>
@@ -760,4 +766,4 @@ <h5 class="method-header">
     </div>
 
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/js/datepicker.js b/js/datepicker.js
index 7199dd27e7..c89c811221 100644
--- a/js/datepicker.js
+++ b/js/datepicker.js
@@ -513,9 +513,7 @@
       }
       return (
         `<td data-day="${opts.day}" class="${arr.join(' ')}" aria-selected="${ariaSelected}">` +
-        `<button class="datepicker-day-button" type="button" data-year="${opts.year}" data-month="${
-          opts.month
-        }" data-day="${opts.day}">${opts.day}</button>` +
+        `<button class="datepicker-day-button" type="button" data-year="${opts.year}" data-month="${opts.month}" data-day="${opts.day}">${opts.day}</button>` +
         '</td>'
       );
     }
@@ -609,6 +607,9 @@
           arr.push(`<option value="${i}" ${i === year ? 'selected="selected"' : ''}>${i}</option>`);
         }
       }
+      if (opts.yearRangeReverse) {
+        arr.reverse();
+      }
 
       yearHtml = `<select class="datepicker-select orig-select-year" tabindex="-1">${arr.join(
         ''