How to create a CalendarPickerView using TimeSquare library

0 1 1 minute read

This article shows how to create a calendarPickerView using TimeSquare Library. We have seen the use of calendarPickerView to select a date in many applications. With the help of this library, we can easily add a calendar in our app.

Approach:

Add the support Library in build.gradle file and add dependency in the dependencies section. This library provides the inbuilt calendar widget and various functions such as to select a particular date, etc.
dependencies {

implementation 'com.squareup:android-times-square:1.6.5@aar'

}

Now add the following code in the activity_main.xml file. This will add the CalendarPickerView Layout in the app.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
  
    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"
    tools:context=".MainActivity">
  
    <com.squareup.timessquare.CalendarPickerView
        android:id="@+id/calendar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
  
</androidx.constraintlayout.widget.ConstraintLayout>

Now add the following code in the MainActivity.java file. This will show the calendar of next one year from the current day’s date. A setOnDateSelectedListener is added in the calendar which is invoked when the user clicks on any date. The function Toasts the selected day’s date on the screen.

MainActivity.java

package org.zambiatek.gfgcalendarPickerView;
  
import androidx.appcompat
    .app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Toast;
import com.squareup
    .timessquare
    .CalendarPickerView;
import java.text.DateFormat;
import java.util.Calendar;
import java.util.Date;
  
public class MainActivity
    extends AppCompatActivity {
  
    @Override
    protected void onCreate(
        Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // This will return us today date
        Date today = new Date();
  
        Calendar nextYear
            = Calendar.getInstance();
  
        // This will help us
        // to show date from
        // today to next year
        nextYear.add(Calendar.YEAR, 1);
  
        CalendarPickerView
            datePicker
            = findViewById(
                R.id.calendar);
  
        // we have to initialize
        // our calendar picker view
        // so we select min date as today
        // max date as next year
        // we call getTime() method
        // because we want to
        // retrieve date from it.
        datePicker
            .init(today, nextYear.getTime())
            .inMode(CalendarPickerView
                        .SelectionMode
                        .RANGE)
            .withSelectedDate(today);
  
        // when the user select
        // or un select any date then
        // this method called automatically.
        datePicker
            .setOnDateSelectedListener(
                new CalendarPickerView
                    .OnDateSelectedListener() {
  
                        @Override
                        public void onDateSelected(Date date)
                        {
                            // we have to format our date
                            // object that's why we are
                            // using DateFormat class.
                            String selectedDate
                                = DateFormat
                                      .getDateInstance(
                                          DateFormat.FULL)
                                      .format(date);
                            Toast
                                .makeText(
                                    MainActivity.this,
                                    selectedDate,
                                    Toast.LENGTH_SHORT)
                                .show();
                        }
  
                        @Override
                        public void onDateUnselected(
                            Date date)
                        {
                        }
                    });
    }
}