New to Kendo UI for Angular? Start a free 30-day trial
Forms Support
You can use the DateInput in Template-driven and Reactive forms.
Template-Driven Forms
The template-driven forms enable you to bind the DateInput to the model by using the ngModel directive.
Example
View Source
Edit In Stackblitz
Change Theme:
Reactive Forms
The FormGroup decorator provides a way to render reactive forms. For more details, refer to the Angular documentation.
Example
View Source
Edit In Stackblitz
Change Theme:
FormField Association
The Kendo UI for Angular FormField component enables you to group form-related elements, such as inputs, labels, hint and error messages, and configure their behavior.
The following example demonstrates how to use the DateInput within a FormField with hint and error messages.
Example
View Source
Edit In Stackblitz
Change Theme:
