Creating a Calendar View App in Android

This article demonstrates how to make an Android application that uses CalendarView to display the Calendar. It also provides the option to pick the current date and view the date. The onSelectedDayChange method is provided by the setOnDateChangeListener Interface.

onSelectedDayChange Mthod

With this method, we obtain the user-selected values for the days, months, and years.

Step 1: You will have a layout XML file and java file when you create a new project.

Step 2: Add the CalendarView and TextView by opening your xml file then give TextView and CalendarView IDs. Following this procedure, the xml file screen appears as seen below.

Step 3: Open the activity.java file and declare the type variables for the CalendarView and TextView, then use findViewById() to retrieve them.

Step 4: Add the setOnDateChangeListener interface, which is available in the CalendarView object's setOnDateChangeListener method, now. This method retrieves the dates (days, months, and years) and sets the dates for display in the TextView.

Step 5: The current date will be displayed at the top of the screen after the app has been launched.

XML Code:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
	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"
	tools:context=".MainActivity">
	<!-- Include a TextView to show the date -->
	<TextView
		android:id="@+id/date_view1"
		android:layout_width="150dp"
		android:layout_height="50dp"
		android:layout_alignParentStart="true"
		android:layout_alignParentEnd="true"
		android:layout_marginStart="133dp"
		android:layout_marginLeft="170dp"
		android:layout_marginTop="25dp"
		android:layout_marginEnd="128dp"
		android:text="Please pick a date"
		android:textColor="@android:color/background_dark"
		android:textStyle="bold" />


	<!-- Add CalendarView to display the Calendar -->
	<CalendarView
		android:id="@+id/calendar1"
		android:layout_width="300dp"
		android:layout_height="300dp"
		android:layout_alignParentStart="true"
		android:layout_alignParentEnd="true"
		android:layout_marginStart="49dp"
		android:layout_marginLeft="22dp"
		android:layout_marginTop="100dp"
		android:layout_marginEnd="62dp">
	</CalendarView>
</RelativeLayout>

Java Code:

package org.geeksforgeeks.navedmalik.calendar;


import android.support.annotation.NonNull;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.CalendarView;
import android.widget.TextView;


public class MainActivity extends AppCompatActivity {


	// Set the variables for the TextView
	// and CalendarView types
	CalendarView calendar1;
	TextView date_view1;
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// By ID we can use each componentwhich id is assign in xml file
		// which id is assign in xml file
		// CalendarView and TextView can be 
		// obtained using findViewById()
		Calendar1 = (CalendarView)
			findViewById(R.id.calendar1);
		date_view1 = (TextView)
			findViewById(R.id.date_view1);


		// Calendar Add Listener
		Calendar1.setOnDateChangeListener(new CalendarView
				.OnDateChangeListener() {
					@Override
					// We will obtain the value of 
					// the days, months, and years
					// using the method in this listener
					public void onSelectedDayChange(
						@NonNullCalendarView view,
						int year1,
						int month1,
						int dayOfMonth1)
					{
			// Store the formatted value of the date
			// in a variable of type String
			// Because month indexes begin with
			// 0, add 1 to the month
						String Date1
							= dayOfMonth1 + "-"
							+ (month1 + 1) + "-" + year1;
		// in TextView, enter this date for display
						date_view1.setText(Date1);
	}
	});
	}
}

Output: