diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index 8acebf6f..172400f5 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -390,7 +390,7 @@ export namespace Components {
           * Where the calendar is rendered relative to the input vertically and horizontally. In the format of "[vertical] [horizontal]". Vertical can be auto, above or below (required). Horizontal can be left, center or right. If
           * @attachToElement is passed the value should be in Placement format
          */
-        "position"?: BaseOptions["position"] | Placement;
+        "position"?: BaseOptions['position'] | Placement;
         /**
           * The value is not editable.
          */
@@ -2099,7 +2099,7 @@ declare namespace LocalJSX {
           * Where the calendar is rendered relative to the input vertically and horizontally. In the format of "[vertical] [horizontal]". Vertical can be auto, above or below (required). Horizontal can be left, center or right. If
           * @attachToElement is passed the value should be in Placement format
          */
-        "position"?: BaseOptions["position"] | Placement;
+        "position"?: BaseOptions['position'] | Placement;
         /**
           * The value is not editable.
          */
diff --git a/core/src/components/cat-datepicker/cat-datepicker.tsx b/core/src/components/cat-datepicker/cat-datepicker.tsx
index f0f4ecf4..bcc41d72 100644
--- a/core/src/components/cat-datepicker/cat-datepicker.tsx
+++ b/core/src/components/cat-datepicker/cat-datepicker.tsx
@@ -359,7 +359,7 @@ export class CatDatepickerFlat {
     if (positionElement) {
       computePosition(positionElement as ReferenceElement, flatpickr.calendarContainer, {
         strategy: 'fixed',
-        placement: this.position || 'bottom-start',
+        placement: (this.position as Placement) || 'bottom-start',
         middleware: [flip()]
       }).then(({ x, y, placement }) => {
         if (flatpickr.calendarContainer) {