feat(calendar): add sunday red mark

privy-open-source · Jul 2, 2024 · df982c3 · df982c3
1 parent a9ee8b3
commit df982c3
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/components/calendar/Calendar.vue b/src/components/calendar/Calendar.vue
@@ -54,6 +54,7 @@
             variant="solid"
             type="button"
             data-testid="calendar-item"
+            class="calendar__item-btn"
             :readonly="item.readonly || disabled || readonly"
             :active="item.active"
             :disabled="item.disabled"
@@ -419,13 +420,19 @@ watch([viewmode, cursor], ([vm, cursor], [vmOld, cursorOld]) => {
     &[viewmode="date"] {
       @apply grid grid-cols-7 gap-y-1;
 
-      .btn--md {
+      .calendar__item-btn.btn--md {
         @apply p-1 md:p-2;
       }
 
-      .btn--outline:nth-child(-n+7) {
+      .calendar__item-btn:nth-child(-n+7) {
         @apply font-medium;
       }
+
+      .calendar__item-btn:nth-child(7n) {
+        &:not([active="true"]) {
+          @apply text-danger dark:text-dark-danger;
+        }
+      }
     }
 
     &[viewmode="month"],