47

In Java an DatePickerDialog can be use such as:

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


DatePickerDialog dpd = new DatePickerDialog(getActivity(),new DatePickerDialog.OnDateSetListener()
{
   @Override
   public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth)
  {
      // Display Selected date in textbox
      lblDate.setText(""+ dayOfMonth+" "+MONTHS[monthOfYear] + ", " + year);
  }
}, year, month,day);
dpd.show();

How does Kotlin's DatePickerDialog use look like?

0

7 Answers 7

86

It would look something like this:

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


val dpd = DatePickerDialog(activity, DatePickerDialog.OnDateSetListener { view, year, monthOfYear, dayOfMonth ->

    // Display Selected date in textbox
    lblDate.setText("" + dayOfMonth + " " + MONTHS[monthOfYear] + ", " + year)

}, year, month, day)

dpd.show()

this was done by simply copying and pasting the code into a kotlin file in android studio. I would strongly recommend using it.

4
  • How do you set to max and min dates in this case?
    – ASN
    Jul 26, 2018 at 2:36
  • 3
    @ASN You would go dpd.datePicker.maxDate = 10 and the same for minDate
    – Derek
    Jul 26, 2018 at 22:42
  • Thank you it's help full Dec 24, 2019 at 19:30
  • one can disable the future date dpd.datePicker.maxDate = System.currentTimeMillis() Oct 18, 2021 at 18:53
29
class MainActivity : AppCompatActivity() {

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

        val textView: TextView  = findViewById(R.id.textView_date)
        textView.text = SimpleDateFormat("dd.MM.yyyy").format(System.currentTimeMillis())

        var cal = Calendar.getInstance()

        val dateSetListener = DatePickerDialog.OnDateSetListener { view, year, monthOfYear, dayOfMonth ->
            cal.set(Calendar.YEAR, year)
            cal.set(Calendar.MONTH, monthOfYear)
            cal.set(Calendar.DAY_OF_MONTH, dayOfMonth)

            val myFormat = "dd.MM.yyyy" // mention the format you need
            val sdf = SimpleDateFormat(myFormat, Locale.US)
            textView.text = sdf.format(cal.time)

        }

        textView.setOnClickListener {
            DatePickerDialog(this@MainActivity, dateSetListener,
                    cal.get(Calendar.YEAR),
                    cal.get(Calendar.MONTH),
                    cal.get(Calendar.DAY_OF_MONTH)).show()
        }
    }
}
0
10

Kotlin Anko Android Example:

alert {

    isCancelable = false

    lateinit var datePicker: DatePicker

    customView {
        verticalLayout {
            datePicker = datePicker {
                maxDate = System.currentTimeMillis()
            }
        }
    }

    yesButton {
        val parsedDate = "${datePicker.dayOfMonth}/${datePicker.month + 1}/${datePicker.year}"
    }

    noButton { }

}.show()
2
  • I was looking for something like it. Thanks bro! Aug 1, 2018 at 20:37
  • There are an issue opened on Anko project in the github here. The dialog is create with wrong layout Aug 6, 2018 at 16:37
5

use show date picker on button click

   val cal = Calendar.getInstance()
    val y = cal.get(Calendar.YEAR)
    val m = cal.get(Calendar.MONTH)
    val d = cal.get(Calendar.DAY_OF_MONTH)


    val datepickerdialog:DatePickerDialog = DatePickerDialog(activity, DatePickerDialog.OnDateSetListener { view, year, monthOfYear, dayOfMonth ->

    // Display Selected date in textbox
    lblDate.setText("" + dayOfMonth + " " + MONTHS[monthOfYear] + ", " + year)
        }, y, m, d)

    datepickerdialog.show()

and this used for show time picker on button click

