✨ Allow usePopover to be turned on in calendar (#2102)

kirbydesign · Mar 14, 2022 · 85ae73c · 85ae73c
1 parent 985fbbe
commit 85ae73c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/libs/designsystem/src/lib/components/calendar/calendar.component.html b/libs/designsystem/src/lib/components/calendar/calendar.component.html
@@ -15,6 +15,7 @@
   </div>
   <kirby-dropdown
     *ngIf="_hasYearNavigator"
+    [usePopover]="usePopover"
     [selectedIndex]="navigatedYear"
     [items]="navigableYears"
     popout="left"

diff --git a/libs/designsystem/src/lib/components/calendar/calendar.component.ts b/libs/designsystem/src/lib/components/calendar/calendar.component.ts
@@ -79,6 +79,11 @@ export class CalendarComponent implements OnInit, AfterViewInit, OnChanges {
   @Input() disableFutureDates = false;
   @Input() alwaysEnableToday = false;
   @Input() customLocales: { [key: string]: Locale } = {};
+  /* 
+    Experimental: Input property not documented on purpose. 
+    For context see: https://github.com/kirbydesign/designsystem/issues/2087
+  */
+  @Input() usePopover = false;
   /**
    * Configuration for the year navigator.
    *