Как правильно реализовать Выбор диапазона дат материала?

Question

Я использую средство выбора диапазона дат с этой библиотекой материалов.

implementation "com.google.android.material:material:1.2.0-alpha05"

И это то, что я реализовал.

btn_calendar.setOnClickListener {
    val builder = MaterialDatePicker
        .Builder
        .dateRangePicker()
        .setTheme(R.style.DatePickerTheme)
//                .setTitleText("Select dates")
//                .build()

    val now = Calendar.getInstance()

    val picker = builder.build()
    builder.setSelection(androidx.core.util.Pair(now.timeInMillis, now.timeInMillis))
    picker.show(supportFragmentManager, picker.toString())

    picker.addOnPositiveButtonClickListener {
        Toast.makeText(this, "Date String = ${picker.headerText}::  Date epoch values::${it.first}:: to :: ${it.second}", Toast.LENGTH_SHORT).show()
    }
}

И стиль:

<style name="DatePickerTheme" parent="Theme.MaterialComponents"/>

Однако, это показывает странный вид. Как я могу это исправить? Я хочу диалог