tabs and date in modal fix

front/dist/manifest.json

@@ -1,11 +1,11 @@
 {
   "main.js": {
-    "file": "assets/main-1FLcNLEV.js",
+    "file": "assets/main-D9joEh0I.js",
     "name": "main",
     "src": "main.js",
     "isEntry": true,
     "css": [
-      "assets/main-U24QISX_.css"
+      "assets/main-BnJW41Dx.css"
     ]
   }
 }

front/js/svelte/records/elements/Datetime.svelte

@@ -9,13 +9,17 @@
     export let value;
     export let isCreateMode;
     export let validationErrors;
+
     const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     $: errorMessage = getErrorMessage(validationErrors, field.name);
 
     export let id;
+    let wrapperDiv;
     let pickerInput;
     let pickerInstance;
     let flatpickrOptions = {
+        appendTo: wrapperDiv,
+        static: true,
         allowInput: true,
         altInput: true,
         altFormat: "Y-m-d H:i:S",
@@ -40,7 +44,7 @@
     });
 </script>
 
-<div class="mb-0">
+<div class="mb-0" bind:this={wrapperDiv}>
 
     <input
             type="text"

front/sass/_tabs.scss

@@ -3,6 +3,7 @@
   margin: 20px 0 20px;
   display: flex;
   gap: 4px;
+  flex-wrap: wrap;
   .tab{
     list-style: none;
 

front/sass/app.scss

@@ -105,3 +105,6 @@ a {
   position: relative;
 }
 
+.flatpickr-wrapper {
+  display: block!important;
+}