New to Telerik UI for ASP.NET Core? Download free 30-day trial

Adaptive Mode

The Telerik UI for ASP.NET Core TimeDurationPicker supports an adaptive mode that provides a mobile-friendly rendering of its popup. Which will accommodate its content based on the current screen size.

To set the adaptive mode, use the AdaptiveMode() option.

     @(Html.Kendo().TimeDurationPicker()
         .Name("timeDurationPicker")
         .AdaptiveMode(AdaptiveMode.Auto)
     )
     <kendo-timedurationpicker name="timeDurationPicker"
                               adaptive-mode="AdaptiveMode.Auto">
     </kendo-timedurationpicker>

See Also

In this article