ASP.NET Core TimeDurationPicker Declarative Initialization

The Telerik UI for ASP.NET Core TimeDurationPicker supports the declarative initialization feature, where the component declaration is serialized as an MVVM declarative configuration instead of as an inline initialization script.

The declarative initialization feature serializes the helper declaration as an MVVM configuration and initializes the component from the DOM elements on the client. This functionality is suitable when the Content Security Policy (CSP) is enabled and eliminates the requirement to call the DeferredScriptFile() or Deferred() methods that defer the initialization script generated after the component's HTML markup.

This example demonstrates how to enable the declarative initialization of the TimeDurationPicker:

1. Add the UseMvvmInitialization() option in the helper declaration.
2. Within the $(document).ready() function, call the kendo.bind() method and pass the element that wraps the helper declaration or the Name() of the component by selecting it with jQuery.

This TimeDurationPicker example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.