From 95268dd5dee6bae18c73af2859181b9f387de548 Mon Sep 17 00:00:00 2001
From: John Coburn <jcoburn@ebsco.com>
Date: Thu, 2 Nov 2023 16:55:39 -0500
Subject: [PATCH] STCOM-1225 Spinner button hidden in datepicker calendar.
 (#2164)

* Specifically display the calendar number spinner.

* isolate styling of Datepicker's yearinput spinner

* add 'appearance' rule to yearinput selector
---
 CHANGELOG.md                | 1 +
 lib/Datepicker/Calendar.css | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6bb4a7240..536db5bc9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 * Add z-index of 1 to callout out to have it always render on top of sibling elements. Fixes STCOM-1217.
 * Make `<SearchField>` support input and textarea as an input field. Refs STCOM-1220.
 * Add support for new match option `containsAll` in `<AdvancedSearch>`. Refs STCOM-1223.
+* Ensure CSS visibility of datepicker's year input number spinner. Refs STCOM-1225.
 
 ## [12.0.0](https://github.com/folio-org/stripes-components/tree/v12.0.0) (2023-10-11)
 [Full Changelog](https://github.com/folio-org/stripes-components/compare/v11.0.0...v12.0.0)
diff --git a/lib/Datepicker/Calendar.css b/lib/Datepicker/Calendar.css
index c7b1918e7..b6227818e 100644
--- a/lib/Datepicker/Calendar.css
+++ b/lib/Datepicker/Calendar.css
@@ -129,6 +129,11 @@
   width: 8em;
 }
 
+input[type="number"].yearInput::-webkit-inner-spin-button {
+  appearance: initial;
+  opacity: 1;
+}
+
 .daysOfWeek {
   display: flex;
   justify-content: space-between;