前提
- エミュレータおよび実機で検証 (API 28以降)
- htmlをWebViewで表示(Chrome for android)
- DatePickerをスピナーのみの表示にしたかった
- 結果的にスピナーのみの表示をあきらめています
input type="date"の表示
まずはデフォルト設定
Pixel 3a XLの場合
Nexus 10 の場合
デフォルト表示だとスマートフォンでもタブレットでも同様の表示
次にスピナーのみ表示する設定
<item name="android:datePickerMode">spinner</item>
<item name="android:calendarViewShown">false</item>
Pixel 3a XLの場合
Nexus10の場合
何が起きているのか
本来右の空間にはカレンダーが表示されるが、カレンダーを非表示にしたために
このような空間が生まれてしまったと思われる。
おわりに
泣く泣くDatePickerの使用をやめ、生年月日をリストで選択してもらうようにしました・・・