Forms Support
You can use the Calendar in Template-driven and Reactive forms.
The component accepts Date
values and updates the model each time a selection is changed.
Template-Driven Forms
The template-driven forms enable you to bind the Calendar to the model by using the ngModel
directive.
The following example demonstrates how to accomplish a two-way binding by using the ngModel
directive.
Reactive Forms
The FormGroup
decorator provides a way to render reactive forms. For more details, refer to the Angular documentation.
The following example demonstrates how to use the Calendar in a reactive form.
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 Calendar within a FormField with hint and error messages.