How to create a CalendarPickerView using TimeSquare library

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:

1. 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'
   }
2. 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>
3. 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.geeksforgeeks.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)
                           {
                           }
                       });
       }
   }

Output: