This is a migrated thread and some comments may be shown as answers.

Show only the calendar icon

1 Answer 159 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
Nithin
Top achievements
Rank 1
Nithin asked on 07 Sep 2018, 12:05 PM

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

1 Answer, 1 is accepted

Sort by
0
Accepted
Stefan
Telerik team
answered on 10 Sep 2018, 07:12 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

Tags
Date/Time Pickers
Asked by
Nithin
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or