Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
---
layout: post
title: Getting Started with ##Platform_Name## Timepicker Control
description: Checkout and learn about getting started with ##Platform_Name## Timepicker control of Syncfusion Essential JS 2 and more details.
title: Getting Started with ASP.NET Core TimePicker Control | Syncfusion
description: Checkout and learn about getting started with ASP.NET Core TimePicker control of Syncfusion Essential JS 2 and more details.
platform: ej2-asp-core-mvc
control: Getting Started
publishingplatform: ##Platform_Name##
publishingplatform: ej2-asp-core-mvc
documentation: ug
---

Expand Down Expand Up @@ -180,3 +180,5 @@ The following example demonstrates the TimePicker control in 24 hours format wit
* [How to achieve validation with TimePicker](./how-to/client-side-validation-using-form-validator)
* [Render TimePicker with specific culture](./globalization)
* [How to get and set value in TimePickerFor](./how-to/timepicker-for-core)

N> You can also explore our [ASP.NET Core TimePicker Example](https://ej2.syncfusion.com/aspnetcore/TimePicker/DefaultFunctionalities#/bootstrap5) that shows you how to render the TimePicker in ASP.NET Core.
11 changes: 5 additions & 6 deletions ej2-asp-core-mvc/timepicker/time-range.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
layout: post
title: Time Range in ##Platform_Name## Timepicker Component
description: Learn here all about Time Range in Syncfusion ##Platform_Name## Timepicker component of Syncfusion Essential JS 2 and more.
title: Time Range in ASP.NET Core TimePicker Control | Syncfusion
description: Learn here all about Time Range in Syncfusion ASP.NET Core TimePicker Control of Syncfusion Essential JS 2 and more.
platform: ej2-asp-core-mvc
control: Time Range
publishingplatform: ##Platform_Name##
publishingplatform: ej2-asp-core-mvc
documentation: ug
---


# Time Range
# Time Range in ASP.NET Core TimePicker

TimePicker provides an option to select a time value within a specified range by using the [min](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Calendars.TimePicker.html#Syncfusion_EJ2_Calendars_TimePicker_Min) and [max](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Calendars.TimePicker.html#Syncfusion_EJ2_Calendars_TimePicker_Max) properties. The min value should always be lesser than the max value.
[ASP.NET Core TimePicker](https://www.syncfusion.com/aspnet-core-ui-controls/timepicker) provides an option to select a time value within a specified range by using the [min](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Calendars.TimePicker.html#Syncfusion_EJ2_Calendars_TimePicker_Min) and [max](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Calendars.TimePicker.html#Syncfusion_EJ2_Calendars_TimePicker_Max) properties. The min value should always be lesser than the max value.

When the min and max properties are configured and the selected time value is out-of-range or invalid, then the model value will be set to `out of range` time value or `null` respectively with highlighted `error` class to indicates the time is out of range or invalid.

Expand Down Expand Up @@ -73,4 +73,3 @@ Before the start time selection, the end time TimePicker is in disable state. Wh
{% endhighlight %}
{% endtabs %}
{% endif %}