1034689- Provided UG content changes for DataTime RangeSelector md files

MAUI/DateTime-Range-Selector/LiquidGlassSupport.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Liquid Glass Effect for .NET MAUI DateTime RangeSelector | Syncfusion®
+title: Liquid Glass Effect in .NET MAUI DateTime Range Selector | Syncfusion®
 description: Learn how to enable and customize the Liquid Glass Effect in the Syncfusion® .NET MAUI DateTime RangeSelector (SfDateTimeRangeSelector) control.
 platform: MAUI
 control: SfDateTimeRangeSelector
@@ -9,32 +9,34 @@ documentation: ug
 
 # Liquid Glass Effect in .NET MAUI DateTimeRangeSelector
 
-The Liquid Glass Effect introduces a modern, translucent design with adaptive color tinting and light refraction, creating a sleek, glass like user experience that remains clear and accessible. This section explains how to enable and customize the effect in the Syncfusion® .NET MAUI DateTime RangeSelector (SfDateTimeRangeSelector) control.
+The Liquid Glass Effect introduces a modern, translucent design with adaptive color tinting and light refraction, creating a sleek, glass-like user experience that remains clear and accessible. This section explains how to enable and customize the effect in the Syncfusion® .NET MAUI DateTime Range Selector (SfDateTimeRangeSelector) control.
 
 ## Apply liquid glass effect
 
-Follow these steps to enable and configure the Liquid Glass Effect in the DateTime RangeSelector control:
+Follow these steps to enable and configure the Liquid Glass Effect in the DateTime Range Selector control:
 
-### Step 1: Enable the liquid glass effect on DateTime RangeSelector
+### Step 1: Enable the liquid glass effect on DateTime Range Selector
 
-Set the [EnableLiquidGlassEffect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_EnableLiquidGlassEffect) property to `true` in the [SfDateTimeRangeSelector](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfDateTimeRangeSelector.html) control to apply the Liquid Glass Effect. When enabled,it provides responsive interaction for a smooth and engaging user experience.
+Set the [EnableLiquidGlassEffect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_EnableLiquidGlassEffect) property to `true` in the [SfDateTimeRangeSelector](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfDateTimeRangeSelector.html) control to apply the Liquid Glass Effect. When enabled, it provides responsive interaction for a smooth and engaging user experience.
 
 The following code snippet demonstrates how to apply the Liquid Glass Effect to the `SfDateTimeRangeSelector` control:
 
 {% tabs %}
 {% highlight xaml tabtitle="MainPage.xaml" hl_lines="8" %}
     <Grid>
-        <Image Source="Wallpaper.png" Aspect="AspectFill">
+        <Image Source="Wallpaper.png" Aspect="AspectFill" />
         <sliders:SfDateTimeRangeSelector
             Minimum="2010-01-01" 
             Maximum="2018-01-01" 
             RangeStart="2012-01-01" 
             RangeEnd="2016-01-01"
-            EnableLiquidGlassEffect="True"/>
+            EnableLiquidGlassEffect="True" />
     </Grid>
 
 {% endhighlight %}
 {% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="23" %}
+using System;
+using Microsoft.Maui.Controls;
 using Syncfusion.Maui.Sliders;
 
 var grid = new Grid
@@ -64,7 +66,7 @@ this.Content = grid;
 {% endhighlight %}
 {% endtabs %}
 
-The following screenshot illustrates SfRangeSlider with the glass effect visible on the thumb while it is pressed.
+The following screenshot illustrates SfDateTimeRangeSelector with the glass effect visible on the thumb while it is pressed.
 
 ![date time range selector with liquid glass support](images/getting-started/rangeslider_liquidglass.gif)
 

MAUI/DateTime-Range-Selector/divider.md

@@ -1,15 +1,15 @@
 ---
 layout: post
