From 8b5ef68652132b974c8dd1a87cc94afb5efb8460 Mon Sep 17 00:00:00 2001
From: MOHD RAZA <48116868+raza001@users.noreply.github.com>
Date: Mon, 8 Jul 2024 17:15:22 +0530
Subject: [PATCH] fix: datePicker skeleton issue solved (#15675)

* datePicker skeleton issue solved

* Update

---------

Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
---
 packages/features/calendars/DatePicker.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/features/calendars/DatePicker.tsx b/packages/features/calendars/DatePicker.tsx
index 58f98beccf..728a3ea301 100644
--- a/packages/features/calendars/DatePicker.tsx
+++ b/packages/features/calendars/DatePicker.tsx
@@ -266,10 +266,10 @@ const Days = ({
             <div key={`e-${idx}`} />
           ) : props.isPending ? (
             <button
-              className="bg-muted text-muted absolute bottom-0 left-0 right-0 top-0 mx-auto flex w-full items-center justify-center rounded-sm border-transparent text-center font-medium opacity-50 transition"
+              className="bg-muted text-muted absolute bottom-0 left-0 right-0 top-0 mx-auto flex w-full items-center justify-center rounded-sm border-transparent text-center font-medium opacity-90 transition"
               key={`e-${idx}`}
               disabled>
-              <SkeletonText className="h-4 w-5" />
+              <SkeletonText className="h-8 w-9" />
             </button>
           ) : (
             <DayComponent