fix: calendar weeks alignment (#344)

The component's CSS adds additional padding which results in Saturday and Sunday not being aligned with the rest of the days.


---------

Co-authored-by: Sadegh Barati <sadeghbaratiwork@gmail.com>

apps/www/src/lib/registry/default/ui/calendar/Calendar.vue

@@ -147,16 +147,10 @@ const vCalendarSlots = computed(() => {
   @apply mt-4;
 }
 .calendar .vc-weekdays {
-  @apply flex;
+  @apply justify-items-center;
 }
 .calendar .vc-weekday {
-  @apply text-muted-foreground rounded-md w-full font-normal text-[0.8rem];
-}
-.calendar .vc-weekday-1 {
-	@apply pr-3;
-}
-.calendar .vc-weekday-7 {
-	@apply pl-3;
+  @apply text-muted-foreground rounded-md font-normal text-[0.8rem];
 }
 .calendar .vc-weeks {
   @apply w-full space-y-2 flex flex-col [&>_div]:grid [&>_div]:grid-cols-7;

apps/www/src/lib/registry/new-york/ui/calendar/Calendar.vue

@@ -148,16 +148,10 @@ const vCalendarSlots = computed(() => {
   @apply mt-4;
 }
 .calendar .vc-weekdays {
-  @apply flex;
+  @apply justify-items-center;
 }
 .calendar .vc-weekday {
-  @apply text-muted-foreground rounded-md w-full font-normal text-[0.8rem];
-}
-.calendar .vc-weekday-1 {
-	@apply pr-3;
-}
-.calendar .vc-weekday-7 {
-	@apply pl-3;
+  @apply text-muted-foreground rounded-md font-normal text-[0.8rem];
 }
 .calendar .vc-weeks {
   @apply w-full space-y-2 flex flex-col [&>_div]:grid [&>_div]:grid-cols-7;