Migrate Xamarin.Forms SfDateTimeRangeNavigator to MAUI SfRangeSelector
2 Jun 20222 minutes to read
In Xamarin.Forms, SfDateTimeRangeNavigator control, which supports only the date-time scale. But in MAUI, separate controls for this date-time scale and numeric scale. Also, in Xamarin.Forms, the control comes along with the Syncfusion.Xamarin.SfChart package but in MAUI we have the controls that come with the Syncfusion.Maui.Sliders package. The following are the new MAUI controls for migrating from Xamarin.Forms SfDateTimeRangeNavigator to MAUI.
- SfDateTimeRangeSelector - For date-time scale
- SfRangeSelector – For numeric scale
Namespaces
Xamarin SfDateTimeRangeNavigator | .NET MAUI SfDateTimeRangeSelector |
---|---|
Syncfusion.RangeNavigator.XForms | Syncfusion.Maui.Sliders |
Properties
General
Xamarin SfDateTimeRangeNavigator | .NET MAUI SfDateTimeRangeSelector | Description |
---|---|---|
Gets or sets the thumb start value of the track. The thumb starts from this value. | ||
Gets or sets the thumb end value of the track. The thumb ends in this value. | ||
Gets or sets the type of the date interval. By default, it will be Years. | ||
Gets or sets the color to the InactiveRegionColor. | ||
|
Gets or sets a value to customize the appearance of the thumb shape. |
|
|
Gets or sets a value to customize the appearance of the tooltip shape. |
|
Thumb
Xamarin SfDateTimeRangeNavigator | .NET MAUI SfDateTimeRangeSelector | Description |
---|---|---|
|
Gets or sets the radius for the thumb. |
|
Gets or sets the color for the thumb. | ||
Gets or sets the stroke color for the thumb. | ||
Gets or sets the stroke value for the thumb. |
Ticks
Xamarin SfDateTimeRangeNavigator | .NET MAUI SfDateTimeRangeSelector | Description |
---|---|---|
|
Gets or sets the brush for the active ticks. | |
Gets or sets the brush for the inactive ticks. | ||
|
Gets or sets the size for the active ticks. | |
Gets or sets the size for the inactive ticks. |
Labels
Xamarin SfDateTimeRangeNavigator | .NET MAUI SfDateTimeRangeSelector | Description |
---|---|---|
Gets or sets a value indicating whether to show or hide the labels. | ||
Gets or sets the color for the inactive labels. | ||
Gets or sets the color for the active labels. | ||
Gets or sets the font family for the inactive labels. | ||
Gets or sets the font family for the active labels. | ||
Gets or sets the font attributes for the inactive labels. | ||
Gets or sets the font attributes for the active labels. | ||
Gets or sets the size for the inactive font. | ||
Gets or sets the size for the active font. |
Tooltip
Xamarin SfDateTimeRangeNavigator | .NET MAUI SfDateTimeRangeSelector | Description |
---|---|---|
Gets or sets the brush for the tooltip. | ||
Gets or sets the color for the tooltip text. | ||
Gets or sets the brush for the tooltip stroke. | ||
Gets or sets the stroke size for tooltip. | ||
Gets or sets the font size for tooltip text. | ||
Gets or sets the font family for tooltip text. | ||
Gets or sets the font attributes for tooltip text. |
Events
Xamarin SfDateTimeRangeNavigator | .NET MAUI SfDateTimeRangeSelector | Description |
---|---|---|
It occurs when a label is created. It is used to format or change the label text. | ||
It occurs when the user is done selecting a new value for the DateTime Range Selector. |