From 5e21f4bb7443d939d881ef2964e9caf49a7fff2c Mon Sep 17 00:00:00 2001
From: Eduard Predescu <eduard.florin.predescu@gmail.com>
Date: Mon, 15 Apr 2024 23:22:52 +0300
Subject: [PATCH] fix: head cell styling not fitting full width

---
 .../default/example/DatePickerWithIndependentMonths.vue        | 3 +++
 .../new-york/example/DatePickerWithIndependentMonths.vue       | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue b/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
index e1a54d77..9aa80f1a 100644
--- a/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
+++ b/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
@@ -19,6 +19,7 @@ import {
   RangeCalendarCellTrigger,
   RangeCalendarGrid,
   RangeCalendarGridBody,
+  RangeCalendarGridHead,
   RangeCalendarGridRow,
   RangeCalendarHeadCell,
 } from '@/lib/registry/default/ui/range-calendar'
@@ -181,6 +182,7 @@ watch(secondMonthPlaceholder, (_secondMonthPlaceholder) => {
                   <RangeCalendarHeadCell
                     v-for="day in weekDays"
                     :key="day"
+                    class="w-full"
                   >
                     {{ day }}
                   </RangeCalendarHeadCell>
@@ -249,6 +251,7 @@ watch(secondMonthPlaceholder, (_secondMonthPlaceholder) => {
                   <RangeCalendarHeadCell
                     v-for="day in weekDays"
                     :key="day"
+                    class="w-full"
                   >
                     {{ day }}
                   </RangeCalendarHeadCell>
diff --git a/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue b/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
index ceebaa22..ee5c408f 100644
--- a/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
+++ b/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
@@ -19,6 +19,7 @@ import {
   RangeCalendarCellTrigger,
   RangeCalendarGrid,
   RangeCalendarGridBody,
+  RangeCalendarGridHead,
   RangeCalendarGridRow,
   RangeCalendarHeadCell,
 } from '@/lib/registry/new-york/ui/range-calendar'
@@ -179,6 +180,7 @@ watch(secondMonthPlaceholder, (_secondMonthPlaceholder) => {
                   <RangeCalendarHeadCell
                     v-for="day in weekDays"
                     :key="day"
+                    class="w-full"
                   >
                     {{ day }}
                   </RangeCalendarHeadCell>
@@ -245,6 +247,7 @@ watch(secondMonthPlaceholder, (_secondMonthPlaceholder) => {
                   <RangeCalendarHeadCell
                     v-for="day in weekDays"
                     :key="day"
+                    class="w-full"
                   >
                     {{ day }}
                   </RangeCalendarHeadCell>