@everymatrix/cashier-method-details 1.32.0 → 1.32.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-method-details",
-  "version": "1.32.0",
+  "version": "1.32.5",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "945c13abdd91674a919f38954bfa8a87e819f295"
+  "gitHead": "a3096f13856353f2f8dcbe461499635eba1f4136"
 }

package/src/CashierMethodDetails.svelte

@@ -832,9 +832,7 @@
                              on:blur={() => { showError[field.name] = true; dateTimeValidation(field) }}
                              bind:this={flatpickrEl[flatpickrEl.length]}
                       >
-                      {#if isMobile(userAgent)}
                       <div class="MobileDateInput">{prepareFields[field.name] || field.placeholder}</div>
-                      {/if}
                     </div>
                     {:else if field.type === FieldTypes.Number || field.type === FieldTypes.Money}
                       <input type="number" placeholder="{field.placeholder}" bind:value={prepareFields[field.name]}
@@ -1280,16 +1278,28 @@
 }
   .DateInput {
     position: relative;
-    &:has(.MobileDateInput) .DateTimePicker {
-      font-size: 0;
+    .MobileDateInput {
+      display: none;
+    }
+    &:has(.flatpickr-mobile) {
+      .DateTimePicker {
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        background: none;
+        width: -webkit-fill-available;
+        font-size: 0;
+        width: -moz-available;
+      }
+      .MobileDateInput {
+        display: block;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);    
+        left: 15px;
+      }
     }
   }
-  .MobileDateInput {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);    
-    left: 15px;
-  }
+
   .DateTimePicker {
     width: -webkit-fill-available;
     width: -moz-available;
@@ -1362,14 +1372,5 @@
       font-size: var(--emw--font-size-2x-small, 10px);
     }
 
-    .DateTimePicker {
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      font-size: inherit;
-      background: none;
-      width: -webkit-fill-available;
-      font-size: 0;
-      width: -moz-available;
-    }
 }
 </style>