Datetimepicker with calendar icon

[Alcatraz]

Hi,

I have a requirement where I need to have my Datepicker designed (not the colors or theme) as attached.  Over here, unlike the normal datetimepicker which shows like a dropdown control, we need to have a textbox and a image and on click of this image the calendar should be popped down.  All the RadDatetimepicker's features are still valid but the calendar should pop up only on click of this image and it should hide the calendar when we click outside.

Kindly let me know if I can achieve this functionality using the existing RadDatetimepicker control.

Thanks
Krishnan N

[Nikolay]

Hi Alcatraz,

Thank you for the question.

Generally, you can find its answer in the support ticket that you have opened about the same topic. However, I am posting the solution here in case other customers are interested in the desired look and feel:

// setting backcolors to transparent
this.radDateTimePicker1.BackColor = Color.Transparent;
((FillPrimitive)this.radDateTimePicker1.DateTimePickerElement.Children[0]).BackColor = Color.Transparent;

// hiding the real border
((BorderPrimitive)this.radDateTimePicker1.DateTimePickerElement.Children[2]).Visibility = Telerik.WinControls.ElementVisibility.Hidden;

this.radDateTimePicker1.DateTimePickerElement.TextBoxElement.Fill.GradientStyle = Telerik.WinControls.GradientStyles.Solid;

// setting position and color of the 'border'
this.radDateTimePicker1.DateTimePickerElement.TextBoxElement.Fill.BackColor = Color.Black;
this.radDateTimePicker1.DateTimePickerElement.TextBoxElement.Margin = new Padding(0, 0, 10, 0);
this.radDateTimePicker1.DateTimePickerElement.TextBoxElement.Padding = new Padding(1);

// modifying the arrow button
RadDateTimePickerArrowButtonElement button = (RadDateTimePickerArrowButtonElement)this.radDateTimePicker1.DateTimePickerElement.Children[1].Children[1];
((ImagePrimitive)button.Children[4]).Image = WindowsFormsApplication15.Properties.Resources.PlusSign;
button.Border.Visibility = Telerik.WinControls.ElementVisibility.Hidden;
button.Fill.Visibility = Telerik.WinControls.ElementVisibility.Hidden;

I hope this helps.

Sincerely yours,
Nikolay
the Telerik team