Using DateInput vue component as native date on smartphones

Hi Ron,

The DateInput, by design, doesn't change its behavior on a mobile device. 

I am not sure what is the exact scenario that you expect to have in your application but if it requires a date to be picked, you can check the DatePicker component. We have two versions of it:

• Native DatePicker
• Wrapper DatePicker

Let me know if the suggested above component is what you need for your application.

Regards,
Petar
Progress Telerik

Thanks Petar,

This does not answer our need, which is rather simple.
In your suggestions the UI renders text input and the user needs to type the date. This is because those options use <input type=“text”>
If you’ll go to any site with your smartphone and click any input of type date, as in <input type=“date”> you will see the user does NOT need to type anything. Instead the site will present the smartphone date selection. This is basic HTML and I want to understand if you offer any date component (not picker) that actually uses input of type date and not of type string. This will give a much better and up-to-date UX, as users are not used to type dates, but to select dates.

Ron.

Hi Ron.

This the design of the DatePicker component. Its idea is to give the users the freedom to manually enter data or to pick one from the calendar that appears once the icon on the right is clicked. 

What I can suggest as a possible solution is to use the DatePicker as it is demonstrated in this StackBlitz example. Using the below CSS, the input of the DatePicker is hidden and the user can only interact with the calendar. 

.k-dateinput {
  display: none;
}

.k-datepicker {
  height: 30px;
  width: 30px;
}

Another approach you can try is to display the Kendo UI for Vue DatePicker to the desktop users and the native "type='date'" for the mobile ones. This can be implemented using the approach in this discussion. 

If you want, you can submit a feature request about a configuration in the DatePicker that makes the component mobile. This Feature request can be submitted in our Feedback portal. 

Let me know if you have additional questions related to the current thread.

Regards,
Petar
Progress Telerik

Thanks Petar,

The idea was to use Kendo date input component (vue) that handles date natively using the HTML standard of <input type=“date”>
We do not want to use date picker (as the smartphone OS handles this better) and the second suggestion does not show any kendo component that answers this need.

So I assume there is simply no such component.

Thanks for the assistance,

Hi Ron,

Yes, currently we don't have a component that matches your requirements. The idea of my last reply was to show you an approach that could be similar to what you need.

I will close the current thread. If you have additional questions about it, you can reopen it and continue the communication. 

Regards,
Petar
Progress Telerik