project #7: add a calendar date picker and show the selected date

Author: kmhmubin

AgeInMinutes/.idea/gradle.xml

@@ -1,11 +1,50 @@
 package com.example.ageinminutes
 
-import androidx.appcompat.app.AppCompatActivity
+import android.app.DatePickerDialog
 import android.os.Bundle
+import android.view.View
+import android.widget.Button
+import android.widget.TextView
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import java.util.*
 
 class MainActivity : AppCompatActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
+        // get reference to button
+        val btnDatePicker = findViewById<Button>(R.id.btnDatePicker)
+        btnDatePicker.setOnClickListener { view ->
+            clickDatePicker(view)
+            Toast.makeText(this, "button works", Toast.LENGTH_LONG).show()
+        }
+
+    }
+
+    // calender Date picker function
+
+    fun clickDatePicker(view: View) {
+        val myCalendar = Calendar.getInstance()
+        val year = myCalendar.get(Calendar.YEAR)
+        val month = myCalendar.get(Calendar.MONTH)
+        val day = myCalendar.get(Calendar.DAY_OF_MONTH)
+
+        //open date picker popup
+        DatePickerDialog(
+            this,
+            DatePickerDialog.OnDateSetListener { view, selectedYear, selectedMonth, selectedDayOfMonth ->
+                // assign the user input in the variable and format the view
+                // date will show -> 10/2/2021
+                val selectedDate = "$selectedDayOfMonth/ ${selectedMonth + 1}/ $selectedYear"
+
+                // get the reference of the text view
+                val showSelectedDate = findViewById<TextView>(R.id.tvSelectedDate)
+                showSelectedDate.setText(selectedDate).toString()
+            },
+            year,
+            month,
+            day
+        ).show()
     }
 }

AgeInMinutes/app/src/main/java/com/example/ageinminutes/MainActivity.kt

@@ -1,6 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
@@ -41,7 +40,7 @@
         android:textStyle="bold" />
 
     <Button
-        android:id="@+id/button"
+        android:id="@+id/btnDatePicker"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_marginTop="15dp"
@@ -62,7 +61,7 @@
     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:text="Selected Date"
+        android:text="@string/selected_date"
         android:textColor="#B7B7B7"
         android:textSize="18sp" />
 
@@ -78,7 +77,7 @@
     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:text="Age in minutes"
+        android:text="@string/age_in_minutes"
         android:textColor="#B7B7B7"
         android:textSize="18sp" />
 

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

@@ -4,4 +4,6 @@
     <string name="age">AGE</string>
     <string name="in_minutes">IN MINUTES</string>
     <string name="select_date">SELECT DATE</string>
+    <string name="selected_date">Selected Date</string>
+    <string name="age_in_minutes">Age in minutes</string>
 </resources>