Merge pull request #979 from DTS-STN/update-datepicker

Update datepicker
DTS-STN · Aug 17, 2023 · 7c85a08 · 7c85a08
2 parents 0c8884a + 1127772
commit 7c85a08
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,14 @@
 # Changelog
 
+## [1.67.9](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.67.8...v1.67.9) (2023-08-14)
+
+
+### Bug Fixes
+
+* add className prop to footer ([7c6ad94](https://github.com/DTS-STN/Service-Canada-Design-System/commit/7c6ad94756106d7f5d0255192cca06ec31b51ac8))
+* add explicit css class to footer ([4fcdb5a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/4fcdb5ab13d6c0c5472622c1af22b81d66ef0259))
+* update font on li ([00b7d7b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/00b7d7bb65ccc7612ab6b0682d9d1396085ccab5))
+
 ## [1.67.8](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.67.7...v1.67.8) (2023-08-08)
 
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dts-stn/service-canada-design-system",
-  "version": "1.67.8",
+  "version": "1.67.9",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",

diff --git a/src/components/CustomDropdown/CustomDropdown.css b/src/components/CustomDropdown/CustomDropdown.css
@@ -19,6 +19,7 @@
   padding-right: 14px;
   outline: none;
   color: #6f6f6f;
+  background-color: rgba(255, 255, 255, 1);
 }
 
 .dropdown-open {
@@ -33,6 +34,7 @@
   padding-left: 14px;
   cursor: pointer;
   outline: none;
+  background-color: rgba(255, 255, 255, 1);
 }
 
 .dropdown-option:hover {

diff --git a/src/components/CustomDropdown/CustomDropdown.js b/src/components/CustomDropdown/CustomDropdown.js
@@ -81,7 +81,9 @@ export const CustomDropdown = (props) => {
                           index === 0
                             ? "ds-border-none"
                             : "ds-border-t-[1px] ds-border-[#666666] ds-border-opacity-60"
-                        } ${option.value === selectedOption ? "selected" : ""}`}
+                        } ${
+                          option.value === selectedOption ? "selected" : ""
+                        } ds-list-none`}
                       >
                         <button
                           onClick={() => handleOptionClick(option.value)}
@@ -104,7 +106,9 @@ export const CustomDropdown = (props) => {
                           index === 0
                             ? "ds-border-none"
                             : "ds-border-t-[1px] ds-border-[#666666] ds-border-opacity-60"
-                        } ${option.value === selectedOption ? "selected" : ""}`}
+                        } ${
+                          option.value === selectedOption ? "selected" : ""
+                        } ds-list-none`}
                       >
                         <button
                           onClick={() => handleOptionClick(option.value)}

diff --git a/src/components/FormDatePicker/FormDatePicker.js b/src/components/FormDatePicker/FormDatePicker.js
@@ -187,7 +187,7 @@ export function FormDatePicker(props) {
               min={"1"}
               max={maxDay}
               onChange={_onDayChange}
-              className={`ds-w-[51px] ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-py-5px ds-outline-none ${validationClass}`}
+              className={`ds-w-[51px] ds-h-[44px] ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-py-5px ds-outline-none ${validationClass}`}
             />
           </div>
         ) : null}
@@ -203,7 +203,7 @@ export function FormDatePicker(props) {
               min={minYear}
               max={maxYear}
               onChange={_onYearChange}
-              className={`ds-w-[74px] ds-py-5px ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-outline-none ${validationClass}`}
+              className={`ds-w-[74px] ds-h-[44px] ds-py-5px ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-outline-none ${validationClass}`}
             />
           </div>
         ) : null}