DateInput

The DateInput component presents a text input field that allows the user to type a date in a specific format.

Usage Guidelines

The Telerik and Kendo UI DateInput is preferable in scenarios where the users are familiar with the date format and need to quickly and accurately type in specific dates. This approach is suitable for users who are comfortable with keyboard input and don't require the additional assistance of a calendar picker. It can be particularly useful in situations where the date format is standardized or widely known, reducing the need for extra interactions and streamlining the user experience.

The DateInput requires you to follow some basic principles when using the component.

Text Label

The label of the DateInput provides a clear and concise description of its purpose, making it easier for users to interact with the interface and understand it. Always display a label unless the DateInput is next to another component that already has a label. The label of the DateInput can be set as part of the Telerik and Kendo UI Form component.

Use a clear and concise text label to clarify the meaning of the DateInput.
Avoid using the DateInput without a label unless it is part of a complex scenario, where the context is already set.

Placeholder

The placeholder text in the DateInput component plays a crucial role in guiding users to input dates correctly. A well-crafted placeholder can provide clear instructions or example dates, enhancing user understanding and interaction with the component.

Use a descriptive placeholder text that follows a consistent and recognizable date format
Avoid using placeholder text that is vague, ambiguous, or inconsistent as it may lead to confusion and incorrect date entries, hindering the user experience.

Incremental Steps

The Incremental Steps feature of the DateInput component allows users to navigate through dates by using predefined steps. Depending on the specific context and user needs, the incremental steps can be triggered either by using the keyboard arrows or spin buttons.

Be consistent when using DateInput components with the Incremental Steps feature.
Avoid mixing DateInput components with different rendering when taking advantage of the Incremental Steps feature.