From 7cc15f5727b584b91e3a544d10d17a3824e4619a Mon Sep 17 00:00:00 2001
From: Martin Minka <martin.minka@gmail.com>
Date: Mon, 24 Feb 2020 00:11:57 +0100
Subject: [PATCH 1/2] add yearRangeReverse property to date picker to sort year
 range in reverse order

---
 jade/page-contents/pickers_content.html |  8 +++++++-
 js/datepicker.js                        | 10 ++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

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..05bf4abc4d 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>'
       );
     }
@@ -604,11 +602,15 @@
         j = 1 + year + opts.yearRange;
       }
 
+      let years = [];
       for (arr = []; i < j && i <= opts.maxYear; i++) {
         if (i >= opts.minYear) {
-          arr.push(`<option value="${i}" ${i === year ? 'selected="selected"' : ''}>${i}</option>`);
+          years.push(
+            `<option value="${i}" ${i === year ? 'selected="selected"' : ''}>${i}</option>`
+          );
         }
       }
+      arr = arr.concat(opts.yearRangeReverse ? years.reverse() : years);
 
       yearHtml = `<select class="datepicker-select orig-select-year" tabindex="-1">${arr.join(
         ''

From 37cb66d18163fba16e02da68a670e8dae93aa601 Mon Sep 17 00:00:00 2001
From: Martin Minka <martin.minka@gmail.com>
Date: Sun, 31 May 2020 12:00:44 +0200
Subject: [PATCH 2/2] optimize to use original arr array

---
 js/datepicker.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/js/datepicker.js b/js/datepicker.js
index 05bf4abc4d..c89c811221 100644
--- a/js/datepicker.js
+++ b/js/datepicker.js
@@ -602,15 +602,14 @@
         j = 1 + year + opts.yearRange;
       }
 
-      let years = [];
       for (arr = []; i < j && i <= opts.maxYear; i++) {
         if (i >= opts.minYear) {
-          years.push(
-            `<option value="${i}" ${i === year ? 'selected="selected"' : ''}>${i}</option>`
-          );
+          arr.push(`<option value="${i}" ${i === year ? 'selected="selected"' : ''}>${i}</option>`);
         }
       }
-      arr = arr.concat(opts.yearRangeReverse ? years.reverse() : years);
+      if (opts.yearRangeReverse) {
+        arr.reverse();
+      }
 
       yearHtml = `<select class="datepicker-select orig-select-year" tabindex="-1">${arr.join(
         ''