Select button not seen

[Daniel]

Hi

I do not see select button at date time picker.

<telerikMauiControls:RadDateTimePicker x:Name="fromDateTimePicker" HorizontalOptions="Center" VerticalOptions="Center" Margin="5,5,0,2" HeightRequest="35" WidthRequest="200" 
                                                        Date="{Binding FromDate, Mode=TwoWay}" 
                                                        SpinnerHeaderStyle="{StaticResource spinnerHeaderStyle}"
                                                        SpinnerStyle="{StaticResource spinnerStyle}"
                                                        SelectionHighlightStyle="{StaticResource selectionHighlightStyle}"
                                                        DisplayLabelStyle="{StaticResource displayLabelStyle}"
                                                        PlaceholderLabelStyle="{StaticResource placeholderLabelStyle}"
                                                        AreSpinnerHeadersVisible="True">
                    <!--<telerikMauiControls:RadDateTimePicker.DropDownSettings>
                        <telerikMauiControls:PickerDropDownSettings 
                                             FooterStyle="{StaticResource footerStyle}"
                                             FooterTemplate="{StaticResource dropDowViewFooterTemplate}"
                                             AcceptButtonStyle="{StaticResource acceptButtonStyle}"
                                             CancelButtonStyle="{StaticResource cancelButtonStyle}" />
                    </telerikMauiControls:RadDateTimePicker.DropDownSettings>-->
                </telerikMauiControls:RadDateTimePicker>

[Daniel]

is it a bug?

[Daniel]

it work in past? I was able to see button to select the date time picker.

See:

[Antoan]

Hi Daniel,

I tried to reproduce the issue, using the official .NET MAUI version and Telerik's library for .NET MAUI 1.0.0.

However everything looks to work as expected on my side, as seen on the image below.

I suggest an update to the official version of .NET MAUI and Telerik library for .NET MAUI 1.0.

If the issue persists feel free to reach out to me. I will be looking forward to your reply.

Regards,
Antoan
Progress Telerik

[Hanoch]

 

OK.

My app crashed when moved to Telerik library for .NET MAUI 1.0.

I opened support ticket for that issue - https://www.telerik.com/account/support-center/view-ticket/1566561

Does support tickets are  private ?

 

[Hanoch]

I testes now with Telerik library for .NET MAUI 1.0 and I'm not seen the select button.

  <telerikMauiControls:RadDateTimePicker x:Name="fromDateTimePicker" HorizontalOptions="Center" VerticalOptions="Center" Margin="5,5,0,2" HeightRequest="35" WidthRequest="200" 
                                                        Date="{Binding FromDate, Mode=TwoWay}" 
                                                        SpinnerHeaderStyle="{StaticResource spinnerHeaderStyle}"
                                                        SpinnerStyle="{StaticResource spinnerStyle}"
                                                        SelectionHighlightStyle="{StaticResource selectionHighlightStyle}"
                                                        DisplayLabelStyle="{StaticResource displayLabelStyle}"
                                                        PlaceholderLabelStyle="{StaticResource placeholderLabelStyle}"
                                                        AreSpinnerHeadersVisible="True">
                    <!--<telerikMauiControls:RadDateTimePicker.DropDownSettings>
                        <telerikMauiControls:PickerDropDownSettings 
                                             FooterStyle="{StaticResource footerStyle}"
                                             FooterTemplate="{StaticResource dropDowViewFooterTemplate}"
                                             AcceptButtonStyle="{StaticResource acceptButtonStyle}"
                                             CancelButtonStyle="{StaticResource cancelButtonStyle}" />
                    </telerikMauiControls:RadDateTimePicker.DropDownSettings>-->
                </telerikMauiControls:RadDateTimePicker>

