[DatePicker] Fix arrangement of range text fields

- gives enough space for the text to not wrap when width too narrow PiperOrigin-RevId: 632262914
material-components · May 13, 2024 · 501ae36 · 501ae36
1 parent b301a58
commit 501ae36
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/lib/java/com/google/android/material/datepicker/res/layout/mtrl_picker_text_input_date.xml b/lib/java/com/google/android/material/datepicker/res/layout/mtrl_picker_text_input_date.xml
@@ -26,7 +26,10 @@
   <com.google.android.material.textfield.TextInputLayout
       android:id="@+id/mtrl_picker_text_input_date"
       android:layout_width="match_parent"
-      android:layout_height="wrap_content">
+      android:layout_height="wrap_content"
+      android:minWidth="@dimen/material_textinput_min_width_with_label"
+      android:maxWidth="@dimen/material_textinput_max_width"
+      android:layout_gravity="center_horizontal">
 
     <com.google.android.material.textfield.TextInputEditText
         android:layout_width="match_parent"

diff --git a/...a/com/google/android/material/datepicker/res/layout/mtrl_picker_text_input_date_range.xml b/...a/com/google/android/material/datepicker/res/layout/mtrl_picker_text_input_date_range.xml
@@ -20,17 +20,19 @@
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
-      android:paddingTop="16dp"
+      android:paddingTop="@dimen/mtrl_calendar_text_input_padding_top"
       android:paddingBottom="16dp"
       android:paddingLeft="@dimen/mtrl_calendar_content_padding"
       android:paddingRight="@dimen/mtrl_calendar_content_padding"
-      android:orientation="horizontal">
+      android:orientation="vertical">
 
     <com.google.android.material.textfield.TextInputLayout
         android:id="@+id/mtrl_picker_text_input_range_start"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_weight="1">
+        android:minWidth="@dimen/material_textinput_min_width_with_label"
+        android:maxWidth="@dimen/material_textinput_max_width"
+        android:layout_gravity="center_horizontal">
 
       <com.google.android.material.textfield.TextInputEditText
           android:layout_width="match_parent"
@@ -41,14 +43,16 @@
     </com.google.android.material.textfield.TextInputLayout>
 
     <Space
-        android:layout_width="8dp"
-        android:layout_height="0dp"/>
+        android:layout_width="0dp"
+        android:layout_height="8dp"/>
 
     <com.google.android.material.textfield.TextInputLayout
         android:id="@+id/mtrl_picker_text_input_range_end"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_weight="1">
+        android:minWidth="@dimen/material_textinput_min_width_with_label"
+        android:maxWidth="@dimen/material_textinput_max_width"
+        android:layout_gravity="center_horizontal">
 
       <com.google.android.material.textfield.TextInputEditText
           android:layout_width="match_parent"

diff --git a/lib/java/com/google/android/material/textfield/res/values/dimens.xml b/lib/java/com/google/android/material/textfield/res/values/dimens.xml
@@ -24,6 +24,7 @@
   <!-- Minimum width for text fields without a label. If a label is present,
        minimum width should be 88dp. -->
   <dimen name="material_textinput_min_width">56dp</dimen>
+  <dimen name="material_textinput_min_width_with_label">88dp</dimen>
   <dimen name="material_textinput_max_width">488dp</dimen>
 
   <dimen name="mtrl_textinput_outline_box_expanded_padding">16dp</dimen>