Show only the calendar icon

[Nithin]

Hi,
I'm using kendo datepicker in our application and I was thinking to remove the input field and makingthe calendar icon only visible. I did try some css but wasn't able to achieve the require result. Is it possible to show only the icon and if so can we change the icons as required?

 Here is datepicker html

<input kendo-date-picker ng-model="vm.dateModel" k-format="'MM/dd/yyyy'"/>

 

Thanks

[Stefan]

Hello, Nithin,

The desired result can be achieved by setting small enough with of the k-datepicker element and adding a left border:

.k-datepicker {
  width: 1%;
  border-left: 1px solid #e6e6e6;
}

I made an example demonstrating this:

https://dojo.telerik.com/IMuQaLoq

I hope this is helpful.

Regards,
Stefan
Progress Telerik