src/pages/Ecomerce/CheckoutView.vue

@@ -351,6 +351,7 @@ onMounted(async () => {
                         color="accent"
                         :locale="localeDates"
                         first-day-of-week="1"
+                        :minimal="appStore.isMobile"
                     />
                 </div>
                 <!-- Address step -->

src/stores/app.js

@@ -2,13 +2,12 @@ import { defineStore } from 'pinia';
 import { jApi } from 'boot/axios';
 import useNotify from 'src/composables/useNotify.js';
 import { i18n } from 'src/boot/i18n';
+import { useQuasar } from 'quasar';
 
 const { notify } = useNotify();
 
 export const useAppStore = defineStore('hedera', {
     state: () => ({
-        title: null,
-        subtitle: null,
         imageUrl: '',
         useRightDrawer: false,
         rightDrawerOpen: false,
@@ -134,5 +133,11 @@ export const useAppStore = defineStore('hedera', {
                 notify('orderLoadedIntoBasket', 'positive');
             }
         }
+    },
+    getters: {
+        isMobile() {
+            const $q = useQuasar();
+            return $q?.screen?.width <= 768;
+        }
     }
 });