Customized view of date-and-report bar

Author: Evgeniy Kanivets

app/src/main/res/drawable/selector_change_date.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="false" android:drawable="@color/grey"/>
+    <item android:state_pressed="true" android:drawable="@color/dark_grey"/>
+</selector>

app/src/main/res/drawable/selector_report.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="false" android:drawable="@color/yellow_light"/>
+    <item android:state_pressed="true" android:drawable="@color/yellow_dark"/>
+</selector>

app/src/main/res/layout/activity_main.xml

@@ -2,20 +2,23 @@
     android:orientation="vertical"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
-    xmlns:android="http://schemas.android.com/apk/res/android">
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:background="@color/light_grey">
 
     <LinearLayout
         android:orientation="horizontal"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_gravity="center_horizontal">
+        android:layout_gravity="center_horizontal"
+        android:background="@color/grey">
 
         <TextView
             android:layout_width="wrap_content"
             android:layout_height="match_parent"
             android:text="New Text"
             android:id="@+id/tv_from_date"
             android:layout_weight="1"
+            android:background="@drawable/selector_change_date"
             android:gravity="center" />
 
         <TextView
@@ -24,13 +27,16 @@
             android:text="New Text"
             android:id="@+id/tv_to_date"
             android:layout_weight="1"
+            android:background="@drawable/selector_change_date"
             android:gravity="center" />
 
         <Button
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="@string/report"
-            android:id="@+id/btn_report" />
+            android:id="@+id/btn_report"
+            android:background="@drawable/selector_report"
+            android:padding="15dp" />
     </LinearLayout>
 
     <ListView

app/src/main/res/layout/dialog_change_date.xml

@@ -2,7 +2,20 @@
 
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical" android:layout_width="match_parent"
-    android:layout_height="match_parent">
+    android:layout_height="match_parent"
+    android:background="@color/white"
+    android:layout_gravity="center">
+
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:textAppearance="?android:attr/textAppearanceLarge"
+        android:text="@string/change_date"
+        android:background="@color/blue"
+        android:textColor="@color/white"
+        android:gravity="center"
+        android:textAllCaps="true"
+        android:id="@+id/tv_title" />
 
     <DatePicker
         android:layout_width="wrap_content"

app/src/main/res/values/colors.xml

@@ -15,4 +15,13 @@
     <color name="red_light">#ff4444</color>
     <color name="red">#e21d1d</color>
     <color name="red_dark">#cc0000</color>
+
+    <color name="light_grey">#f6f6f6</color>
+    <color name="grey">#e8e8e8</color>
+    <color name="dark_grey">#d6d6d6</color>
+
+    <color name="yellow_light">#ffbd21</color>
+    <color name="yellow">#ffa00e</color>
+    <color name="yellow_dark">#ff8a00</color>
+
 </resources>

app/src/main/res/values/strings.xml

@@ -18,5 +18,6 @@
 
     <string name="wrong_number_text">Sorry, but entered data is wrong!</string>
     <string name="report">Report</string>
+    <string name="change_date">CHANGE THE DATE</string>
 
 </resources>