From 9489e51574575e63892ce613844b4102ec8fed7d Mon Sep 17 00:00:00 2001
From: maxpozdeev <maxpozdeev@gmail.com>
Date: Wed, 4 Oct 2023 23:17:34 +0300
Subject: [PATCH] * add ability to select month and year in due date picker

---
 src/content/mytinytodo.js   |  4 +++-
 src/content/theme/style.css | 18 +++++++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/content/mytinytodo.js b/src/content/mytinytodo.js
index 91e21cb..a7cdc35 100644
--- a/src/content/mytinytodo.js
+++ b/src/content/mytinytodo.js
@@ -105,7 +105,7 @@ var mytinytodo = window.mytinytodo = _mtt = {
             this.__lang = lang;
             this.daysMin = this.__lang.daysMin;
             this.daysLong = this.__lang.daysLong;
-            this.monthsShort = this.__lang.monthsShort;
+            this.monthsShort =this.__lang.monthsLong; //this.__lang.monthsShort;
             this.monthsLong = this.__lang.monthsLong;
         },
 
@@ -412,6 +412,8 @@ var mytinytodo = window.mytinytodo = _mtt = {
             dayNames:_mtt.lang.daysLong,
             monthNamesShort:_mtt.lang.monthsShort,
             monthNames:_mtt.lang.monthsLong,
+            changeMonth: true,
+            changeYear: true,
             isRTL: _mtt.lang.isRTL()
         });
 
diff --git a/src/content/theme/style.css b/src/content/theme/style.css
index c77be5d..abc39e7 100644
--- a/src/content/theme/style.css
+++ b/src/content/theme/style.css
@@ -1032,7 +1032,23 @@ li.task-row.task-expanded .task-note-block { display:block; }
   mask: var(--svg-arr-right) no-repeat; -webkit-mask: var(--svg-arr-right) no-repeat;
   background-color: var(--color-btn-default);
 }
-
+.ui-datepicker select {
+  appearance: none;
+  -webkit-appearance: none; -moz-appearance: none;
+  background: transparent var(--svg-select) no-repeat top 2px right 4px;
+  background-size: 1rem 1rem;
+  padding: 1px 3px;
+  padding-right: calc(1rem + 7px);
+  border: 1px solid var(--color-border-default);
+  border-radius: 2px;
+  color: var(--color-text-default);
+  margin: 0 2px;
+}
+.ui-datepicker select:focus {
+  outline:none;
+  /*border-color: var(--color-border-focus);
+  box-shadow:0 0 0 2px var(--color-border-focus-shadow);*/
+}
 
 .mtt-menu-button {
   user-select: none;