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 7598 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 >

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 >

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.

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).

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 ( ) ;

}

Output

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

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 ( ) ;

}

} ) ;

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
L.H.B L.H.B

1-how can i make the edittext not to take the date before current date?
2-how can i make the todate not to take date before or less the from date
greenkraftz

Short and Smiple. Very useful.

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