DataPicker

実装

MaterialDatePicker.Builder.datePicker().build().apply {
    addOnPositiveButtonClickListener { time ->
        // do something            
    }
}.show(supportFragmentManager, "Tag")

Builder

MaterialDatePicker#Builder で日付選択、範囲選択、カスタムを選択できる

Builder.datePicker()
日付選択
内部で SingleDateSelector を生成して渡している
Builder.dateRangePicker() 日付範囲選択
内部で RangeDateSelector を生成して渡している

試した内容

デフォルトの日付を渡して表示するには?

調査中

DateSelector の select にセットすればできそうだが、アクセスする方法が見当たらない…

SingleDateSelector、RangeDateSelector がライブラリからしか呼び出せない(回避可能)
変更した DateSelector を外からセットする方法がない(コンストラクタ、customDatePicker が private)

全画面で表示するには?

materialCalendarFullscreenTheme の style を Builder#setTheme に渡す

MaterialDatePicker.Builder.datePicker()
                    .setTheme(R.style.ThemeOverlay_MaterialComponents_MaterialCalendar_Fullscreen)
                    .build()
// attr から取得してセットする方法もある

Header を変えるには?

Builder#setTitleTextResId に string のテキストリソースを渡す

DatePicker に表示させる範囲を限定するには?

CalendarConstraints に Start と End をセットする

MaterialDatePicker.Builder.datePicker()
                    .setCalendarConstraints(
                            CalendarConstraints.Builder().apply {
                                setStart(Month.create(2019, Calendar.JANUARY))
                                setEnd(Month.create(2019, Calendar.AUGUST))
                            }.build()
                    )
                    .build()

遭遇したバグ

日付を選択した状態で入力欄を空にするとクラッシュする

NUmeroAndDev / Knowledge

Material Components #2

Link