-title: Dividers in .NET MAUI Range Selector control | Syncfusion®
-description: Learn here all about the Dividers feature of .NET MAUI Range Selector (SfDateTimeRangeSelector) control and more.
+title: Dividers in .NET MAUI DateTime Range Selector control | Syncfusion®
+description: Learn here all about the Dividers feature of the .NET MAUI DateTime Range Selector (SfDateTimeRangeSelector) control and more.
 platform: maui
 control: SfDateTimeRangeSelector
 documentation: ug
 ---
 
-# Dividers in .NET MAUI DateTime Range Selector
+# Dividers in SfDateTimeRangeSelector for .NET MAUI
 
-This section explains how to add the dividers in the DateTime Range Selector(SfDateTimeRangeSelector).
+This section explains how to add the dividers in the DateTime Range Selector (SfDateTimeRangeSelector).
 
 ## Show dividers
 
@@ -43,6 +43,9 @@ For example, if the [`Minimum`](https://help.syncfusion.com/cr/maui/Syncfusion.M
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
 rangeSelector.Minimum = new DateTime(2010, 01, 01);
@@ -95,6 +98,9 @@ Change the active and inactive divider radius using the [`ActiveRadius`](https:/
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
 rangeSelector.Minimum = new DateTime(2010, 01, 01);
@@ -157,6 +163,11 @@ Also, change the active and inactive divider stroke color using the [`ActiveStro
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui.Graphics;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
 rangeSelector.Minimum = new DateTime(2010, 01, 01);
@@ -220,6 +231,11 @@ Change the active and inactive divider colors using the [`ActiveFill`](https://h
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui.Graphics;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
 rangeSelector.Minimum = new DateTime(2010, 01, 01);

MAUI/DateTime-Range-Selector/events-and-commands.md

@@ -1,24 +1,24 @@
 ---
 layout: post
-title: Events and Commands in.NET MAUI Range Selector control | Syncfusion® 
-description: Learn here all about adding the events and commands of Syncfusion® .NET MAUI Range Selector (SfDateTimeRangeSelector) control and more.
+title: Events and Commands in .NET MAUI DateTime Range Selector | Syncfusion®
+description: Learn here all about the events and commands of the Syncfusion® .NET MAUI DateTime Range Selector (SfDateTimeRangeSelector) control and more.
 platform: maui
 control: SfDateTimeRangeSelector
 documentation: ug
 ---
 
 # Events and Commands in .NET MAUI DateTime Range Selector
 
-This section explains how to add the events and commands for the DateTime Range Selector(SfDateTimeRangeSelector).
+This section explains how to add the events and commands for the DateTime Range Selector (SfDateTimeRangeSelector).
 
 ## Events
 
 ### Handle callbacks
 
-* [ValueChangeStart](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_ValueChangeStart) -  Called when the user selects a new value for the selector by tapping or mouse down on the thumb.
+* [ValueChangeStart](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_ValueChangeStart) -  Called when the user starts selecting a new value for the selector by tapping or mouse down on the thumb.
 * [ValueChanging](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfDateTimeRangeSelector.html#Syncfusion_Maui_Sliders_SfDateTimeRangeSelector_ValueChanging) - Called when the user is selecting a new value for the selector by dragging the thumb.
-* [ValueChanged](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfDateTimeRangeSelector.html#Syncfusion_Maui_Sliders_SfDateTimeRangeSelector_ValueChanged) - Called when the user completed selecting a new value.
-* [ValueChangeEnd](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_ValueChangeEnd) - Called when the user stopped interacting with the selector by tapping or mouse up the thumb.
+* [ValueChanged](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfDateTimeRangeSelector.html#Syncfusion_Maui_Sliders_SfDateTimeRangeSelector_ValueChanged) - Called when the user completes selecting a new value.
+* [ValueChangeEnd](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_ValueChangeEnd) - Called when the user stops interacting with the selector by tapping or mouse up on the thumb.
 
 {% tabs %}
 
@@ -48,6 +48,9 @@ This section explains how to add the events and commands for the DateTime Range
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 {
     SfCartesianChart chart = new SfCartesianChart();
@@ -91,7 +94,7 @@ private void OnValueChangeEnd(object sender, EventArgs e)
 
 Format or change the whole date label text using the [`LabelCreated`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_LabelCreated) event. The [`SliderLabelCreatedEventArgs`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SliderLabelCreatedEventArgs.html) contains the following parameters:
 
-* Text – Customize the text color using the [`Text`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SliderLabelCreatedEventArgs.html#Syncfusion_Maui_Sliders_SliderLabelCreatedEventArgs_Text) parameter.
+* Text – Customize the text using the [`Text`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SliderLabelCreatedEventArgs.html#Syncfusion_Maui_Sliders_SliderLabelCreatedEventArgs_Text) parameter.
 * Style – Formats the text color, font size, font family, and offset using the [`Style`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SliderLabelCreatedEventArgs.html#Syncfusion_Maui_Sliders_SliderLabelCreatedEventArgs_Style) parameter.
 
 {% tabs %}
@@ -125,6 +128,9 @@ Format or change the whole date label text using the [`LabelCreated`](https://he
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 {
     SfCartesianChart chart = new SfCartesianChart();
@@ -214,6 +220,9 @@ Format or change the whole tooltip label text using the [`ToolTipLabelCreated`](
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 {
     SfCartesianChart chart = new SfCartesianChart();
@@ -278,6 +287,10 @@ The [`DragStartedCommand`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.S
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using System.Windows.Input;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 SfCartesianChart chart = new SfCartesianChart();
 SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
@@ -342,6 +355,10 @@ The [`DragStartedCommandParameter`](https://help.syncfusion.com/cr/maui/Syncfusi
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using System.Windows.Input;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 SfCartesianChart chart = new SfCartesianChart();
 SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
@@ -413,7 +430,7 @@ SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
     Maximum = new DateTime(2018, 01, 01),
     RangeStart = new DateTime(2012, 01, 01),
     RangeEnd = new DateTime(2016, 01, 01),
-    DragStartedCommand = viewModel.DragStartedCommand,
+    DragCompletedCommand = viewModel.DragCompletedCommand,
     Content = chart
 };
 
@@ -477,7 +494,7 @@ SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
     Maximum = new DateTime(2018, 01, 01),
     RangeStart = new DateTime(2012, 01, 01),
     RangeEnd = new DateTime(2016, 01, 01),
-    DragStartedCommand = viewModel.DragStartedCommand,
+    DragCompletedCommand = viewModel.DragCompletedCommand,
     DragCompletedCommandParameter = "1",
     Content = chart
 };

MAUI/DateTime-Range-Selector/getting-started.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Getting started with DateTime Range Selector control | Syncfusion®
-description: This section explains about the getting started with Syncfusion® MAUI Range Selector (SfDateTimeRangeSelector) control.
+description: This section explains how to get started with the Syncfusion® .NET MAUI DateTime Range Selector (SfDateTimeRangeSelector) control.
 platform: maui
 control: SfDateTimeRangeSelector
 documentation: ug
@@ -77,13 +77,13 @@ Before proceeding, ensure the following are set up:
 
 ## Step 1: Create a new .NET MAUI project
 
-1. Go to **File > New Solution,** Select .NET (C#) and choose the .NET MAUI App template.
+1. Go to **File > New Solution**, Select .NET (C#) and choose the .NET MAUI App template.
 2. Enter the Project Name, Solution Name, and Location.
 3. Select the .NET framework version and click Create.
 
 ## Step 2: Install the Syncfusion<sup>®</sup> MAUI Sliders NuGet package
 
-1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
+1. In **Solution Explorer**, right-click the project and choose **Manage NuGet Packages**.
 2. Search for [Syncfusion.Maui.Sliders](https://www.nuget.org/packages/Syncfusion.Maui.Sliders/) and install the latest version.
 3. Ensure the necessary dependencies are installed correctly, and the project is restored. If not, Open the Terminal in Rider and manually run: `dotnet restore`
 
@@ -127,7 +127,7 @@ Create an instance of the SfDateTimeRangeSelector and initialize it as follows:
 
 {% tabs %}
 {% highlight xaml %}
-<slider:SfDateTimeRangeSelector ShowLabels="True"
+<sliders:SfDateTimeRangeSelector ShowLabels="True"
                                 ShowTicks="True"
                                 ShowDividers="True"
                                 Minimum="2022-01-01"
@@ -137,7 +137,7 @@ Create an instance of the SfDateTimeRangeSelector and initialize it as follows:
                                 IntervalType="Months"
                                 Interval="2"
                                 DateFormat="MMM yy">
-</slider:SfDateTimeRangeSelector>
+</sliders:SfDateTimeRangeSelector>
 {% endhighlight %}
 
 {% highlight C# %}

MAUI/DateTime-Range-Selector/interval.md

@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Interval in.NET MAUI Range Selector control | Syncfusion® 
-description: Learn here all about adding the Interval feature of Syncfusion® .NET MAUI Range Selector (SfDateTimeRangeSelector) control and more.
+title: Interval in .NET MAUI DateTime Range Selector control | Syncfusion®
+description: Learn here all about the Interval feature of the Syncfusion® .NET MAUI DateTime Range Selector (SfDateTimeRangeSelector) control and more.
 platform: maui
 control: SfDateTimeRangeSelector
 documentation: ug
@@ -17,7 +17,7 @@ The DateTime Range Selector has the elements like labels, ticks, and dividers. T
 
 Change the interval type using the [`IntervalType`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.IDateTimeElement.html#Syncfusion_Maui_Sliders_IDateTimeElement_IntervalType) property. Format or change the label text using the [`DateFormat`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.IDateTimeElement.html#Syncfusion_Maui_Sliders_IDateTimeElement_DateFormat) property.
 
-For example, if the [`Minimum`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_Minimum) is `DateTime(2000, 01, 01)`, [`Maximum`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_Maximum) is `DateTime(2005, 01, 01)`, [`Interval`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_Interval) is `1`, [`IntervalType`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.IDateTimeElement.html#Syncfusion_Maui_Sliders_IDateTimeElement_IntervalType) is [`SliderDateIntervalType.Years`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SliderDateIntervalType.html#Syncfusion_Maui_Sliders_SliderDateIntervalType_Years), and the [`DateFormat`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.IDateTimeElement.html#Syncfusion_Maui_Sliders_IDateTimeElement_DateFormat) is `yyyy`, then the Range Slider will render the labels, major ticks, and dividers at 2000, 2001, 2002, and so on.
+For example, if the [`Minimum`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_Minimum) is `DateTime(2000, 01, 01)`, [`Maximum`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_Maximum) is `DateTime(2005, 01, 01)`, [`Interval`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.RangeView-1.html#Syncfusion_Maui_Sliders_RangeView_1_Interval) is `1`, [`IntervalType`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.IDateTimeElement.html#Syncfusion_Maui_Sliders_IDateTimeElement_IntervalType) is [`SliderDateIntervalType.Years`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SliderDateIntervalType.html#Syncfusion_Maui_Sliders_SliderDateIntervalType_Years), and the [`DateFormat`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.IDateTimeElement.html#Syncfusion_Maui_Sliders_IDateTimeElement_DateFormat) is `yyyy`, then the DateTime Range Selector will render the labels, major ticks, and dividers at 2000, 2001, 2002, and so on.
 
 {% tabs %}
 
@@ -49,6 +49,9 @@ For example, if the [`Minimum`](https://help.syncfusion.com/cr/maui/Syncfusion.M
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
 rangeSelector.Minimum = new DateTime(2000, 01, 01);
@@ -103,6 +106,9 @@ For example, if the [`Minimum`](https://help.syncfusion.com/cr/maui/Syncfusion.M
 {% endhighlight %}
 
 {% highlight C# %}
+using System;
+using Syncfusion.Maui.Charts;
+using Syncfusion.Maui.Sliders;
 
 SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
 rangeSelector.Minimum = new DateTime(2000, 01, 01);