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
folio-org · Nov 2, 2023 · 95268dd · 95268dd
1 parent d27151a
commit 95268dd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git 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
@@ -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;