Android: DatePickerDialog on EditText Click Event

In this Android Example, we will see how to open a DatePickerDialog on EditText click event, select the date from the Calendar, and set it in EditText in dd-MM-yyyy format using SimpleDateFormat.

Download “Show DataPickerDialog EditText Click Event” DatePickerDialogEditTextClickEvent.zip – Downloaded 5812 times – 1 MB

Android Project

Create a new Android project and name it as DatePickerDialogEditTextClickEvent.

Resources

Layout Files

activity_main.xml

This XML layout file (activity_main.xml) is used for defining EditText. Open activity_main.xml file in res/layout and copy the following content.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:weightSum="1"
    tools:context=".MainActivity" >

    <EditText
        android:id="@+id/etxt_fromdate"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".5"
        android:hint="@string/from_date" />

    <EditText
        android:id="@+id/etxt_todate"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".5"
        android:hint="@string/to_date" />

</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:weightSum="1"

tools:context=".MainActivity" >

<EditText

android:id="@+id/etxt_fromdate"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight=".5"

android:hint="@string/from_date" />

<EditText

android:id="@+id/etxt_todate"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight=".5"

android:hint="@string/to_date" />

</LinearLayout>

strings.xml

Open res/values/strings.xml and replace it with following content.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">DatePickerDialogEditTextClickEvent</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">Hello world!</string>
    
    <string name="from_date">From Date</string>
    <string name="to_date">To Date</string>
</resources>

<?xml version="1.0" encoding="utf-8"?>

<string name="app_name">DatePickerDialogEditTextClickEvent</string>

<string name="action_settings">Settings</string>

<string name="hello_world">Hello world!</string>

</resources>

Source files

Activity Class

Open your activity class (MainActivity.java) and copy the following code.

package com.androidopentutorials.datepickeredittext;

import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Locale;

import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.DatePickerDialog.OnDateSetListener;
import android.os.Bundle;
import android.text.InputType;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.DatePicker;
import android.widget.EditText;

public class MainActivity extends Activity implements OnClickListener {

	//UI References
	private EditText fromDateEtxt;
	private EditText toDateEtxt;
	
	private DatePickerDialog fromDatePickerDialog;
	private DatePickerDialog toDatePickerDialog;
	
	private SimpleDateFormat dateFormatter;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		dateFormatter = new SimpleDateFormat("dd-MM-yyyy", Locale.US);
		
		findViewsById();
		
		setDateTimeField();
	}

	private void findViewsById() {
		fromDateEtxt = (EditText) findViewById(R.id.etxt_fromdate);	
		fromDateEtxt.setInputType(InputType.TYPE_NULL);
		fromDateEtxt.requestFocus();
		
		toDateEtxt = (EditText) findViewById(R.id.etxt_todate);
		toDateEtxt.setInputType(InputType.TYPE_NULL);
	}

	private void setDateTimeField() {
		fromDateEtxt.setOnClickListener(this);
		toDateEtxt.setOnClickListener(this);
		
		Calendar newCalendar = Calendar.getInstance();
		fromDatePickerDialog = new DatePickerDialog(this, new OnDateSetListener() {

	        public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
	            Calendar newDate = Calendar.getInstance();
	            newDate.set(year, monthOfYear, dayOfMonth);
	            fromDateEtxt.setText(dateFormatter.format(newDate.getTime()));
	        }

	    },newCalendar.get(Calendar.YEAR), newCalendar.get(Calendar.MONTH), newCalendar.get(Calendar.DAY_OF_MONTH));
		
		toDatePickerDialog = new DatePickerDialog(this, new OnDateSetListener() {

	        public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
	            Calendar newDate = Calendar.getInstance();
	            newDate.set(year, monthOfYear, dayOfMonth);
	            toDateEtxt.setText(dateFormatter.format(newDate.getTime()));
	        }

	    },newCalendar.get(Calendar.YEAR), newCalendar.get(Calendar.MONTH), newCalendar.get(Calendar.DAY_OF_MONTH));
	}
	
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public void onClick(View view) {
		if(view == fromDateEtxt) {
			fromDatePickerDialog.show();
		} else if(view == toDateEtxt) {
			toDatePickerDialog.show();
		}		
	}
}

