DatePicker AlertDialog has extra white space on Android M

I’m working through Chapter 12 with Android Studio 1.5.1 and an emulated Nexus 5x running Android 6.0. When I launch the DatePicker AlertDialog, it looks like this (with extra space on the right). Is there a simple way to make the dialog narrower so that it’s only as big as the DatePicker?

The layout file and fragment code are below:

<?xml version="1.0" encoding="utf-8"?>
<DatePicker
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/dialog_date_date_picker"
    android:calendarViewShown="false"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
</DatePicker>
package ai.decima.criminialintent;

import android.app.Dialog;
import android.os.Bundle;
import android.support.v4.app.DialogFragment;
import android.support.v7.app.AlertDialog;
import android.view.LayoutInflater;
import android.view.View;

/**
 * Created by jbohren on 4/6/16.
 */
public class DatePickerFragment extends DialogFragment {
    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        View v = LayoutInflater.from(getActivity())
                .inflate(R.layout.dialog_date, null);

        return new AlertDialog.Builder(getActivity())
                .setView(v)
                .setTitle(R.string.date_picker_title)
                .setPositiveButton(android.R.string.ok, null)
                .create();
    }
}

The same issue. How to solve? Device: Nexus 6P, Android 7.1.1 DP2

The same issue on android hybrid app using ionic, the only solution found is to use " <input type=“date”>" , it will open same datepicker dialog, but save from extra white space problem.