diff --git a/app/Http/Controllers/AkaunController.php b/app/Http/Controllers/AkaunController.php
index 5483f24..2abcd65 100644
--- a/app/Http/Controllers/AkaunController.php
+++ b/app/Http/Controllers/AkaunController.php
@@ -757,8 +757,9 @@ class AkaunController extends Controller
         $tarikh_cetak = $current->toDateString();
         $kodcaw = $request->kodcaw;
         $split_date = explode('-',$request->datestokauditbackdate);
-        $bulan = $split_date[1];
-        $tahun = $split_date[0];
+
+        $bulan = $split_date[0];
+        $tahun = $split_date[1];
 
         if($bulan == 1){
             $namabulan = 'Januari';
diff --git a/resources/js/Akaun/StokAuditBackdate.vue b/resources/js/Akaun/StokAuditBackdate.vue
index f128f2f..5890401 100644
--- a/resources/js/Akaun/StokAuditBackdate.vue
+++ b/resources/js/Akaun/StokAuditBackdate.vue
@@ -17,9 +17,10 @@
                                 <input :value="$kodcaw" name="kodcaw" hidden/>
                                 <input :value="$hostname" name="hostname" hidden/>
                                 <input :value="jenisgenerate" type="hidden" name="jenis" />
+                                <input :value="mula" type="hidden" name="datestokauditbackdate"/>
                                 <span style="background-color: #F9FAFB" class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap">Mula</span>
-                                <input id="tarikhmula" name="datestokauditbackdate" class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2" type="date" />
-
+                                <!-- <input id="tarikhmula" name="datestokauditbackdate" class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2" type="date" /> -->
+                                <flat-pickr v-model="mula" :config="config" class="border border-2 rounded-r px-4 py-2 w-80r mr-2"></flat-pickr>
                                 <!-- <button @click.prevent="generatepdf" class=" mr-2 border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-file-pdf mr-2"></i>PDF</button> -->
                                 <button @click.prevent="generateview" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-eye mr-2"></i>View</button>
                             </div>
@@ -32,12 +33,27 @@
 </template>
 
 <script>
+import monthSelectPlugin from 'flatpickr/dist/plugins/monthSelect/index.js'
+import 'flatpickr/dist/plugins/monthSelect/style.css'
+
 export default {
 
     data(){
         return{
+            mula: null,
             jenisgenerate:'none',
-            kodcaw: ''
+            kodcaw: '',
+            config: {
+                wrap: false, // set wrap to true only when using 'input-group'
+                maxDate: 'today',
+                plugins: [
+                    new monthSelectPlugin({
+                        shorthand: true, //defaults to false
+                        dateFormat: "m-Y", //defaults to "F Y"
+                        altFormat: "F Y", //defaults to "F Y"
+                    })
+                ]
+            },
         }
     },
     methods: {