Merge branch 'main' into 2625-create-form-control-invalid-message-css…

…-only-component
swisspost · Jul 10, 2024 · 9c095e2 · 9c095e2
2 parents ef0956c + c6b07ad
commit 9c095e2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/tricky-hats-push.md b/.changeset/tricky-hats-push.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed a bug where the year in the datepicker got cut and fixed the icon placement in the small variant of the datepicker input.
diff --git a/packages/styles/src/components/datepicker.scss b/packages/styles/src/components/datepicker.scss
@@ -66,6 +66,7 @@ ngb-datepicker .ngb-dp-arrow {
   .form-select {
     background-color: transparent;
     font: inherit;
+    min-width: fit-content;
   }
 }
 
@@ -182,7 +183,7 @@ span.ngb-dp-navigation-chevron {
 }
 
 .form-control-sm ~ .ngb-dp-open {
-  height: calc(#{forms.$form-floating-label-height-sm} - #{forms.$input-border-width * 2});
+  height: forms.$input-height-sm;
 }
 
 input[ngbDatepicker] {