Commit 31389e556b1 for woocommerce

commit 31389e556b1e0b0e4df5f24f43d144748ecbb6b7
Author: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date:   Mon Mar 30 10:57:25 2026 +0800

    Fix date range input height increased on WP 7.0 (#63844)

    * fix: date range input height increase on WP 7.0

    - Use explicit font-size (13px) instead of font-size mixin which
      converts to rem and renders larger than intended in WP admin
    - Add explicit line-height: 2 to override WP 7.0 default change
      from 2 to 2.71429 on input elements

    * Add changefile(s) from automation for the following project(s): @woocommerce/components

    * fix: remove duplicate changelog entry

    * fix: revert font-size change, keep only line-height fix

    * fix: revert unrelated linter changes, keep only line-height fix

    * Update packages/js/components/src/calendar/style.scss

    Co-authored-by: louwie17 <lourensschep@gmail.com>

    * Update packages/js/components/src/calendar/style.scss

    Co-authored-by: louwie17 <lourensschep@gmail.com>

    ---------

    Co-authored-by: woocommercebot <woocommercebot@users.noreply.github.com>
    Co-authored-by: louwie17 <lourensschep@gmail.com>

diff --git a/packages/js/components/changelog/63844-fix-date-range-input-height-wp70 b/packages/js/components/changelog/63844-fix-date-range-input-height-wp70
new file mode 100644
index 00000000000..df552870d48
--- /dev/null
+++ b/packages/js/components/changelog/63844-fix-date-range-input-height-wp70
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix date range input height increase on WP 7.0 by aligning with WordPress input styling
\ No newline at end of file
diff --git a/packages/js/components/src/calendar/style.scss b/packages/js/components/src/calendar/style.scss
index 2815ebdd577..186094f05a8 100644
--- a/packages/js/components/src/calendar/style.scss
+++ b/packages/js/components/src/calendar/style.scss
@@ -168,9 +168,10 @@
 	.woocommerce-calendar__input-text {
 		color: $gray-700;
 		border-radius: 3px;
-		padding: 10px 10px 10px 30px;
+		padding: 0 10px 0 30px;
 		width: 100%;
 		@include font-size( 13 );
+		min-height: 40px;

 		&::placeholder {
 			color: $gray-700;