RadTimeSpanPicker Background Color for Android is Black

[Hakob]

hello, please can you help me fix the background color issue for the Android
Style can't help me fix the issue.

[Hakob]

I found the issue, it is  dark-mode problem

[Didi]

Hello Hakob,

If you set the theme to dark, then the colors change by default. You can set different color to the popup background by using the PopupViewStyle for Popup mode and  DropDownViewStyle for DropDown mode:

    <ContentPage.Resources>
        <ResourceDictionary>
            <Style TargetType="telerik:PickerPopupContentView" x:Key="popupViewStyle">
                <Setter Property="BackgroundColor" Value="{AppThemeBinding Light=White, Dark=LightBlue}"/>
                <Setter Property="WidthRequest" Value="270"/>
            </Style>

            <Style TargetType="telerik:PickerDropDownContentView" x:Key="dropDownStyle">
                <Setter Property="BackgroundColor" Value="{AppThemeBinding Light=White, Dark=LightBlue}"/>
                <Setter Property="WidthRequest" Value="270"/>
            </Style>
        </ResourceDictionary>
    </ContentPage.Resources>
    <VerticalStackLayout>
        <telerik:RadTimeSpanPicker BorderColor="#8660C5" PickerMode="DropDown"
                           IsClearButtonVisible="True"
                           IsToggleButtonVisible="True"
                           AutomationId="timeSpanPicker">
            <telerik:RadTimeSpanPicker.DropDownSettings>
                <telerik:PickerDropDownSettings DropDownViewStyle="{StaticResource dropDownStyle}"/>
            </telerik:RadTimeSpanPicker.DropDownSettings>
            <telerik:RadTimeSpanPicker.PopupSettings>
                <telerik:PickerPopupSettings PopupViewStyle="{StaticResource popupViewStyle}"/>
            </telerik:RadTimeSpanPicker.PopupSettings>
        </telerik:RadTimeSpanPicker>
    </VerticalStackLayout>

Regards,
Didi
Progress Telerik