fix: date picker height issue (#2570)

* fix: date picker with fixed height

* chore: added changeset

* chore: update changelog

Author: tewarig

.changeset/polite-crews-accept.md

@@ -0,0 +1,5 @@
+---
+'@razorpay/blade': patch
+---
+
+fix(blade): datepicker height change issue

packages/blade/src/components/DatePicker/DatePicker.web.tsx

@@ -225,7 +225,11 @@ const DatePicker = <Type extends DateSelectionType = 'single'>({
         flexDirection="column"
         gap="spacing.5"
         padding={{ m: 'spacing.6', s: 'spacing.0' }}
+        /* We only need to set height for day picker, for year picker
+         or month  it should be auto. */
+        height={_picker === 'day' ? '447px' : 'auto'}
         backgroundColor="surface.background.gray.intense"
+        justifyContent="space-between"
       >
         <Calendar
           {...props}