Adding a place holder to date field

[Chinonso]

     Hi there guys, as the title states, i am try to add a placeholder  to a date field.

<div class="form-group">
   @(Html.Kendo().DatePicker()
          .Name("DateReceived")
          .Format("dd-MMM-yy")
          .DateInput()
          .HtmlAttributes(new { style = "width: 90%", title = "DateReceived", placeholder="Enter A Date"})
    )
</div>

 

but regardless of what i do, it doesn't show the placeholder value. What can i do to remedy this?

 

[Viktor Tachev]

Hello Chinonso,

By default when DateInput is enabled it will render placeholder for each the date, month, and year automatically. Thus, in such scenario specifying another placeholder is not available. 

If having the custom placeholder text is a must I can suggest removing the DateInput option from the configuration. This way the placeholder will be displayed in the DatePicker.


Regards,
Viktor Tachev
Progress Telerik

[Lisa]

Hello Viktor,

I have the same problem as Chinonso and was wondering if there is a workaround or anything now to get both functionalities working? Has anything changed in the past 2 years?

Kind regards,

Lisa

[Viktor Tachev]

Hello Lisa,

 

I am afraid that currently showing an additional placeholder in the DateInput is not available out of the box.

 

Having an additional placeholder over the one shown by the DateInput would likely be confusing for the end-user. In addition having another placeholder can interfere with the functionality of the component. 

 

Regards,
Viktor Tachev
Progress Telerik