diff --git a/packages/input-datepicker/src/LionCalendarOverlayFrame.js b/packages/input-datepicker/src/LionCalendarOverlayFrame.js
index 54e23e527..b5aa4cca7 100644
--- a/packages/input-datepicker/src/LionCalendarOverlayFrame.js
+++ b/packages/input-datepicker/src/LionCalendarOverlayFrame.js
@@ -1,4 +1,4 @@
-import { html, css, LitElement } from '@lion/core';
+import { css, html, LitElement } from '@lion/core';
 import { LocalizeMixin } from '@lion/localize';
 
 export class LionCalendarOverlayFrame extends LocalizeMixin(LitElement) {
@@ -111,7 +111,7 @@ export class LionCalendarOverlayFrame extends LocalizeMixin(LitElement) {
             <slot name="close-icon">&times;</slot>
           </button>
         </div>
-        <slot></slot>
+        <slot name="content"></slot>
       </div>
     `;
   }
diff --git a/packages/input-datepicker/src/LionInputDatepicker.js b/packages/input-datepicker/src/LionInputDatepicker.js
index 785536ae4..18901bf4b 100644
--- a/packages/input-datepicker/src/LionInputDatepicker.js
+++ b/packages/input-datepicker/src/LionInputDatepicker.js
@@ -1,8 +1,7 @@
+import '@lion/calendar/lion-calendar.js';
 import { html, ifDefined, render } from '@lion/core';
 import { LionInputDate } from '@lion/input-date';
-import { withModalDialogConfig, OverlayMixin } from '@lion/overlays';
-
-import '@lion/calendar/lion-calendar.js';
+import { OverlayMixin, withModalDialogConfig } from '@lion/overlays';
 import './lion-calendar-overlay-frame.js';
 
 /**
@@ -230,6 +229,7 @@ export class LionInputDatepicker extends OverlayMixin(LionInputDate) {
   _calendarTemplate() {
     return html`
       <lion-calendar
+        slot="content"
         id="calendar"
         .selectedDate="${this.constructor.__getSyncDownValue(this.modelValue)}"
         .minDate="${this.__calendarMinDate}"