DateTimePicker: popup button's background color

1 Answer 9 Views
DateTimePicker
George
Top achievements
Rank 1
George asked on 19 Nov 2025, 06:48 PM
How do you change the background color of the popup button of the DateTimePicker?

1 Answer, 1 is accepted

Sort by
0
Hetali
Telerik team
answered on 19 Nov 2025, 10:06 PM

Hello George,

In order to change the background color of the popup button in the Kendo UI DateTimePicker, use the following CSS:

.k-datetimepicker .k-input-button {
  background-color: #ebf089;
}

Output:

In this StackBlitz example, I have used the above mentioned CSS to change the background color of the popup button. Please make sure to set the encapsulation to ViewEncapsulation.None to set the style locally.

Additionally, I also noticed that you opened a QnA Forum post which is completely okay. But, in case you were unaware, I wanted to inform you that with the DevCraft Complete license, you can also open a Technical Support ticket that has a 24 hour turnaround time (faster than the turnaround time for QnA post) and the ticket is private.

I hope this information helps. Please let me know if I can further assist you.

Regards,
Hetali
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
DateTimePicker
Asked by
George
Top achievements
Rank 1
Answers by
Hetali
Telerik team
Share this question
or