Material DatePicker Not Showing Properly

Question

The Date Picker is not coming as Expected can any one help me on how to remove this issues?

 var datePickerBuilder = MaterialDatePicker.Builder.datePicker()
                datePickerBuilder.setTitleText("Select Date")
                datePickerBuilder.setTheme(R.style.DatePickerTheme)
                var materialDatePicker = datePickerBuilder.build()
                materialDatePicker.show(requireActivity().supportFragmentManager,"DATE_PICKER")

above code is for datePickerDailog

and here are the stylings -

 <style name="DatePickerTheme" parent="Theme.MaterialComponents.DayNight">
        <item name="materialCalendarFullscreenTheme">@style/CustomThemeOverlay_MaterialCalendar_Fullscreen</item>
    </style>

    <style name="CustomThemeOverlay_MaterialCalendar_Fullscreen"
        parent="@style/ThemeOverlay.MaterialComponents.MaterialCalendar.Fullscreen">
        <item name="materialCalendarStyle">@style/Custom_MaterialCalendar.Fullscreen</item>
    </style>

    <style name="Custom_MaterialCalendar.Fullscreen"
        parent="@style/Widget.MaterialComponents.MaterialCalendar.Fullscreen">
        <item name="android:windowFullscreen">true</item>

image -

im trying to expect someThing like this -