diff --git a/.changeset/neat-spies-add.md b/.changeset/neat-spies-add.md
new file mode 100644
index 00000000000..1a23d4df54a
--- /dev/null
+++ b/.changeset/neat-spies-add.md
@@ -0,0 +1,5 @@
+---
+'@razorpay/blade': patch
+---
+
+fix(blade): DatePicker range icon's alignment
\ No newline at end of file
diff --git a/packages/blade/src/components/DatePicker/DateInput.web.tsx b/packages/blade/src/components/DatePicker/DateInput.web.tsx
index af0aa8a8e96..3f519db4bc5 100644
--- a/packages/blade/src/components/DatePicker/DateInput.web.tsx
+++ b/packages/blade/src/components/DatePicker/DateInput.web.tsx
@@ -74,6 +74,9 @@ const HiddenInput = ({
 const iconVerticalMargin = {
   medium: sizeTokens[14],
   large: sizeTokens[24],
+  noLabel: sizeTokens[0],
+  noLabelM: sizeTokens[20],
+  noLabelL: sizeTokens[28],
 } as const;
 const LEFT_LABEL_WIDTH = 132;
 
@@ -212,16 +215,16 @@ const _DatePickerInput = (
             {...referenceProps}
           />
         </BaseBox>
-        <BaseBox flexShrink={0} alignSelf="start">
+        <BaseBox flexShrink={0} alignSelf="center">
           <ArrowRightIcon
             size="medium"
             marginTop={
-              // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.
+              // Label present ? add label height : remove label height; align basebox to center
               hasLabel && (!isLabelPositionLeft || isMobile)
-                ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(
-                    isLarge ? sizeTokens[20] : sizeTokens[15],
-                  )})`
-                : makeSize(iconVerticalMargin[size])
+                ? isLarge
+                  ? makeSize(iconVerticalMargin.noLabelL)
+                  : makeSize(iconVerticalMargin.noLabelM)
+                : makeSize(iconVerticalMargin.noLabel)
             }
           />
         </BaseBox>