lib-pajakio-v2 1.0.19 → 1.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lib-pajakio-v2",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "private": false,
   "main": "./dist/lib-pajakio-v2.common.js",
   "scripts": {

package/src/components/DashboardHeader/index.vue

@@ -47,6 +47,9 @@
         </div>
 
         <div v-if="showNotification" class="notification-dropdown box-shadow">
+          <div v-if="hasNotifications" class="notification-header">
+            Silakan klik untuk menyelesaikan tugas
+          </div>
           <div v-if="hasNotifications" class="notification-list">
             <div
               v-for="item in notificationItems"
@@ -509,6 +512,13 @@ export default {
     gap: 10px;
   }
 
+  .notification-header {
+    font-size: 12px;
+    line-height: 1.35;
+    color: #748399;
+    margin-bottom: 10px;
+  }
+
   .notification-item {
     display: flex;
     gap: 10px;
@@ -760,6 +770,11 @@ export default {
       gap: 8px;
     }
 
+    .notification-header {
+      font-size: 11px;
+      margin-bottom: 8px;
+    }
+
     .notification-item-title {
       font-size: 14px;
       line-height: 1.35;

package/src/components/DatePicker/index.vue

@@ -841,6 +841,10 @@ export default {
       }
     },
     selectValue(day) {
+      if (!day || day.disabled || (this.pickerType == "day" && !day.label)) {
+        return;
+      }
+
       switch (this.mode) {
         case "single":
           this.dataSelected = day;
@@ -858,7 +862,12 @@ export default {
             // Complete drag selection
           } else {
             this.selectEnd = day
-            const { start, end } = this.normalizedDragRange;
+            // Ensure second click always becomes the range end (don't rely on hover state).
+            this.dragRange = {
+              ...this.dragRange,
+              end: day.date,
+            };
+            const { start, end } = this.normalizeRange(this.dragRange);
             // Clear drag selection
             this.dragRange = null;
             this.$emit("update:modelValue", { start: this.formatDateRange(start, "start"), end: this.formatDateRange(end, "end") });
@@ -1236,8 +1245,18 @@ export default {
       } else {
         if (this.clearAble) {
           this.dataSelected = {};
+          this.selectEnd = null;
+          this.dragRange = null;
           this.dataValue = null
           this.month = this.todayComps.month
+          this.year = this.todayComps.year
+          if (this.mode == "range") {
+            this.valueMonthStart = this.todayComps.month;
+            this.valueYearStart = this.todayComps.year;
+            const nextMonth = this.nextMonthComps();
+            this.valueMonthEnd = nextMonth.month;
+            this.valueYearEnd = nextMonth.year;
+          }
           this.$emit("update:modelValue", null);
         } 
       }