1.12.4

adamberecz · adamberecz · commit 76d8bac50b89 · 2025-11-07T10:00:56.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,12 @@
 [//]: # (Don't use <tags>)
 
+## v1.12.4
+
+> `2025-11-07`
+
+### 🐞 Bug Fixes
+- datepicker position fix #148
+
 ## v1.12.3
 
 > `2025-10-30`
diff --git a/index.css b/index.css
@@ -1532,6 +1532,13 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
   @apply -mb-2;
 }
 
+.vfb-config-datepicker .flatpickr-calendar {
+  @apply left-auto right-0;
+}
+.vfb-config-datepicker .flatpickr-calendar:before {
+  @apply left-auto right-6 top-auto bottom-full;
+}
+
 .vfb-mx-px {
   @apply mx-px;
 }
diff --git a/index.mjs b/index.mjs
diff --git a/nuxt/package.json b/nuxt/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueform/builder-nuxt",
-  "version": "1.28.0",
+  "version": "1.29.0",
   "description": "Nuxt module for Vueform Builder",
   "repository": "vueform/builder-nuxt",
   "license": "MIT",
@@ -36,7 +36,7 @@
   "dependencies": {
     "@nuxt/kit": "^3.8.0",
     "@vueform/vueform": "^1.13.6",
-    "@vueform/builder": "^1.12.3"
+    "@vueform/builder": "^1.12.4"
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@vueform/builder",
-  "version": "1.12.3",
+  "version": "1.12.4",
   "description": "Vueform Builder development build.",
   "homepage": "https://vueform.com",
   "license": "SEE LICENSE IN LICENSE.txt",
diff --git a/scss/_utils.scss b/scss/_utils.scss
@@ -553,6 +553,16 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
   @apply -mb-2;
 }
 
+.vfb-config-datepicker {
+  .flatpickr-calendar {
+    @apply left-auto right-0;
+
+    &:before {
+      @apply left-auto right-6 top-auto bottom-full;
+    }
+  }
+}
+
 .vfb-mx-px {
   @apply mx-px;
 }
diff --git a/tailwind.css b/tailwind.css
@@ -1532,6 +1532,13 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
   @apply -mb-2;
 }
 
+.vfb-config-datepicker .flatpickr-calendar {
+  @apply left-auto right-0;
+}
+.vfb-config-datepicker .flatpickr-calendar:before {
+  @apply left-auto right-6 top-auto bottom-full;
+}
+
 .vfb-mx-px {
   @apply mx-px;
 }
diff --git a/vueform.css b/vueform.css
@@ -2486,6 +2486,17 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
   margin-bottom: -0.5rem;
 }
 
+.vfb-config-datepicker .flatpickr-calendar{
+  left: auto;
+  right: 0px;
+}
+.vfb-config-datepicker .flatpickr-calendar:before{
+  left: auto;
+  right: 1.5rem;
+  top: auto;
+  bottom: 100%;
+}
+
 .vfb-mx-px{
   margin-left: 1px;
   margin-right: 1px;

Original file line number	Diff line number	Diff line change
`@@ -1532,6 +1532,13 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {`
`1532`	`1532`	`@apply -mb-2;`
`1533`	`1533`	`}`
`1534`	`1534`
	`1535`	`+.vfb-config-datepicker .flatpickr-calendar {`
	`1536`	`+ @apply left-auto right-0;`
	`1537`	`+}`
	`1538`	`+.vfb-config-datepicker .flatpickr-calendar:before {`
	`1539`	`+ @apply left-auto right-6 top-auto bottom-full;`
	`1540`	`+}`
	`1541`	`+`
`1535`	`1542`	`.vfb-mx-px {`
`1536`	`1543`	`@apply mx-px;`
`1537`	`1544`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"private": false,`
`3`	`3`	`"name": "@vueform/builder",`
`4`		`- "version": "1.12.3",`
	`4`	`+ "version": "1.12.4",`
`5`	`5`	`"description": "Vueform Builder development build.",`
`6`	`6`	`"homepage": "https://vueform.com",`
`7`	`7`	`"license": "SEE LICENSE IN LICENSE.txt",`