Adaptive Mode

The Telerik UI for ASP.NET Core DateRangePicker 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().DateRangePicker()
        .Name("daterangepicker") 
        .AdaptiveMode(AdaptiveMode.Auto)
        .Range(r => r.Start(DateTime.Now).End(DateTime.Now.AddDays(10)))
    )

     <kendo-daterangepicker name="daterangepicker" adaptive-mode="AdaptiveMode.Auto">
             <range start="DateTime.Now" end="DateTime.Now.AddDays(10)"/>
     </kendo-daterangepicker>

See Also

• Server-Side API