fix(datepicker): fix fullwidth

baloise · Aug 6, 2021 · cddd3f2 · cddd3f2
1 parent ef76dcf
commit cddd3f2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/components/src/components/bal-datepicker/bal-datepicker.scss b/packages/components/src/components/bal-datepicker/bal-datepicker.scss
@@ -8,6 +8,10 @@
   display: block;
   position: relative;
   font-family: $family-primary;
+
+  &.is-fullwidth {
+    width: 100%;
+  }
 }
 
 .datepicker-trigger-icon {

diff --git a/packages/components/src/components/bal-datepicker/bal-datepicker.tsx b/packages/components/src/components/bal-datepicker/bal-datepicker.tsx
@@ -466,6 +466,7 @@ export class Datepicker implements ComponentInterface {
         aria-disabled={this.disabled ? 'true' : null}
         class={{
           'is-disabled': this.disabled,
+          'is-fullwidth': this.expanded,
         }}
       >
         <bal-dropdown expanded={this.expanded} fixedContentWidth={true} onBalCollapse={this.onDropdownChange} ref={el => (this.dropdownElement = el as HTMLBalDropdownElement)}>