fix

resources/js/WTD/SenaraiBakiLelong.vue

@@ -11,7 +11,7 @@
         </div>
         <div class="p-4">
             <button @click.prevent="callparentload" class="border border-yellow-600 text-white bg-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300">Kembali</button>
-            <button @click.prevent="blockwtd" class="border border-yellow-600 text-white bg-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300">Seterusnya</button>
+            <button @click.prevent="printwtd" class="border border-yellow-600 text-white bg-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300">Seterusnya</button>
         </div>
     </div>
 
@@ -158,6 +158,32 @@ export default {
                 }
             })
 
+        },
+        async printwtd() {
+            let cawangan = 'KB2';
+            let ref = this;
+
+            await this.$swal({
+                title: '<strong>Cetak WTD</strong>',
+                html:
+                    '<button type="button" class="focus:outline-none text-white bg-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:focus:ring-yellow-900">'
+                    + "<i class='fas fa-print'></i>" +'</button>',
+                text: "cetak wtd ini?",
+                showCloseButton: true,
+                showCancelButton: true,
+                focusConfirm: false,
+                confirmButtonText:
+                    'Ya',
+                cancelButtonText:
+                    'Tidak',
+            }).then((result) => {
+                if (result.isConfirmed) {
+
+                   this.blockwtd();
+
+                }
+            })
+
         },
         proseswtd: function () {
             this.axios.post(ref.$hostname + '/admin/wtd/process', {

resources/js/WTD/wtd.vue

@@ -35,6 +35,9 @@
 
 <script>
 import SenaraiBaki from './SenaraiBakiLelong.vue'
+import monthSelectPlugin from 'flatpickr/dist/plugins/monthSelect/index.js'
+import 'flatpickr/dist/plugins/monthSelect/style.css'
+
 export default {
     data() {
         return {
@@ -44,10 +47,14 @@ export default {
             bakilelong:[],
             config: {
                 wrap: false, // set wrap to true only when using 'input-group'
-                // altFormat: 'M j, Y',
-                // altInput: true,
-                dateFormat: 'Y-m-d',
-                maxDate: 'today'    
+                maxDate: 'today',
+                plugins: [
+                    new monthSelectPlugin({
+                    shorthand: true, //defaults to false
+                    dateFormat: "m-Y", //defaults to "F Y"
+                    altFormat: "F Y", //defaults to "F Y"
+                    })
+                ]    
             },
         }
     },

resources/js/app.js

@@ -28,6 +28,7 @@ import VueHtml5Editor from 'vue-html5-editor'
 
 import VueFlatPickr from 'vue-flatpickr-component';
 import 'flatpickr/dist/flatpickr.css';
+
 let ops = {
     // global component name
     name: "vue-html5-editor",