Open Calendar on Button Click in Android Example – Kotlin & Java

In this example, you will learn how to open the calendar on button click in Android with an example. Here I use DatePickerDialog, not CalendarView. Beginners tend to use Calendar, that’s why I use that here.

Download Source Code Now

1. Create a button and make it listen for events.

button.setOnClickListener
{

}

button.setOnClickListener(new View.OnClickListener()
        {
            @Override
            public void onClick(View v)
            {

            }
        });

2. Access current date.

//getting current day,month and year.
val year = calendar.get(Calendar.YEAR)
val month = calendar.get(Calendar.MONTH)
val day = calendar.get(Calendar.DAY_OF_MONTH)
       

Calendar calendar = Calendar.getInstance();
        int year=calendar.get(Calendar.YEAR);
        int month=calendar.get(Calendar.MONTH);
        int day=calendar.get(Calendar.DAY_OF_MONTH);

3. Initialize DatePickerDialog with the current date and show it. If you don’t and use 0 as day, month, and year. Then DatePickerDialog shows Feb month 1900.

val datePickerDialog = DatePickerDialog(this@MainActivity, DatePickerDialog.OnDateSetListener
        { view, year, monthOfYear, dayOfMonth ->

           
        }, year, month, day)

datePickerDialog.show()

DatePickerDialog datePickerDialog = new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener()
        {
            @Override
            public void onDateSet(DatePicker view, int year, int month, int dayOfMonth)
            {
            
            }
        }, myear, mMonth, mDay);
        datePickerDialog.show();

Just like below.

edittext.setText("" + dayOfMonth + " - " + (monthOfYear+1) + " - " + year)

• Make your TextView Bold
• Android WebView Example
• Convert Java code to Kotlin in Android Studio

Create Project – Open Calendar on Button click in Android Example

Let’s create a project that sets the date in EditText. When you click on Button, DatePickerDialog shows up, When you select a date, it sets on EditText.

Start a new Android Studio project

Application name: Open Calendar on Button Click in Android Example.

Company domain: androidride.example.com

check to include Kotlin support.

Select minimum SDK: API 15 – Android 4.0.3 (Ice Cream Sandwich) and click Next.

Next dialog, Select Empty Activity and click Next.

Activity Name: MainActivity
Check Generate layout file

Layout Name: activity_main

Click Finish.

Make a layout using below code

colors.xml

    #008577
    #00574B
    #D81B60

strings.xml

    Open Calendar on Button Click in Android Example

styles.xml

activity_main.xml

MainActivity.kt

class MainActivity : AppCompatActivity()
{

    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val calendar= Calendar.getInstance()
        val year = calendar.get(Calendar.YEAR)
        val month = calendar.get(Calendar.MONTH)
        val day = calendar.get(Calendar.DAY_OF_MONTH)


        button.setOnClickListener{

            val datePickerDialog = DatePickerDialog(this@MainActivity, DatePickerDialog.OnDateSetListener
            { view, year, monthOfYear, dayOfMonth ->

                edittext.setText("" + dayOfMonth + " - " + (monthOfYear+1) + " - " + year)

            }, year, month, day)

            datePickerDialog.show()


        }

    }

public class MainActivity extends AppCompatActivity
{
EditText edittext;
Button button;
Calendar calendar;
int year,month,day;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //getting calendar instance
        calendar = Calendar.getInstance();
        year=calendar.get(Calendar.YEAR);
        month=calendar.get(Calendar.MONTH);
        day=calendar.get(Calendar.DAY_OF_MONTH);

        //accessing EditText and Button
        edittext=(EditText)findViewById(R.id.edittext);
        button=(Button)findViewById(R.id.button);


        button.setOnClickListener(new View.OnClickListener()
        {
            @Override
            public void onClick(View v)
            {

                DatePickerDialog datePickerDialog = new DatePickerDialog(MainActivity.this, new DatePickerDialog.OnDateSetListener()
                {
                    @Override
                    public void onDateSet(DatePicker view, int year, int month, int dayOfMonth)
                    {
                        //sets date in EditText
                        edittext.setText(dayOfMonth+"-"+ (month+1) +"-"+year);
                    }
                }, year, month, day);
               //shows DatePickerDialog
                datePickerDialog.show();

            }
        });



    }
}

• Use Genymotion free emulator – for personal use
• Reduce Android Build time
• Run Android app through WiFi

Conclusion
There are many occasions when you need a date from the user. Date of birth in sign up process, Ticket reservation, and date of an upcoming event just like that. It may not be user-friendly If the user needs to type it down. Android provides views for that, so users can easily pick it up. So I think if you are making an app like that, this post might have helped you. If you like this tutorial, please share it.

Reference
DatePickerDialog – Android doc