In this Tutorial,we will use the TimeSquare library to create a CalendarPickerView, which is a nice alternative to the standard DatePickerDialog. We can set a minDate and a maxDate for the range and get our selected date back by setting an OnDateSelectedListener on it. We will format this date by using the DateFormat class and also get the single year, month and day with the help of the Calendar class. You can also select and return more than 1 date by setting the mode to SelectionMode.RANGE and then get a List of dates back by calling getSelectedDates.
We have to add dependency in gradle file add these dependency:-
implementation 'com.squareup:android-times-square:1.6.5@aar'In activity_main.xml file add these lines of codes:-
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
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>
In MainActivity.class file add these lines of code:-
package com.deftskill.timesquaredatepicker;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Toast;
import com.squareup.timessquare.CalendarPickerView;
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);
Date today = new Date();
Calendar nextYear = Calendar.getInstance();
nextYear.add(Calendar.YEAR, 1);
CalendarPickerView datePicker = findViewById(R.id.calendar);
datePicker.init(today, nextYear.getTime())
.inMode(CalendarPickerView.SelectionMode.RANGE)
.withSelectedDate(today);
datePicker.setOnDateSelectedListener(new CalendarPickerView.OnDateSelectedListener() {
@Override
public void onDateSelected(Date date) {
//String selectedDate = DateFormat.getDateInstance(DateFormat.FULL).format(date);
Calendar calSelected = Calendar.getInstance();
calSelected.setTime(date);
String selectedDate = "" + calSelected.get(Calendar.DAY_OF_MONTH)
+ " " + (calSelected.get(Calendar.MONTH) + 1)
+ " " + calSelected.get(Calendar.YEAR);
Toast.makeText(MainActivity.this, selectedDate, Toast.LENGTH_SHORT).show();
}
@Override
public void onDateUnselected(Date date) {
}
});
}
}Now, Run this code and you will see the output on your device.

Comments