textView54.setOnClickListener {
                val c:Calendar= Calendar.getInstance()
                val hh=c.get(Calendar.HOUR_OF_DAY)
                val mm=c.get(Calendar.MINUTE)
                val timePickerDialog:TimePickerDialog=TimePickerDialog(this@VendorRegistration,TimePickerDialog.OnTimeSetListener { view, hourOfDay, minute ->
                    textView54.setText( ""+hourOfDay + ":" + minute);
                },hh,mm,true)
                timePickerDialog.show()
1
  • nice one for adding the TimePicker dialog.
    – nyxee
    Oct 31, 2020 at 11:14
3

If you'd like to use coroutines to bridge the callback pattern, you can use a solution like this one. Note, I'm using both the Date and Time picker here, but you can easily remove the TimePicker logic if you don't require it.

suspend fun Context.openDateTimePicker(calendar: Calendar = Calendar.getInstance()): Instant =
    suspendCoroutine { continuation ->
        val dateSetListener = DatePickerDialog.OnDateSetListener { _, year, month, day ->
            val timeSetListener = TimePickerDialog.OnTimeSetListener { _, hour, minute ->
                calendar
                    .apply { set(year, month, day, hour, minute) }
                    .run { Instant.ofEpochMilli(timeInMillis).truncatedTo(ChronoUnit.MINUTES) }
                    .let { continuation.resume(it) }
            }

            TimePickerDialog(
                this,
                timeSetListener,
                calendar.get(Calendar.HOUR_OF_DAY),
                calendar.get(Calendar.MINUTE),
                DateFormat.is24HourFormat(this)
            ).show()
        }

        DatePickerDialog(
            this,
            dateSetListener,
            calendar.get(Calendar.YEAR),
            calendar.get(Calendar.MONTH),
            calendar.get(Calendar.DAY_OF_MONTH)
        ).show()
    }
1
  • Hi @0xMatthewGroves, this works great but how would you make use of it for Android API Level 21? Jun 8 at 18:59
1

I use Kotlin so I wanted a Kotlin solution and not a Java solution.

So first I look carefully over @FrostRocket's solution as a starting point. The solution of @FrostRocket was useful for me.

In my case, I ignore all the Kotlin world. As well as I can only use OffsetDateTime and not the calendar class. In addition, I have never used coroutine before, so I have to read and study coroutines in Kotlin. Let me know if you find in my code some theoretical or practical error.

First in my extension package I add a new File : ContextExtention.kt

import android.app.DatePickerDialog
import android.app.TimePickerDialog
import android.content.Context
import android.text.format.DateFormat
import java.time.OffsetDateTime
import kotlin.coroutines.resume
import kotlin.coroutines.suspendCoroutine

    suspend fun Context.openDateTimePicker(offsetDateTime: OffsetDateTime = OffsetDateTime.now()): OffsetDateTime =
suspendCoroutine { continuation ->
    val dateSetListener = DatePickerDialog.OnDateSetListener { _, year, month, day ->
        //month (0-11 for compatibility with Calendar#MONTH)
        // day of the month (1-31, depending on month)
        val timeSetListener = TimePickerDialog.OnTimeSetListener { _, hour, minute ->
            offsetDateTime.let {
            val newOffsetDateTime =
                offsetDateTime.withHour(hour).withMinute(minute).withYear(year)
                    //withMonth from 1 (January) to 12 (December)
                    //so I have to adapt it.
                    .withMonth((month+1))
                    //withDayOfMonth from 1 to 28-31
                    //so no need adaptation
                    .withDayOfMonth(day)
                    continuation.resume(newOffsetDateTime)
                }
        }

        TimePickerDialog(
            this,
            timeSetListener,
            offsetDateTime.hour,
            offsetDateTime.minute,
            DateFormat.is24HourFormat(this)
        ).show()
    }

    //the initially selected month (0-11 for compatibility with Calendar#MONTH)
    //when offsetDateTime.monthValue from 1 (January) to 12 (December)
    //so I have to adapt it.
    DatePickerDialog(
        this,
        dateSetListener,
        offsetDateTime.year,
        (offsetDateTime.monthValue-1),
        offsetDateTime.dayOfMonth
    ).show()
}

So how can I run a suspended function? So you run a coroutine in a kotlinx.coroutines.Job, CoroutineScope made me remember about Grand Central Dispatcher in iPhone programming Where you have a list of quality of service.

In this case if you want to use the UI thread you have to use: Dispatchers.Main or Dispatchers.Main.immediate if you need better service.

import android.widget.TextView
import androidx.lifecycle.Observer
// the R import here 
// the openDateTimePicker import here 
// the TimeHelper (is text formatter) import here 
import kotlinx.coroutines.CoroutineScope
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.Job
import kotlinx.coroutines.launch


class FooFragment : Fragment() {

private lateinit var viewModel: FooViewModel

private lateinit var dateButton: Button
private lateinit var dateText: TextView
private var datePickerJob : Job? = null
val uiScope = CoroutineScope(Dispatchers.Main)

override fun onCreateView(
    inflater: LayoutInflater, container: ViewGroup?,
    savedInstanceState: Bundle?
): View? {
    val root =
     inflater.inflate(R.layout.foo_fragment, container, false)
    dateButton = root.findViewById(R.id.textButtonChangeDate)
    dateText = root.findViewById(R.id.textViewWeighingDateValue)
    viewModel = ViewModelProvider(this).get(FooViewModel::class.java)
    return root
}

override fun onActivityCreated(savedInstanceState: Bundle?) {
    super.onActivityCreated(savedInstanceState)
    viewModel.dateTimeText.observe(viewLifecycleOwner, Observer {
        dateText.text = it.format(TimeHelper.formatter)
//the call to setNewDateTime will refresh this value
    })
}

override fun onStart() {
    super.onStart()
    dateButton.setOnClickListener {
        datePickerJob = uiScope.launch {
            viewModel.setNewDateTime(context?.openDateTimePicker())
//setNewDateTime is a setValue in a MutableLiveData
        }
    }

}

override fun onStop() {
    super.onStop()
    dateButton.setOnClickListener(null)
    datePickerJob?.cancel()
}

}
3
  • nice one. But, i don't get it.
    – nyxee
    Oct 31, 2020 at 11:32
  • 1
    First I create a suspended coroutine called openDateTimePicker, it receives a OffsetDateTime or it will use a default value ("now time"). openDateTimePicker will create a new DatePickerDialog and call show. DatePickerDialog will call dateSetListener to handle the response . dateSetListener will create a TimePickerDialog and call show. TimePickerDialog will call timeSetListener to handle the response . timeSetListener will gather the information altogether in the newOffsetDateTime and send it to the caller of openDateTimePicker by calling continuation.resume. Happy Hacking nyxee! Nov 1, 2020 at 16:02
  • This is definitely the best answer. Will adopt it.
    – nyxee
    Nov 26, 2020 at 23:52
0
dateColumn.setOnClickListener {
        val c = Calendar.getInstance()
        val yr = c.get(Calendar.YEAR)
        val month = c.get(Calendar.MONTH)
        val day = c.get(Calendar.DAY_OF_MONTH)
        val display = DatePickerDialog(context as BaseActivity, DatePickerDialog.OnDateSetListener {
                view, year, monthOfYear, dayOfMonth ->
            var monthInput = (monthOfYear + 1).toString()
            if (monthInput.toInt() == 1) {
                monthInput = "Jan"
            } else if (monthInput.toInt() == 2) {
                monthInput = "Feb"
            } else if (monthInput.toInt() == 3) {
                monthInput = "March"
            } else if (monthInput.toInt() == 4) {
                monthInput = "April"
            } else if (monthInput.toInt() == 5) {
                monthInput = "May"
            } else if (monthInput.toInt() == 6) {
                monthInput = "June"
            } else if (monthInput.toInt() == 7) {
                monthInput = "July"
            } else if (monthInput.toInt() == 8) {
                monthInput = "Aug"
            } else if (monthInput.toInt() == 9) {
                monthInput = "Sept"
            } else if (monthInput.toInt() == 10) {
                monthInput = "Oct"
            } else if (monthInput.toInt() == 11) {
                monthInput = "Nov"
            } else if (monthInput.toInt() == 12) {
                monthInput = "Dec"
            }
            dateColumn.text = ("$dayOfMonth $monthInput, $year")
        }, yr, month, day)
        display.datePicker.minDate = System.currentTimeMillis()
        display.show()
    }
1
  • 1
    Please don’t answer questions with just code. Please include an explanation of how your code works and how it solves the problem.
    – Hoppo
    Jun 7, 2020 at 22:25

Your Answer

Reminder: Answers generated by Artificial Intelligence tools are not allowed on Stack Overflow. Learn more

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.