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
6 changes: 3 additions & 3 deletions blazor/timepicker/accessibility.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: post
title: Accessibility in Blazor TimePicker Component | Syncfusion
title: Accessibility in Blazor TimePicker Component | Syncfusion
description: Checkout and learn here all about the accessibility in Syncfusion Blazor TimePicker component and much more.
platform: Blazor
control: TimePicker
Expand All @@ -9,7 +9,7 @@ documentation: ug

# Accessibility in Blazor TimePicker Component

The web accessibility makes web applications and its content more accessible to people with disabilities without any barriers. It especially tracks the dynamic value changes and DOM changes.
Web accessibility makes web applications and its content more accessible to people with disabilities without any barriers. It especially tracks the dynamic value changes and DOM changes.

The [Blazor TimePicker](https://www.syncfusion.com/blazor-components/blazor-timepicker) component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.

Expand Down Expand Up @@ -81,7 +81,7 @@ N> It supports the following list of shortcut keys to interact with the TimePick
| <kbd>Alt</kbd> + <kbd>↓</kbd> | <kbd>⌥</kbd> + <kbd>↓</kbd> | Opens the popup. |
| <kbd>Esc</kbd> | <kbd>Esc</kbd> | Closes the popup. |

N> To focusout the TimePicker component, use the `t` keys. For additional information about native event, [click](https://blazor.syncfusion.com/documentation/timepicker/native-events) here.
N> To demonstrate custom keyboard interaction, press the `t` key (lowercase) to move focus out of the TimePicker component. This is a user-defined example and not a built-in shortcut. For additional information about native event, [click](https://blazor.syncfusion.com/documentation/timepicker/native-events) here.

```cshtml
@using Syncfusion.Blazor.Calendars
Expand Down
4 changes: 2 additions & 2 deletions blazor/timepicker/data-binding.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,15 @@ documentation: ug

# Data Binding in Blazor TimePicker Component

This section briefly explains how to bind the value to the TimePicker component in the below different ways.
This section briefly explains how to bind the value to the TimePicker component in the following different ways.

* One-Way Data Binding
* Two-Way Data Binding
* Dynamic Value Binding

## One-Way Binding

We can bind the value to the TimePicker component directly for `Value` property as mentioned in the following code example. In one-way binding, we need to pass property or variable name along with `@` (For Ex: "@DateValue").
You can bind the value to the TimePicker component directly for `Value` property as mentioned in the following code example. In one-way binding, we need to pass property or variable name along with `@` (For Ex: "@DateValue").

```cshtml
@using Syncfusion.Blazor.Calendars
Expand Down
4 changes: 2 additions & 2 deletions blazor/timepicker/time-range.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ documentation: ug

# Time Range in Blazor TimePicker Component

TimePicker provides an option to select a time value within a specified range by using the [Min](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Calendars.SfTimePicker-1.html#Syncfusion_Blazor_Calendars_SfTimePicker_1_Min) and [Max](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Calendars.SfTimePicker-1.html#Syncfusion_Blazor_Calendars_SfTimePicker_1_Max) properties. The Min value should always be lesser than the Max value. The `Value` property depends on the Min/Max with respect to [StrictMode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Calendars.SfTimePicker-1.html#Syncfusion_Blazor_Calendars_SfTimePicker_1_StrictMode) property.
TimePicker provides an option to select a time value within a specified range by using the [Min](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Calendars.SfTimePicker-1.html#Syncfusion_Blazor_Calendars_SfTimePicker_1_Min) and [Max](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Calendars.SfTimePicker-1.html#Syncfusion_Blazor_Calendars_SfTimePicker_1_Max) properties. The Min value should always be less than the Max value. The `Value` property depends on the Min/Max with respect to [StrictMode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Calendars.SfTimePicker-1.html#Syncfusion_Blazor_Calendars_SfTimePicker_1_StrictMode) property.

The following code allows to select a time value within a range of `9:00 AM` to `11:30 AM`. For more information about StrictMode, refer to the [Strict Mode](./strict-mode) section from the documentation.

Expand Down Expand Up @@ -42,6 +42,6 @@ When the `Min` and `Max` properties are configured and the selected time value i
}
```

![Blazor TimePicker Value without Time Range](./images/blazor-timepicker-value-without-range.png)
![Blazor TimePicker Value without Time Range](./images/blazor-timepicker-value-without-range.webp)

N> If the value of `Min` or `Max` property is changed through code behind, you have to update the `Value` property to set within the range.
2 changes: 1 addition & 1 deletion blazor/timepicker/timeonly-support.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: post
title: TimeOnly Support in Blazor DatePicker Component | Syncfusion
title: TimeOnly Support in Blazor TimePicker Component | Syncfusion
description: Checkout and learn here all about TimeOnly Support in Syncfusion Blazor TimePicker component and much more.
platform: Blazor
control: TimePicker
Expand Down