package com.androidopentutorials.datepickeredittext;

import java.text.SimpleDateFormat;

import java.util.Calendar;

import java.util.Locale;

import android.app.Activity;

import android.app.DatePickerDialog;

import android.app.DatePickerDialog.OnDateSetListener;

import android.os.Bundle;

import android.text.InputType;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.DatePicker;

import android.widget.EditText;

public class MainActivity extends Activity implements OnClickListener {

//UI References

private EditText fromDateEtxt;

private EditText toDateEtxt;

private DatePickerDialog fromDatePickerDialog;

private DatePickerDialog toDatePickerDialog;

private SimpleDateFormat dateFormatter;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

dateFormatter = new SimpleDateFormat("dd-MM-yyyy", Locale.US);

findViewsById();

setDateTimeField();

}

private void findViewsById() {

fromDateEtxt = (EditText) findViewById(R.id.etxt_fromdate);

fromDateEtxt.setInputType(InputType.TYPE_NULL);

fromDateEtxt.requestFocus();

toDateEtxt = (EditText) findViewById(R.id.etxt_todate);

toDateEtxt.setInputType(InputType.TYPE_NULL);

}

private void setDateTimeField() {

fromDateEtxt.setOnClickListener(this);

toDateEtxt.setOnClickListener(this);

Calendar newCalendar = Calendar.getInstance();

fromDatePickerDialog = new DatePickerDialog(this, new OnDateSetListener() {

public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {

Calendar newDate = Calendar.getInstance();

newDate.set(year, monthOfYear, dayOfMonth);

fromDateEtxt.setText(dateFormatter.format(newDate.getTime()));

}

},newCalendar.get(Calendar.YEAR), newCalendar.get(Calendar.MONTH), newCalendar.get(Calendar.DAY_OF_MONTH));

toDatePickerDialog = new DatePickerDialog(this, new OnDateSetListener() {

public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {

Calendar newDate = Calendar.getInstance();

newDate.set(year, monthOfYear, dayOfMonth);

toDateEtxt.setText(dateFormatter.format(newDate.getTime()));

}

},newCalendar.get(Calendar.YEAR), newCalendar.get(Calendar.MONTH), newCalendar.get(Calendar.DAY_OF_MONTH));

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

@Override

public void onClick(View view) {

if(view == fromDateEtxt) {

fromDatePickerDialog.show();

} else if(view == toDateEtxt) {

toDatePickerDialog.show();

}

We create an instance for SimpleDateFormat to display the date in “dd-MM-yyyy” format.
dateFormatter = new SimpleDateFormat(“dd-MM-yyyy”, Locale.US);
The following code sets on click listener for EditText.

fromDateEtxt.setOnClickListener(this);
toDateEtxt.setOnClickListener(this);

1 2	fromDateEtxt.setOnClickListener(this); toDateEtxt.setOnClickListener(this);

We declare two instances of DatePickerDialog – fromDatePickerDialog, toDatePickerDialog – by using the constructor DatePickerDialog(Context context, DatePickerDialog.OnDateSetListener callBack, int year, int monthOfYear, int dayOfMonth).
We implement the DatePickerDialog.OnDateSetListener interface to receive a callback when the user sets the date. In the onDateSet() callback we set the date selected by the user in the EditText (using SimpleDateFormat “dd-MM-yyyy” format).

fromDateEtxt.setText(dateFormatter.format(newDate.getTime()));

1	fromDateEtxt.setText(dateFormatter.format(newDate.getTime()));

We display the date picker dialog by calling show() method on dialog instance in onClick listener of EditText.

@Override
public void onClick(View view) {
	if(view == fromDateEtxt) {
		fromDatePickerDialog.show();
	} else if(view == toDateEtxt) {
		toDatePickerDialog.show();
	}		
}

@Override

public void onClick(View view) {

if(view == fromDateEtxt) {

fromDatePickerDialog.show();

} else if(view == toDateEtxt) {

toDatePickerDialog.show();

}

Output

Tags:android edittext onclick datepicker, Android Examples, calendar, calendar datepickerdialog, datepickerdialog, edittext, edittext click event

About The Author

nithya

Bishal
saved my time. Thanks

http://my.opera.com/sufian88/blog/ Sufian

Nice solution but it doesn’t work if the

EditText

EditText

wasn’t focused. To fix this, I added a OnFocusChangeListener like following :

mEtDoB.setOnFocusChangeListener(new OnFocusChangeListener() {
	@Override
	public void onFocusChange(View v, boolean hasFocus) {
		if(hasFocus)
			openDatePicker();
	}
});

mEtDoB.setOnFocusChangeListener(new OnFocusChangeListener() {

@Override

public void onFocusChange(View v, boolean hasFocus) {

if(hasFocus)

openDatePicker();

}

});

http://qaleps.tumblr.com Alejandro Lagos
Cool, thanks a lot.
do you know how to set a max date for the DatePickerDialog?
- http://my.opera.com/sufian88/blog/ Sufian
  DatePicker‘s setMaxDate() will help you for API 11 and above.
  For pre-11, check this SO answer.
http://my.opera.com/sufian88/blog/ Sufian
Updated. Was having trouble when my Activity was recreated/restored.
Madhu
Simple Solution. works awesome:)

Sean Baergen
What is the licence on this code?
- nidamanuri chandu
  plz….help me…
  My activity class error shown in getInstnace()
  How to solve??
  http://disq.us/url?url=http%3A%2F%2Fdisqus.com%2Fverify%2F%3Flang%3Den-us%26token%3DIzkwmfO7GRsQBfWGqzNnDdtd6puQ4GBO%26user%3D207908921%3A3o-oIUTVm6lAFqmcUNyDgi1-L1k&impression=85059946-1912-11e6-a466-0025902db96c&type=welcome.verify&event=email&behavior=click
Harshad
code is right…
but when I am changing fromdate next time without changing todate ,month of todate gets incremented by 12 .At same time when I change both fromdate and todate things work properly
Whats the problem?????
Please rply asap………….
http://themasterworld.com/ The Master World
Edit text in android studio
if you are beginner and how to create text view in android then this lecture can help a lot
http://themasterworld.com/edit-text-in-android-studio/
http://themasterworld.com/ The Master World
Edit text in android studio
if you are beginner and do not how to create a text fied in android then this lecture can help a lot
http://themasterworld.com/edit-text-in-android-studio/
http://themasterworld.com/ The Master World
Button and its click events in android
if you are beginner and do not know how create Button and its click events in android
http://themasterworld.com/android-button-help-to-create-button/
VIJAY T
hi Thanks
I need both date and time picker.it would be cery helpful to me
Krishna Chandramouli
excellent article, thanks for the tutorial.
Derrick Njenga
Awesome tut. Helped me alot.
Thanks
Gokul G
how to validate end date greater than start date .
android developer
Nice tutorial but how can i select only month and year without date
abderrahim zaghouri
Nice it’s helpful . thanks a lot =D
fayzal
thank you, very helpful
Rakshit
To avoid the keyboard popup along with the datepicker.
editText_input_date.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
int inType = editText_input_date.getInputType(); // backup the input type
editText_input_date.setInputType(InputType.TYPE_NULL); // disable soft input
editText_input_date.onTouchEvent(event); // call native handler
editText_input_date.setInputType(inType); // restore input type
return true;
}
});
Desarrollo Escuintla
Excellent material, it was great help for me.
Parimal Debbarma
Very nice tutorial.But how to calculate day from this two date picker.
Ankit Palli
Hi nithya, Really ossom tutorial … I have implemented it and had charming run….
I have made my own tutorial on this hope u like it to include here…
http://www.ankitpalli.com/2017/06/DateTimePickerInAndroid.html
Ankit Palli
Hi nithya, Really ossom tutorial … I have implemented it and had charming run….
I have made my own tutorial on this hope u like it to include here …
http://www.ankitpalli.com/2017/06/DateTimePickerInAndroid.html

M	T	W	T	F	S	S
« Mar
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31