styles from app.xaml

  <!--RadDatePicker explicit start style-->
            <Style TargetType="telerik:PickerDropDownContentView" x:Key="dropDownViewStyle">
                <Setter Property="BackgroundColor" Value="#D8D8D8"/>
            </Style>
            <Style TargetType="telerik:PickerPopupFooterView" x:Key="footerStyle">
                <Setter Property="BackgroundColor" Value="LightBlue"/>
            </Style>
            <Style TargetType="Button" x:Key="acceptButtonStyle">
                <Setter Property="BackgroundColor" Value="Transparent"/>
                <Setter Property="Text" Value="OK"/>
                <Setter Property="TextColor" Value="#00B5DC"/>
            </Style>
            <Style TargetType="Button" x:Key="cancelButtonStyle">
                <Setter Property="BackgroundColor" Value="Transparent"/>
                <Setter Property="Text" Value="X"/>
                <Setter Property="TextColor" Value="#00B5DC"/>
            </Style>
            <!--RadDatePicker exmplicit end style-->

            <!--RadTimePicker explicit start style-->
            <!--RadTimePicker explicit end style-->

            <!--RadDateTimePicker explicit start style-->
            <Style TargetType="telerik:RadSpinner" x:Key="spinnerStyle">
                <Setter Property="ItemStyle">
                    <Setter.Value>
                        <Style TargetType="telerik:SpinnerItemView">
                            <Setter Property="TextColor" Value="#4A4949"/>
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="SelectedItemStyle">
                    <Setter.Value>
                        <Style TargetType="telerik:SpinnerItemView">
                            <Setter Property="TextColor" Value="Black"/>
                            <Setter Property="FontAttributes" Value="Bold"/>
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="HeightRequest" Value="240"/>
            </Style>
            <Style TargetType="Label" x:Key="spinnerHeaderStyle">
                <Setter Property="TextColor" Value="Black"/>
                <Setter Property="FontAttributes" Value="Bold"/>
                <Setter Property="HorizontalOptions" Value="FillAndExpand"/>
                <Setter Property="VerticalOptions" Value="FillAndExpand"/>
                <Setter Property="HorizontalTextAlignment" Value="Center"/>
                <Setter Property="VerticalTextAlignment" Value="Center"/>
            </Style>
            <Style TargetType="telerik:RadSpinner" x:Key="SpinnerStyle">
                <Setter Property="ItemStyle">
                    <Setter.Value>
                        <Style TargetType="telerik:SpinnerItemView">
                            <Setter Property="TextColor" Value="#4A4949"/>
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="SelectedItemStyle">
                    <Setter.Value>
                        <Style TargetType="telerik:SpinnerItemView">
                            <Setter Property="TextColor" Value="Black"/>
                            <Setter Property="FontAttributes" Value="Bold"/>
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="HeightRequest" Value="240"/>
            </Style>
            <Style TargetType="telerik:RadBorder" x:Key="selectionHighlightStyle">
                <Setter Property="BackgroundColor" Value="Transparent"/>
                <Setter Property="BorderColor" Value="#00B5DC"/>
                <Setter Property="BorderThickness" Value="1"/>
                <Setter Property="Padding" Value="0,6,0,6"/>
                <Setter Property="HeightRequest" Value="40"/>
                <Setter Property="VerticalOptions" Value="Center"/>
            </Style>
            <Style TargetType="Label" x:Key="displayLabelStyle">
                <Setter Property="TextColor" Value="Black"/>
                <Setter Property="VerticalTextAlignment" Value="Center"/>
                <Setter Property="HorizontalTextAlignment" Value="Center"/>
            </Style>
            <Style TargetType="Label" x:Key="placeholderLabelStyle">
                <Setter Property="TextColor" Value="#4A4949"/>
                <Setter Property="VerticalTextAlignment" Value="Center"/>
                <Setter Property="HorizontalTextAlignment" Value="Center"/>
            </Style>
            <Style TargetType="telerik:RadButton" x:Key="clearButtonStyle">
                <Setter Property="TextColor" Value="Blue"/>
            </Style>
            <Style TargetType="telerik:RadButton" x:Key="toggleButtonStyle">
                <Setter Property="TextColor" Value="LightBlue"/>
            </Style>
            <!--RadDateTimePicker exmplicit end style-->


            <!--RadListPicker explicit start style-->
            <Style TargetType="telerik:SpinnerItemView" x:Key="ItemStyle">
                <Setter Property="BackgroundColor" Value="#F8F8F8"/>
                <Setter Property="CornerRadius" Value="0"/>
                <Setter Property="TextColor" Value="#919191" />
                <Setter Property="FontSize" Value="12"/>
            </Style>
            <Style TargetType="telerik:SpinnerItemView" x:Key="SelectedItemStyle">
                <Setter Property="BackgroundColor" Value="#F0F0F0"/>
                <Setter Property="CornerRadius" Value="0"/>
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="TextColor" Value="#4A4949" />
                <Setter Property="FontSize" Value="16"/>
            </Style>
            <!--RadListPicker implicit end style-->

[Antoan]

Hi Hanoch,

I have created a demo app to reproduce the error using the code you have provided, after setting up the nuget package and declaring UseTelerik() in the MauiProgram.cs, I set up the styles you have provided in the App.xaml and the DateTimePicker in the MainPage.

The result is as follows:

I have attached the demo app for you to check out, as I am still unable to reproduce the issue.

However, I have noticed in another ticket of yours that you have a style for RadButton, which is not present here. Keep in mind that the dropdown button in the DateTimePicker is a RadButton, so if you have a style for it overrides the default one.

I hope the provided information helps. Let me know if I can assist any further.

Regards,
Antoan
Progress Telerik