時刻入力ダイアログを表示させたい

Question

__はじめてのAndroidアプリ開発__というテキストの時刻入力ダイアログを作成するという項目で分からないことがありますので、こちらで質問させていただきます。

####MainActivity.java

package to.msn.wings.dialogtime;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.DialogFragment;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    public void btn_onClick(View view) {
        DialogFragment dialog = new DialogFragment();
        dialog.show(getSupportFragmentManager(), "dialog_time");
    }
}

####MyDialogFragment.java

package to.msn.wings.dialogtime;

import android.app.Dialog;
import android.app.TimePickerDialog;
import android.os.Bundle;
import android.widget.EditText;
import android.widget.TimePicker;

import androidx.fragment.app.DialogFragment;

import java.util.Calendar;
import java.util.Locale;

public class MyDialogFragment extends DialogFragment {
    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        final Calendar cal = Calendar.getInstance();
        return new TimePickerDialog(
                getActivity(),
                new TimePickerDialog.OnTimeSetListener() {
                    public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                        EditText txtDate = getActivity().findViewById(R.id.txtTime);
                        txtDate.setText(String.format(Locale.JAPAN, "%02d:%02d", hourOfDay, minute));
                    }
                },
                cal.get(Calendar.HOUR_OF_DAY),
                cal.get(Calendar.MINUTE),
                true
        );
    }
}

####activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <EditText
        android:id="@+id/txtTime"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="time" />

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btn_onClick"
        android:text="時刻入力" />
</LinearLayout>

####分からないこと
テキストだと以下のようなダイアログが表示され、時間の設定ができると記載されています。

しかし、私の場合は以下のようになってしまいます。

上記のソースコードはダウンロードサンプルをコピペしたものですので、タイポなどは無いと思われます。何かアップデートで仕様が変更になったために、テキストのように表示されなくなったのだと思うのですが、どこをどのように変更すればいいのか分からず困っております。

Comments

[fumu7]

質問には、全てのプログラムやデータが示されていますか？