diff --git a/blazor/timepicker/accessibility.md b/blazor/timepicker/accessibility.md index d3e5e4032b..b25f9a12f8 100644 --- a/blazor/timepicker/accessibility.md +++ b/blazor/timepicker/accessibility.md @@ -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 @@ -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. @@ -81,7 +81,7 @@ N> It supports the following list of shortcut keys to interact with the TimePick | Alt + ↓ | ⌥ + ↓ | Opens the popup. | | Esc | Esc | 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 diff --git a/blazor/timepicker/data-binding.md b/blazor/timepicker/data-binding.md index 497854f20a..4a6f1722bd 100644 --- a/blazor/timepicker/data-binding.md +++ b/blazor/timepicker/data-binding.md @@ -9,7 +9,7 @@ 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 @@ -17,7 +17,7 @@ This section briefly explains how to bind the value to the TimePicker component ## 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 diff --git a/blazor/timepicker/time-range.md b/blazor/timepicker/time-range.md index 48e3e95807..519df1b80d 100644 --- a/blazor/timepicker/time-range.md +++ b/blazor/timepicker/time-range.md @@ -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. @@ -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. \ No newline at end of file diff --git a/blazor/timepicker/timeonly-support.md b/blazor/timepicker/timeonly-support.md index c22ec76d38..b4d5262a93 100644 --- a/blazor/timepicker/timeonly-support.md +++ b/blazor/timepicker/timeonly-support.md @@ -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