Cosmetic issue in Bootstrap skin

[miksh]

Hello, please open a demo page https://demos.telerik.com/aspnet-ajax/datetimepicker/overview/defaultcs.aspx?skin=Bootstrap and select Bootstrap skin.

Note that the left top & bottom corners are not rendered correctly. Most likely it's related to the "box-sizing: content-box".

[Rumen]

Hello,

Can you please share a screenshot of the problem since on my side everything looks OK - screenshot?


We have this KB article on the matter for the box-sizing issue: Fix incorrect appearance in Telerik controls when using Bootstrap library.


Regards,
Rumen
Progress Telerik

[miksh]

see attached

[Rumen]

Hi Michael,

The solution for this is to apply border radius to the wrapper holding the buttons:

.RadPicker .rcSelect {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

Can you try it and let me know how it goes on your side?

Best regards,
Rumen
Progress Telerik

[miksh]

It works, thank you!

Should we expect it as a fix in next release(s)?

[Rumen]

Hello,

We will definitely try to solve the issue in the next release. Here you can subscribe for the bug report item Top and Bottom right corners of the clock icon are missing.

As a small note of gratitude for your report, I've updated your Telerik points!

Best regards,
Rumen
Progress Telerik

[Rumen]

I am bringing good news that the problem is fixed and the fix will appear in the upcoming in mid-January R1 2019 release.

Best regards,
Rumen
Progress Telerik