fix(core): fix position type for datepicker (#479)

Co-authored-by: anastasiia_glushkova <[email protected]>
haiilo · Mar 11, 2024 · 6588692 · 6588692
1 parent f74f060
commit 6588692
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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) {