diff --git a/maui/samples/Gallery/ControlList.xml b/maui/samples/Gallery/ControlList.xml
index 23131249..e8218467 100644
--- a/maui/samples/Gallery/ControlList.xml
+++ b/maui/samples/Gallery/ControlList.xml
@@ -24,5 +24,7 @@
+
+
\ No newline at end of file
diff --git a/maui/samples/Gallery/Converters/StringToVisibilityConverter .cs b/maui/samples/Gallery/Converters/StringToVisibilityConverter .cs
new file mode 100644
index 00000000..68c7980e
--- /dev/null
+++ b/maui/samples/Gallery/Converters/StringToVisibilityConverter .cs
@@ -0,0 +1,18 @@
+using System.Globalization;
+
+namespace Syncfusion.Maui.ControlsGallery.Converters
+{
+ public class StringToVisibilityConverter : IValueConverter
+ {
+ public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+ {
+ return !string.IsNullOrEmpty(value as string);
+ }
+
+ public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
+ {
+ return null;
+ }
+
+ }
+}
diff --git a/maui/samples/Gallery/Resources/Images/circularprogressbar.png b/maui/samples/Gallery/Resources/Images/circularprogressbar.png
new file mode 100644
index 00000000..39543a03
Binary files /dev/null and b/maui/samples/Gallery/Resources/Images/circularprogressbar.png differ
diff --git a/maui/samples/Gallery/Resources/Images/datepicker.png b/maui/samples/Gallery/Resources/Images/datepicker.png
new file mode 100644
index 00000000..a0fae170
Binary files /dev/null and b/maui/samples/Gallery/Resources/Images/datepicker.png differ
diff --git a/maui/samples/Gallery/Resources/Images/datetimepicker.png b/maui/samples/Gallery/Resources/Images/datetimepicker.png
new file mode 100644
index 00000000..70dd4e8b
Binary files /dev/null and b/maui/samples/Gallery/Resources/Images/datetimepicker.png differ
diff --git a/maui/samples/Gallery/Resources/Images/linearprogressbar.png b/maui/samples/Gallery/Resources/Images/linearprogressbar.png
new file mode 100644
index 00000000..3e5bd527
Binary files /dev/null and b/maui/samples/Gallery/Resources/Images/linearprogressbar.png differ
diff --git a/maui/samples/Gallery/Resources/Images/picker.png b/maui/samples/Gallery/Resources/Images/picker.png
new file mode 100644
index 00000000..446bba29
Binary files /dev/null and b/maui/samples/Gallery/Resources/Images/picker.png differ
diff --git a/maui/samples/Gallery/Resources/Images/timepicker.png b/maui/samples/Gallery/Resources/Images/timepicker.png
new file mode 100644
index 00000000..583f7186
Binary files /dev/null and b/maui/samples/Gallery/Resources/Images/timepicker.png differ
diff --git a/maui/samples/Gallery/SampleList/PickerSamplesList.xml b/maui/samples/Gallery/SampleList/PickerSamplesList.xml
new file mode 100644
index 00000000..c1960833
--- /dev/null
+++ b/maui/samples/Gallery/SampleList/PickerSamplesList.xml
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/maui/samples/Gallery/SampleList/ProgressBarSamplesList.xml b/maui/samples/Gallery/SampleList/ProgressBarSamplesList.xml
new file mode 100644
index 00000000..217fc850
--- /dev/null
+++ b/maui/samples/Gallery/SampleList/ProgressBarSamplesList.xml
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/maui/samples/Gallery/Samples/Button/Customizations/View/CustomizationsDesktop.xaml b/maui/samples/Gallery/Samples/Button/Customizations/View/CustomizationsDesktop.xaml
index e520160e..d0125b9d 100644
--- a/maui/samples/Gallery/Samples/Button/Customizations/View/CustomizationsDesktop.xaml
+++ b/maui/samples/Gallery/Samples/Button/Customizations/View/CustomizationsDesktop.xaml
@@ -466,7 +466,7 @@
-
diff --git a/maui/samples/Gallery/Samples/Button/Customizations/View/CustomizationsMobile.xaml b/maui/samples/Gallery/Samples/Button/Customizations/View/CustomizationsMobile.xaml
index e48ae3e4..9c89572a 100644
--- a/maui/samples/Gallery/Samples/Button/Customizations/View/CustomizationsMobile.xaml
+++ b/maui/samples/Gallery/Samples/Button/Customizations/View/CustomizationsMobile.xaml
@@ -433,7 +433,7 @@
-
diff --git a/maui/samples/Gallery/Samples/Button/Customizations/ViewModel/ViewModel.cs b/maui/samples/Gallery/Samples/Button/Customizations/ViewModel/ViewModel.cs
index 45d8be9a..2ae246d8 100644
--- a/maui/samples/Gallery/Samples/Button/Customizations/ViewModel/ViewModel.cs
+++ b/maui/samples/Gallery/Samples/Button/Customizations/ViewModel/ViewModel.cs
@@ -104,6 +104,12 @@ public partial class ViewModel : INotifyPropertyChanged
/// Selected Index of BackgroundImageAspect.
///
private int _aspectSelectedIndex = 0;
+
+ ///
+ /// Represents whether the AspectList feature is enabled.
+ ///
+ private bool _enableAspectList = false;
+
#endregion
#region Property
@@ -314,10 +320,12 @@ public bool CanShowBackgroundImage
if (value)
{
BackgroundImage = "april.png";
+ EnableAspectList = true;
}
else
{
BackgroundImage = null;
+ EnableAspectList = false;
}
OnPropertyChanged("CanShowBackgroundImage");
OnPropertyChanged("BackgroundImage");
@@ -414,6 +422,15 @@ public int TextTransformSelectedIndex
}
}
+ public bool EnableAspectList
+ {
+ get { return _enableAspectList; }
+ set
+ {
+ _enableAspectList = value;
+ OnPropertyChanged("EnableAspectList");
+ }
+ }
#endregion
diff --git a/maui/samples/Gallery/Samples/Calendar/AppearanceCustomization/Behavior/AppearanceCustomizationBehavior.cs b/maui/samples/Gallery/Samples/Calendar/AppearanceCustomization/Behavior/AppearanceCustomizationBehavior.cs
index 832ee9c4..1a6b4f5c 100644
--- a/maui/samples/Gallery/Samples/Calendar/AppearanceCustomization/Behavior/AppearanceCustomizationBehavior.cs
+++ b/maui/samples/Gallery/Samples/Calendar/AppearanceCustomization/Behavior/AppearanceCustomizationBehavior.cs
@@ -15,7 +15,7 @@ internal class AppearanceCustomizationBehavior : Behavior
///
/// The combo box that allows users to choose to whether to select date or a range.
///
- Picker? _comboBox;
+ Microsoft.Maui.Controls.Picker? _comboBox;
///
/// Check the application theme is light or dark.
@@ -35,7 +35,7 @@ protected override void OnAttachedTo(SampleView bindable)
_calendar.SelectionBackground = _isLightTheme ? Color.FromRgba("#6750A4").WithAlpha(0.5f) : Color.FromRgba("#D0BCFF").WithAlpha(0.5f);
_calendar.TodayHighlightBrush = _isLightTheme ? Color.FromRgba("#6750A4") : Color.FromRgba("#D0BCFF");
_calendar.SelectionShape = CalendarSelectionShape.Circle;
- _comboBox = bindable.Content.FindByName("comboBox");
+ _comboBox = bindable.Content.FindByName("comboBox");
_comboBox.ItemsSource = new List() { "Circle", "Rectangle" };
_comboBox.SelectedIndex = 0;
_comboBox.SelectedIndexChanged += ComboBox_SelectionChanged;
@@ -62,7 +62,7 @@ protected override void OnDetachingFrom(SampleView bindable)
/// Event Arguments
void ComboBox_SelectionChanged(object? sender, EventArgs e)
{
- if (_calendar != null && sender is Picker picker && picker.SelectedItem is string selectionShape)
+ if (_calendar != null && sender is Microsoft.Maui.Controls.Picker picker && picker.SelectedItem is string selectionShape)
{
if (_calendar.BindingContext is AppearanceViewModel)
{
diff --git a/maui/samples/Gallery/Samples/Calendar/DateSelection/Behavior/DateSelectionBehavior.cs b/maui/samples/Gallery/Samples/Calendar/DateSelection/Behavior/DateSelectionBehavior.cs
index 7a97f949..bb904204 100644
--- a/maui/samples/Gallery/Samples/Calendar/DateSelection/Behavior/DateSelectionBehavior.cs
+++ b/maui/samples/Gallery/Samples/Calendar/DateSelection/Behavior/DateSelectionBehavior.cs
@@ -15,7 +15,7 @@ internal class DateSelectionBehavior : Behavior
///
/// The combo box that allows users to choose to whether to select date or a range.
///
- Picker? _comboBox;
+ Microsoft.Maui.Controls.Picker? _comboBox;
///
/// The label to display the selected date or range.
@@ -67,7 +67,7 @@ protected override void OnAttachedTo(SampleView bindable)
_label = bindable.Content.FindByName
- Picker? _comboBox;
+ Microsoft.Maui.Controls.Picker? _comboBox;
///
/// This combo box is used to choose the selection mode of the calendar
///
- Picker? _selectionComboBox;
+ Microsoft.Maui.Controls.Picker? _selectionComboBox;
///
/// This combo box is used to choose the selection shape of the calendar
///
- Picker? _selectionShapeComboBox;
+ Microsoft.Maui.Controls.Picker? _selectionShapeComboBox;
///
/// This combo box is used to choose the selection direction of the calendar
///
- Picker? _directionComboBox;
+ Microsoft.Maui.Controls.Picker? _directionComboBox;
///
/// Grid for SelectionDirection, TrailingDates and EnableSwipeSelection
@@ -119,23 +119,23 @@ protected override void OnAttachedTo(SampleView bindable)
_cornerRadiusSlider = bindable.Content.FindByName("cornerRadiusSlider");
- _comboBox = bindable.Content.FindByName("comboBox");
+ _comboBox = bindable.Content.FindByName("comboBox");
_comboBox.ItemsSource = Enum.GetValues(typeof(CalendarView)).Cast().ToList();
_comboBox.SelectedIndex = 0;
_comboBox.SelectedIndexChanged += ComboBox_SelectionChanged;
- _selectionComboBox = bindable.Content.FindByName("selectionComboBox");
+ _selectionComboBox = bindable.Content.FindByName("selectionComboBox");
_selectionComboBox.ItemsSource = Enum.GetValues(typeof(CalendarSelectionMode)).Cast().ToList();
_selectionComboBox.SelectedIndex = 0;
_selectionComboBox.SelectedIndexChanged += ComboBox_SelectionTypeChanged;
- _selectionShapeComboBox = bindable.Content.FindByName("selectionShapeComboBox");
+ _selectionShapeComboBox = bindable.Content.FindByName("selectionShapeComboBox");
_selectionShapeComboBox.ItemsSource = Enum.GetValues(typeof(CalendarSelectionShape)).Cast().ToList();
_selectionShapeComboBox.SelectedIndex = 0;
_selectionShapeComboBox.SelectedIndexChanged += ComboBox_SelectionShapeChanged;
_selectionDirectionGrid = bindable.Content.FindByName("selectionDirectionGrid");
- _directionComboBox = bindable.Content.FindByName("directionComboBox");
+ _directionComboBox = bindable.Content.FindByName("directionComboBox");
_directionComboBox.ItemsSource = Enum.GetValues(typeof(CalendarRangeSelectionDirection)).Cast().ToList();
_directionComboBox.SelectedIndex = 0;
_directionComboBox.SelectedIndexChanged += DirectionComboBox_SelectionChanged;
@@ -240,7 +240,7 @@ void DatePicker_DateSelected(object? sender, DateChangedEventArgs e)
/// Event Arguments
void DirectionComboBox_SelectionChanged(object? sender, EventArgs e)
{
- if (_calendar != null && sender is Picker picker && picker.SelectedItem is CalendarRangeSelectionDirection selectionDirection)
+ if (_calendar != null && sender is Microsoft.Maui.Controls.Picker picker && picker.SelectedItem is CalendarRangeSelectionDirection selectionDirection)
{
_calendar.RangeSelectionDirection = selectionDirection;
}
@@ -300,7 +300,7 @@ void Calendar_ViewChanged(object? sender, CalendarViewChangedEventArgs e)
/// Event Arguments
void ComboBox_SelectionTypeChanged(object? sender, EventArgs e)
{
- if (_calendar != null && sender is Picker picker && picker.SelectedItem is CalendarSelectionMode selectionMode)
+ if (_calendar != null && sender is Microsoft.Maui.Controls.Picker picker && picker.SelectedItem is CalendarSelectionMode selectionMode)
{
_calendar.SelectionMode = selectionMode;
if (_calendar.SelectionMode == CalendarSelectionMode.Range)
@@ -349,7 +349,7 @@ void ComboBox_SelectionTypeChanged(object? sender, EventArgs e)
/// Event Arguments
void ComboBox_SelectionShapeChanged(object? sender, EventArgs e)
{
- if (_calendar != null && sender is Picker picker && picker.SelectedItem is CalendarSelectionShape selectionShape)
+ if (_calendar != null && sender is Microsoft.Maui.Controls.Picker picker && picker.SelectedItem is CalendarSelectionShape selectionShape)
{
_calendar.SelectionShape = selectionShape;
}
@@ -362,7 +362,7 @@ void ComboBox_SelectionShapeChanged(object? sender, EventArgs e)
/// Event Arguments
void ComboBox_SelectionChanged(object? sender, EventArgs e)
{
- if (_calendar != null && sender is Picker picker && picker.SelectedItem is CalendarView view)
+ if (_calendar != null && sender is Microsoft.Maui.Controls.Picker picker && picker.SelectedItem is CalendarView view)
{
_calendar.View = view;
if (_trailingDatesGrid != null)
diff --git a/maui/samples/Gallery/Samples/Calendar/GettingStarted/View/GettingStarted.xaml b/maui/samples/Gallery/Samples/Calendar/GettingStarted/View/GettingStarted.xaml
index 5ef3dab6..58b6560d 100644
--- a/maui/samples/Gallery/Samples/Calendar/GettingStarted/View/GettingStarted.xaml
+++ b/maui/samples/Gallery/Samples/Calendar/GettingStarted/View/GettingStarted.xaml
@@ -30,7 +30,7 @@
-
-
-
-
-
+ HorizontalOptions="Start"
+ HeightRequest="37"
+ VerticalTextAlignment="Center"/>
+
@@ -187,7 +190,7 @@
-
-
diff --git a/maui/samples/Gallery/Samples/CartesianChart/Selection/Selection.xaml b/maui/samples/Gallery/Samples/CartesianChart/Selection/Selection.xaml
index dc372938..0cdd425c 100644
--- a/maui/samples/Gallery/Samples/CartesianChart/Selection/Selection.xaml
+++ b/maui/samples/Gallery/Samples/CartesianChart/Selection/Selection.xaml
@@ -75,7 +75,7 @@
-
+
diff --git a/maui/samples/Gallery/Samples/CartesianChart/Selection/SeriesSelection.xaml b/maui/samples/Gallery/Samples/CartesianChart/Selection/SeriesSelection.xaml
index 0ce8e920..aa393edd 100644
--- a/maui/samples/Gallery/Samples/CartesianChart/Selection/SeriesSelection.xaml
+++ b/maui/samples/Gallery/Samples/CartesianChart/Selection/SeriesSelection.xaml
@@ -77,7 +77,7 @@
-
+
diff --git a/maui/samples/Gallery/Samples/CartesianChart/Tooltip/CartesianTooltip.xaml b/maui/samples/Gallery/Samples/CartesianChart/Tooltip/CartesianTooltip.xaml
index b4953db9..b978d652 100644
--- a/maui/samples/Gallery/Samples/CartesianChart/Tooltip/CartesianTooltip.xaml
+++ b/maui/samples/Gallery/Samples/CartesianChart/Tooltip/CartesianTooltip.xaml
@@ -25,16 +25,17 @@
-
-
+
+
+
-
+
-
-
+
+
@@ -42,10 +43,10 @@
-
+
-
-
+
+
diff --git a/maui/samples/Gallery/Samples/CartesianChart/Tooltip/TooltipViewModel.cs b/maui/samples/Gallery/Samples/CartesianChart/Tooltip/TooltipViewModel.cs
index d82ea1fe..7bfaa8f3 100644
--- a/maui/samples/Gallery/Samples/CartesianChart/Tooltip/TooltipViewModel.cs
+++ b/maui/samples/Gallery/Samples/CartesianChart/Tooltip/TooltipViewModel.cs
@@ -1,4 +1,5 @@
using System.Collections.ObjectModel;
+using System.Globalization;
namespace Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart
{
@@ -22,4 +23,32 @@ public TooltipViewModel()
];
}
}
+
+ public class TooltipValuesConverter : IValueConverter
+ {
+ public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+ {
+ if (value is ChartDataModel model)
+ {
+ var param = parameter?.ToString();
+
+ switch (param)
+ {
+ case "Value":
+ return $": {model.Value}M";
+ case "Size":
+ return $": {model.Size}M";
+ case "Value1":
+ return model.Value1;
+ }
+ }
+
+ return value;
+ }
+
+ public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
+ {
+ return value;
+ }
+ }
}
diff --git a/maui/samples/Gallery/Samples/CartesianChart/Trackball/CartesianTrackball.xaml b/maui/samples/Gallery/Samples/CartesianChart/Trackball/CartesianTrackball.xaml
index 5f800c4f..eb9123b4 100644
--- a/maui/samples/Gallery/Samples/CartesianChart/Trackball/CartesianTrackball.xaml
+++ b/maui/samples/Gallery/Samples/CartesianChart/Trackball/CartesianTrackball.xaml
@@ -114,13 +114,13 @@
+ SelectedItem="{Binding Source={x:Reference ViewModel}, Path=DisplayMode[0]}"
+ VerticalOptions="Start" HorizontalOptions="Fill"
+ x:Name="picker"
+ SelectedIndex="0"
+ SelectedIndexChanged="picker_SelectedIndexChanged"
+ Background="{OnPlatform Default={AppThemeBinding Dark={StaticResource TextColour1Dark}, Light={StaticResource BackgroundLight}},Android=Transparent}"
+ TextColor="{OnPlatform Default={StaticResource TextColourLight}, Android={AppThemeBinding Light={StaticResource TextColourLight}, Dark={StaticResource TextColourDark}}}">
diff --git a/maui/samples/Gallery/Samples/CartesianChart/Zoom/ChartZooming.xaml b/maui/samples/Gallery/Samples/CartesianChart/Zoom/ChartZooming.xaml
index dab0631e..a80a779a 100644
--- a/maui/samples/Gallery/Samples/CartesianChart/Zoom/ChartZooming.xaml
+++ b/maui/samples/Gallery/Samples/CartesianChart/Zoom/ChartZooming.xaml
@@ -70,15 +70,15 @@
-
+
diff --git a/maui/samples/Gallery/Samples/Chips/ChipGettingStarted/ChipGettingStaredMobile.xaml.cs b/maui/samples/Gallery/Samples/Chips/ChipGettingStarted/ChipGettingStaredMobile.xaml.cs
index 3143ee62..891d9424 100644
--- a/maui/samples/Gallery/Samples/Chips/ChipGettingStarted/ChipGettingStaredMobile.xaml.cs
+++ b/maui/samples/Gallery/Samples/Chips/ChipGettingStarted/ChipGettingStaredMobile.xaml.cs
@@ -10,12 +10,10 @@ public ChipGettingStartedMobile()
}
private void SfChipGroup_SelectionChanged(object sender, Syncfusion.Maui.Toolkit.Chips.SelectionChangedEventArgs e)
{
- if (sender != null && ((sender as SfChipGroup)?.BindingContext as ChipViewModel) != null)
+ if (sender != null && sender is SfChipGroup chipGroup && chipGroup.BindingContext is ChipViewModel viewModel)
{
-#pragma warning disable CS8602 // Dereference of a possibly null reference.
if (!string.IsNullOrEmpty("SelectedAddOnItems"))
{
- var viewModel = ((sender as SfChipGroup).BindingContext as ChipViewModel);
if (viewModel.SelectedAddOnItems.Contains("Fast Charge"))
{
viewModel.FastChargePrice = 399;
@@ -26,7 +24,7 @@ private void SfChipGroup_SelectionChanged(object sender, Syncfusion.Maui.Toolkit
}
if (viewModel.SelectedAddOnItems.Contains("2 Years Extended Warranty"))
{
- viewModel.WarrentyPrice = 799;
+ viewModel.WarrantyPrice = 799;
}
if (!viewModel.SelectedAddOnItems.Contains("Fast Charge"))
{
@@ -38,11 +36,11 @@ private void SfChipGroup_SelectionChanged(object sender, Syncfusion.Maui.Toolkit
}
if (!viewModel.SelectedAddOnItems.Contains("2 Years Extended Warranty"))
{
- viewModel.WarrentyPrice = 0;
+ viewModel.WarrantyPrice = 0;
}
if (viewModel.SelectedAddOnItems.Contains("Fast Charge") || viewModel.SelectedAddOnItems.Contains("512 MB SD Card") || viewModel.SelectedAddOnItems.Contains("2 Years Extended Warranty"))
{
- viewModel.TotalAmount = viewModel.FastChargePrice + viewModel.SDCardPrice + viewModel.WarrentyPrice;
+ viewModel.TotalAmount = viewModel.FastChargePrice + viewModel.SDCardPrice + viewModel.WarrantyPrice;
viewModel.TotalPrice = "$ " + viewModel.TotalAmount;
}
else
@@ -51,8 +49,10 @@ private void SfChipGroup_SelectionChanged(object sender, Syncfusion.Maui.Toolkit
viewModel.TotalPrice = "$ " + viewModel.TotalAmount;
}
}
- } ((sender as SfChipGroup).BindingContext as ChipViewModel).FinalAmount = ((sender as SfChipGroup).BindingContext as ChipViewModel).TotalAmount;
-#pragma warning restore CS8602 // Dereference of a possibly null reference.
+
+ viewModel.FinalAmount = viewModel.TotalAmount;
+ }
+
}
}
}
\ No newline at end of file
diff --git a/maui/samples/Gallery/Samples/Chips/ChipGettingStarted/ChipGettingStartedDesktop.xaml.cs b/maui/samples/Gallery/Samples/Chips/ChipGettingStarted/ChipGettingStartedDesktop.xaml.cs
index 9e654cff..d41312d3 100644
--- a/maui/samples/Gallery/Samples/Chips/ChipGettingStarted/ChipGettingStartedDesktop.xaml.cs
+++ b/maui/samples/Gallery/Samples/Chips/ChipGettingStarted/ChipGettingStartedDesktop.xaml.cs
@@ -11,12 +11,10 @@ public ChipGettingStartedDesktop()
}
private void SfChipGroup_SelectionChanged(object sender, Syncfusion.Maui.Toolkit.Chips.SelectionChangedEventArgs e)
{
- if (sender != null && ((sender as SfChipGroup)?.BindingContext as ChipViewModel) != null)
+ if (sender != null && sender is SfChipGroup chipGroup && chipGroup.BindingContext is ChipViewModel viewModel)
{
-#pragma warning disable CS8602 // Dereference of a possibly null reference.
if (!string.IsNullOrEmpty("SelectedAddOnItems"))
{
- var viewModel = ((sender as SfChipGroup).BindingContext as ChipViewModel);
if (viewModel.SelectedAddOnItems.Contains("Fast Charge"))
{
viewModel.FastChargePrice = 657;
@@ -27,7 +25,7 @@ private void SfChipGroup_SelectionChanged(object sender, Syncfusion.Maui.Toolkit
}
if (viewModel.SelectedAddOnItems.Contains("2 Years Extended Warranty"))
{
- viewModel.WarrentyPrice = 799;
+ viewModel.WarrantyPrice = 799;
}
if (!viewModel.SelectedAddOnItems.Contains("Fast Charge"))
{
@@ -39,11 +37,11 @@ private void SfChipGroup_SelectionChanged(object sender, Syncfusion.Maui.Toolkit
}
if (!viewModel.SelectedAddOnItems.Contains("2 Years Extended Warranty"))
{
- viewModel.WarrentyPrice = 0;
+ viewModel.WarrantyPrice = 0;
}
if (viewModel.SelectedAddOnItems.Contains("Fast Charge") || viewModel.SelectedAddOnItems.Contains("512 MB SD Card") || viewModel.SelectedAddOnItems.Contains("2 Years Extended Warranty"))
{
- viewModel.TotalAmount = viewModel.FastChargePrice + viewModel.SDCardPrice + viewModel.WarrentyPrice;
+ viewModel.TotalAmount = viewModel.FastChargePrice + viewModel.SDCardPrice + viewModel.WarrantyPrice;
viewModel.TotalPrice = "$ " + viewModel.TotalAmount;
}
else
@@ -53,8 +51,9 @@ private void SfChipGroup_SelectionChanged(object sender, Syncfusion.Maui.Toolkit
}
}
- } ((sender as SfChipGroup).BindingContext as ChipViewModel).FinalAmount = ((sender as SfChipGroup).BindingContext as ChipViewModel).TotalAmount;
-#pragma warning restore CS8602 // Dereference of a possibly null reference.
+
+ viewModel.FinalAmount = viewModel.TotalAmount;
+ }
}
}
}
\ No newline at end of file
diff --git a/maui/samples/Gallery/Samples/Chips/ViewModel/ChipViewModel.cs b/maui/samples/Gallery/Samples/Chips/ViewModel/ChipViewModel.cs
index 93904570..8417fb82 100644
--- a/maui/samples/Gallery/Samples/Chips/ViewModel/ChipViewModel.cs
+++ b/maui/samples/Gallery/Samples/Chips/ViewModel/ChipViewModel.cs
@@ -192,7 +192,7 @@ public void OnPropertyChanged([CallerMemberName] string? name = null) =>
List? _addOnItems = ["Fast Charge", "512 MB SD Card", "2 Years Extended Warranty"];
///
- /// The devivery option choice collection.
+ /// The delivery option choice collection.
///
List? _deliveryOptions = ["Free Delivery", "+$5 for 1 Day Delivery"];
@@ -236,9 +236,9 @@ public void OnPropertyChanged([CallerMemberName] string? name = null) =>
int _sdCardPrice = 0;
///
- /// The warrenty price.
+ /// The warranty price.
///
- int _warrentyPrice = 0;
+ int _warrantyPrice = 0;
///
/// The delivery date.
@@ -922,7 +922,7 @@ public List? DeliveryOptions
}
///
- /// Gets or sets the contols list.
+ /// Gets or sets the controls list.
///
/// The ControlsList.
public List? ControlsList
@@ -1020,13 +1020,13 @@ public int SDCardPrice
}
///
- /// Gets or sets the warrenty price.
+ /// Gets or sets the warranty price.
///
- /// The WarrentyPrice.
- public int WarrentyPrice
+ /// The WarrantyPrice.
+ public int WarrantyPrice
{
- get { return _warrentyPrice; }
- set { _warrentyPrice = value; OnPropertyChanged(nameof(WarrentyPrice)); }
+ get { return _warrantyPrice; }
+ set { _warrantyPrice = value; OnPropertyChanged(nameof(WarrantyPrice)); }
}
///
@@ -1183,7 +1183,6 @@ public SfChipsType ChipType
///
/// Initializes a new instance of the class.
///
- [Obsolete]
public ChipViewModel()
{
ActionCommand = new Command(HandleAction);
@@ -1196,9 +1195,7 @@ public ChipViewModel()
void HandleAction(object obj)
{
Result.Clear();
-
-#pragma warning disable CS8602 // Dereference of a possibly null reference.
- if (obj != null && obj.ToString().Equals("Search by brands", StringComparison.Ordinal) && _selectedItem != null && _brands.Count > 0)
+ if (obj?.ToString()?.Equals("Search by brands", StringComparison.Ordinal) == true && _selectedItem != null && _brands?.Count > 0)
{
foreach (var brand in _brands)
{
@@ -1206,10 +1203,8 @@ void HandleAction(object obj)
}
}
- else if (FilterItems.Count > 0 && _selectedItem != null && _selectedFilterItems.Count > 0 && _brands.Count > 0)
+ else if (FilterItems.Count > 0 && _selectedItem != null && _selectedFilterItems.Count > 0 && _brands?.Count > 0)
{
-
-
foreach (var feature in _selectedFilterItems)
{
foreach (var brand in _brands)
diff --git a/maui/samples/Gallery/Samples/CircularChart/Doughnut/GroupToDoughnutChart.xaml b/maui/samples/Gallery/Samples/CircularChart/Doughnut/GroupToDoughnutChart.xaml
index fb92e959..750eff1a 100644
--- a/maui/samples/Gallery/Samples/CircularChart/Doughnut/GroupToDoughnutChart.xaml
+++ b/maui/samples/Gallery/Samples/CircularChart/Doughnut/GroupToDoughnutChart.xaml
@@ -99,10 +99,10 @@
Margin="0,13,0,0" Grid.Column="0" />
+ ItemsSource="{Binding PieGroupMode}" SelectedIndexChanged="groupTo_SelectedIndexChanged"
+ Background="{OnPlatform Default={AppThemeBinding Dark={StaticResource TextColour1Dark}, Light={StaticResource BackgroundLight}},Android=Transparent}"
+ TextColor="{OnPlatform Default={StaticResource TextColourLight}, Android={AppThemeBinding Light={StaticResource TextColourLight}, Dark={StaticResource TextColourDark}}}">
diff --git a/maui/samples/Gallery/Samples/CircularChart/Interaction/Tooltip.xaml b/maui/samples/Gallery/Samples/CircularChart/Interaction/Tooltip.xaml
index a5324b47..18317211 100644
--- a/maui/samples/Gallery/Samples/CircularChart/Interaction/Tooltip.xaml
+++ b/maui/samples/Gallery/Samples/CircularChart/Interaction/Tooltip.xaml
@@ -18,11 +18,12 @@
-
+
+
-
-
+
+
diff --git a/maui/samples/Gallery/Samples/CircularChart/Interaction/Tooltip.xaml.cs b/maui/samples/Gallery/Samples/CircularChart/Interaction/Tooltip.xaml.cs
index 80b173ec..79459a2b 100644
--- a/maui/samples/Gallery/Samples/CircularChart/Interaction/Tooltip.xaml.cs
+++ b/maui/samples/Gallery/Samples/CircularChart/Interaction/Tooltip.xaml.cs
@@ -1,4 +1,6 @@
-namespace Syncfusion.Maui.ControlsGallery.CircularChart.SfCircularChart
+using System.Globalization;
+
+namespace Syncfusion.Maui.ControlsGallery.CircularChart.SfCircularChart
{
public partial class Tooltip : SampleView
{
@@ -13,4 +15,27 @@ public override void OnDisappearing()
Chart.Handler?.DisconnectHandler();
}
}
+
+ public class TooltipValueConverter : IValueConverter
+ {
+ public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+ {
+ if (value is ChartDataModel model)
+ {
+ switch (parameter?.ToString())
+ {
+ case "Name":
+ return model.Name;
+ case "Value":
+ return model.Value;
+ }
+ }
+
+ return value;
+ }
+ public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
+ {
+ return value;
+ }
+ }
}
diff --git a/maui/samples/Gallery/Samples/CircularChart/Pie/GroupToPieChart.xaml b/maui/samples/Gallery/Samples/CircularChart/Pie/GroupToPieChart.xaml
index 82a434bb..40ebab78 100644
--- a/maui/samples/Gallery/Samples/CircularChart/Pie/GroupToPieChart.xaml
+++ b/maui/samples/Gallery/Samples/CircularChart/Pie/GroupToPieChart.xaml
@@ -20,10 +20,10 @@
-
+
-
+
+ ItemsSource="{Binding PieGroupMode}" SelectedIndexChanged="groupTo_SelectedIndexChanged"
+ Background="{OnPlatform Default={AppThemeBinding Dark={StaticResource TextColour1Dark}, Light={StaticResource BackgroundLight}},Android=Transparent}"
+ TextColor="{OnPlatform Default={StaticResource TextColourLight}, Android={AppThemeBinding Light={StaticResource TextColourLight}, Dark={StaticResource TextColourDark}}}">
diff --git a/maui/samples/Gallery/Samples/CircularChart/Pie/SmartDataLabels.xaml b/maui/samples/Gallery/Samples/CircularChart/Pie/SmartDataLabels.xaml
index 5e0240d3..78ad1a49 100644
--- a/maui/samples/Gallery/Samples/CircularChart/Pie/SmartDataLabels.xaml
+++ b/maui/samples/Gallery/Samples/CircularChart/Pie/SmartDataLabels.xaml
@@ -21,13 +21,14 @@
+
-
-
+
@@ -66,7 +67,7 @@
-
+
@@ -74,11 +75,11 @@
Margin="0,15,0,0" Grid.Column="0" />
+ SelectedIndexChanged="smartDataLabel_SelectedIndexChanged"
+ Background="{OnPlatform Default={AppThemeBinding Dark={StaticResource TextColour1Dark}, Light={StaticResource BackgroundLight}},Android=Transparent}"
+ TextColor="{OnPlatform Default={StaticResource TextColourLight}, Android={AppThemeBinding Light={StaticResource TextColourLight}, Dark={StaticResource TextColourDark}}}">
diff --git a/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarChart.xaml b/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarChart.xaml
index 5092484c..fba1c0ca 100644
--- a/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarChart.xaml
+++ b/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarChart.xaml
@@ -47,7 +47,7 @@
-
+ WidthRequest="{OnPlatform Default=130, WinUI=138}" Margin="0,13,0,0"
+ ItemsSource="{Binding CapStyles}"
+ Background="{OnPlatform Default={AppThemeBinding Dark={StaticResource TextColour1Dark}, Light={StaticResource BackgroundLight}},Android=Transparent}"
+ TextColor="{OnPlatform Default={StaticResource TextColourLight}, Android={AppThemeBinding Light={StaticResource TextColourLight}, Dark={StaticResource TextColourDark}}}">
@@ -98,9 +98,9 @@
+ WidthRequest="{OnPlatform Default=130, WinUI=138}"
+ Background="{OnPlatform Default={AppThemeBinding Dark={StaticResource TextColour1Dark}, Light={StaticResource BackgroundLight}},Android=Transparent}"
+ TextColor="{OnPlatform Default={StaticResource TextColourLight}, Android={AppThemeBinding Light={StaticResource TextColourLight}, Dark={StaticResource TextColourDark}}}">
@@ -110,12 +110,12 @@
-
+
@@ -125,7 +125,7 @@
-
@@ -137,7 +137,7 @@
-
@@ -150,7 +150,7 @@
diff --git a/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarChart.xaml.cs b/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarChart.xaml.cs
index 43804eeb..94f064c1 100644
--- a/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarChart.xaml.cs
+++ b/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarChart.xaml.cs
@@ -14,7 +14,7 @@ private void InitializeProperties()
{
capStyle.SelectedIndex = 1;
trackFill.SelectedIndex = 0;
- trackStroke.SelectedIndex = 1;
+ trackStroke.SelectedIndex = 0;
startAngle.Value = -90;
endAngle.Value = 270;
}
@@ -43,27 +43,27 @@ private void trackStroke_SelectedIndexChanged(object sender, EventArgs e)
var value = (MAUIPicker)sender;
switch (value.SelectedIndex)
{
- case 1:
+ case 0:
{
radialBarSeries.TrackStroke = new SolidColorBrush(Color.FromRgba(0, 0, 0, 0.24));
break;
}
- case 2:
+ case 1:
{
radialBarSeries.TrackStroke = new SolidColorBrush(Color.FromRgba("#CBD5E1"));
break;
}
- case 3:
+ case 2:
{
radialBarSeries.TrackStroke = new SolidColorBrush(Color.FromRgba("#BFDBFE"));
break;
}
- case 4:
+ case 3:
{
radialBarSeries.TrackStroke = new SolidColorBrush(Color.FromRgba("#FED7AA"));
break;
}
- case 5:
+ case 4:
{
radialBarSeries.TrackStroke = new SolidColorBrush(Color.FromRgba("#DDD6FE"));
break;
@@ -76,27 +76,35 @@ private void trackFill_SelectedIndexChanged(object sender, EventArgs e)
var value = (MAUIPicker)sender;
switch (value.SelectedIndex)
{
- case 1:
+ case 0:
{
- radialBarSeries.TrackFill = new SolidColorBrush(Color.FromRgba(0, 0, 0, 0.08));
- break;
+ if (Application.Current?.RequestedTheme == AppTheme.Dark)
+ {
+ radialBarSeries.TrackFill = new SolidColorBrush(Color.FromRgba("#36323B"));
+ break;
+ }
+ else
+ {
+ radialBarSeries.TrackFill = new SolidColorBrush(Color.FromRgba(0, 0, 0, 0.08));
+ break;
+ }
}
- case 2:
+ case 1:
{
radialBarSeries.TrackFill = new SolidColorBrush(Color.FromRgba("#F1F5F9"));
break;
}
- case 3:
+ case 2:
{
radialBarSeries.TrackFill = new SolidColorBrush(Color.FromRgba("#EFF6FF"));
break;
}
- case 4:
+ case 3:
{
radialBarSeries.TrackFill = new SolidColorBrush(Color.FromRgba("#FFF7ED"));
break;
}
- case 5:
+ case 4:
{
radialBarSeries.TrackFill = new SolidColorBrush(Color.FromRgba("#F5F3FF"));
break;
diff --git a/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarSeriesViewModel.cs b/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarSeriesViewModel.cs
index 39e6f72c..09850904 100644
--- a/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarSeriesViewModel.cs
+++ b/maui/samples/Gallery/Samples/CircularChart/RadialBar/RadialBarSeriesViewModel.cs
@@ -55,7 +55,6 @@ public RadialBarSeriesViewModel()
Track = new List()
{
- "Select Color",
"Light Gray",
"Blue Gray",
"Pale Blue",
diff --git a/maui/samples/Gallery/Samples/DatePicker/Customization/View/Customization.xaml b/maui/samples/Gallery/Samples/DatePicker/Customization/View/Customization.xaml
new file mode 100644
index 00000000..8050864e
--- /dev/null
+++ b/maui/samples/Gallery/Samples/DatePicker/Customization/View/Customization.xaml
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/maui/samples/Gallery/Samples/DatePicker/Customization/View/Customization.xaml.cs b/maui/samples/Gallery/Samples/DatePicker/Customization/View/Customization.xaml.cs
new file mode 100644
index 00000000..e917e783
--- /dev/null
+++ b/maui/samples/Gallery/Samples/DatePicker/Customization/View/Customization.xaml.cs
@@ -0,0 +1,449 @@
+using Syncfusion.Maui.Toolkit.Popup;
+using System.Collections.ObjectModel;
+using System.ComponentModel;
+using System.Globalization;
+using Syncfusion.Maui.Toolkit.TextInputLayout;
+
+namespace Syncfusion.Maui.ControlsGallery.Picker.SfDatePicker;
+
+///
+/// The customization page.
+///
+public partial class Customization : SampleView
+{
+ ///
+ /// The ToDo details.
+ ///
+ ToDoDetails? _toDoDetails;
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ public Customization()
+ {
+ InitializeComponent();
+#if ANDROID || IOS
+ datePicker1.HeaderView.Height = 50;
+ datePicker1.HeaderView.Text = "Select the Date";
+ datePicker1.FooterView.Height = 40;
+#else
+ datePicker.HeaderView.Height = 50;
+ datePicker.HeaderView.Text = "Select the Date";
+ datePicker.FooterView.Height = 40;
+#endif
+ }
+
+ ///
+ /// Invoked tap gesture tapped.
+ ///
+ /// The sender object.
+ /// The event args.
+ void OnTapGestureTapped(object sender, EventArgs e)
+ {
+#if ANDROID || IOS
+ popup1.Reset();
+ popup1.IsOpen = true;
+#else
+ popup.Reset();
+ popup.IsOpen = true;
+#endif
+ }
+
+ ///
+ /// Invoked item tap gesture tapped.
+ ///
+ /// The sender object.
+ /// The event args.
+ void OnItemTapGestureTapped(object sender, EventArgs e)
+ {
+#if ANDROID || IOS
+ if (sender is Grid grid && grid.BindingContext != null && grid.BindingContext is ToDoDetails details)
+ {
+ datePicker1.SelectedDate = details.Date;
+ _toDoDetails = details;
+ }
+
+ datePicker1.IsOpen = true;
+#else
+ if (sender is Grid grid && grid.BindingContext != null && grid.BindingContext is ToDoDetails details)
+ {
+ datePicker.SelectedDate = details.Date;
+ _toDoDetails = details;
+ }
+
+ datePicker.IsOpen = true;
+#endif
+ }
+
+ ///
+ /// Method to handle the date picker ok button clicked event.
+ ///
+ /// The sender object.
+ /// The event args.
+ void OnDatePickerOkButtonClicked(object sender, EventArgs e)
+ {
+ if (sender is Syncfusion.Maui.Toolkit.Picker.SfDatePicker picker && _toDoDetails != null && picker.SelectedDate?.Date != null)
+ {
+ if (_toDoDetails.Date != picker.SelectedDate)
+ {
+ _toDoDetails.Date = picker.SelectedDate.Value.Date;
+ }
+
+ _toDoDetails = null;
+ }
+
+#if ANDROID || IOS
+ datePicker1.IsOpen = false;
+#else
+ datePicker.IsOpen = false;
+#endif
+ }
+
+ ///
+ /// Method to handle the date picker closed event.
+ ///
+ /// The sender object.
+ /// The event args.
+ void OnDatePickerClosed(object sender, EventArgs e)
+ {
+ _toDoDetails = null;
+ }
+
+ ///
+ /// Method to handle the date picker cancel button clicked event.
+ ///
+ /// The sender object.
+ /// The event args.
+ void OnDatePickerCancelButtonClicked(object sender, EventArgs e)
+ {
+ if (sender is Syncfusion.Maui.Toolkit.Picker.SfDatePicker picker)
+ {
+ _toDoDetails = null;
+ picker.IsOpen = false;
+ }
+ }
+
+ ///
+ /// Method to handle the popup item created event.
+ ///
+ /// The sender object.
+ /// The event args.
+ void OnPopupItemCreated(object sender, EventArgs e)
+ {
+ if (BindingContext != null && BindingContext is DatePickerCustomizationViewModel bindingContext && sender is ToDoDetails details)
+ {
+ bindingContext.DataSource.Add(details);
+ }
+ }
+}
+
+///
+/// The DatePickerCustomizationViewModel class.
+///
+public class DatePickerCustomizationViewModel : INotifyPropertyChanged
+{
+ ///
+ /// The data source.
+ ///
+ ObservableCollection _dataSource;
+
+ ///
+ /// Gets or sets the data source.
+ ///
+ public ObservableCollection DataSource
+ {
+ get
+ {
+ return _dataSource;
+ }
+ set
+ {
+ _dataSource = value;
+ RaisePropertyChanged("DataSource");
+ }
+ }
+
+ ///
+ /// Method to raise the property changed event.
+ ///
+ /// The property name.
+ void RaisePropertyChanged(string propertyName)
+ {
+ PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+ }
+
+ ///
+ /// Initialize a new instance of the class.
+ ///
+ public DatePickerCustomizationViewModel()
+ {
+ _dataSource = new ObservableCollection()
+ {
+ new ToDoDetails() {Subject = "Get quote from travel agent", Date= DateTime.Now.Date},
+ new ToDoDetails() {Subject = "Book flight ticket", Date= DateTime.Now.Date.AddDays(2)},
+ new ToDoDetails() {Subject = "Buy travel guide book", Date= DateTime.Now.Date},
+ new ToDoDetails() {Subject = "Register for sky diving", Date= DateTime.Now.Date.AddDays(8)},
+ };
+ }
+
+ ///
+ /// The property changed event.
+ ///
+ public event PropertyChangedEventHandler? PropertyChanged;
+}
+
+///
+/// The ToDoDetails class.
+///
+public class ToDoDetails : INotifyPropertyChanged
+{
+ ///
+ /// The subject.
+ ///
+ string _subject = string.Empty;
+
+ ///
+ /// Gets or sets the subject.
+ ///
+ public string Subject
+ {
+ get
+ {
+ return _subject;
+ }
+ set
+ {
+ _subject = value;
+ RaisePropertyChanged("Subject");
+ }
+ }
+
+ ///
+ /// The date.
+ ///
+ DateTime _date = DateTime.Now.Date;
+
+ ///
+ /// Gets or sets the date.
+ ///
+ public DateTime Date
+ {
+ get
+ {
+ return _date;
+ }
+ set
+ {
+ _date = value;
+ DateString = _date.Date == DateTime.Now.Date ? "Due today" : _date.ToString("dd-MM-yyyy", CultureInfo.InvariantCulture);
+ RaisePropertyChanged("Date");
+ }
+ }
+
+ ///
+ /// The date string.
+ ///
+ string _dateString = "Due today";
+
+ ///
+ /// Gets or sets the date string.
+ ///
+ public string DateString
+ {
+ get
+ {
+ return _dateString;
+ }
+ set
+ {
+ _dateString = value;
+ RaisePropertyChanged("DateString");
+ }
+ }
+
+ ///
+ /// Method to raise the property changed event.
+ ///
+ /// The property name.
+ void RaisePropertyChanged(string propertyName)
+ {
+ PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+ }
+
+ ///
+ /// The property changed event.
+ ///
+ public event PropertyChangedEventHandler? PropertyChanged;
+}
+
+///
+/// The DateTimeToColorConverter class.
+///
+public class DateTimeToColorConverter : IValueConverter
+{
+ ///
+ /// Check the application theme is light or dark.
+ ///
+ readonly bool _isLightTheme = Application.Current?.RequestedTheme == AppTheme.Light;
+
+ ///
+ /// Method to convert the date time to color.
+ ///
+ /// The value.
+ /// The target type
+ /// The parameter.
+ /// The culture.
+ /// The color based on the date time.
+ public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+ {
+ if (value != null && value is DateTime date)
+ {
+ if (date.Date == DateTime.Now.Date)
+ {
+ return _isLightTheme ? Color.FromArgb("#B3261E") : Color.FromArgb("#F2B8B5");
+ }
+ else if (date.Date < DateTime.Now.Date)
+ {
+ return _isLightTheme ? Color.FromArgb("#49454F").WithAlpha(0.5f) : Color.FromArgb("#CAC4D0").WithAlpha(0.5f);
+ }
+
+ return _isLightTheme ? Color.FromArgb("#49454F") : Color.FromArgb("#CAC4D0");
+ }
+
+ return _isLightTheme ? Color.FromArgb("#49454F") : Color.FromArgb("#CAC4D0");
+ }
+
+ ///
+ /// Method to convert back the color to date time.
+ ///
+ /// The value.
+ /// The target type
+ /// The parameter.
+ /// The culture.
+ /// Empty string.
+ public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
+ {
+ return string.Empty;
+ }
+}
+
+///
+/// The CustomPopUp class.
+///
+public class CustomPopUp : SfPopup
+{
+ ///
+ /// The SfDatePicker instance.
+ ///
+ readonly Syncfusion.Maui.Toolkit.Picker.SfDatePicker _picker;
+
+ ///
+ /// The Entry instance.
+ ///
+ readonly Entry _entry;
+
+ ///
+ /// The SfTextInputLayout instance.
+ ///
+ readonly SfTextInputLayout _textInput;
+
+ ///
+ /// Initialize the new instance of the class.
+ ///
+ public CustomPopUp()
+ {
+ _picker = new Syncfusion.Maui.Toolkit.Picker.SfDatePicker();
+ StackLayout stack = new StackLayout();
+ Label label = new Label();
+ label.Text = "Subject";
+ label.Margin = new Thickness(10, 4);
+ label.FontSize = 12;
+ stack.Add(label);
+ _textInput = new SfTextInputLayout();
+ _textInput.Hint = "Title";
+ _textInput.HelperText = "Enter Title";
+ _entry = new Entry();
+ _entry.HeightRequest = 40;
+ _entry.Margin = new Thickness(5, 0);
+ _textInput.Content = _entry;
+ stack.Add(_textInput);
+ Label label1 = new Label();
+ label1.Text = "Select the date";
+ label1.FontSize = 12;
+ label1.Margin = new Thickness(10, 5);
+ stack.Add(label1);
+ _picker.FooterView.Height = 40;
+ _picker.HeightRequest = 280;
+ _picker.OkButtonClicked += OnPickerOkButtonClicked;
+ _picker.CancelButtonClicked += OnPickerCancelButtonClicked;
+ stack.Add(_picker);
+ stack.VerticalOptions = LayoutOptions.Center;
+ ContentTemplate = new DataTemplate(() =>
+ {
+ return stack;
+ });
+
+ HeaderTemplate = new DataTemplate(() =>
+ {
+ return new Label() { Text = "Add a task", FontSize = 20, HeightRequest = 40, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, HorizontalTextAlignment = TextAlignment.Center, VerticalTextAlignment = TextAlignment.Center };
+ });
+
+#if ANDROID || IOS || MACCATALYST
+ HeightRequest = 470;
+#else
+ HeightRequest = 450;
+#endif
+ WidthRequest = 300;
+ ShowFooter = false;
+ ShowHeader = true;
+ HeaderHeight = 40;
+ PopupStyle.CornerRadius = new CornerRadius(5);
+ }
+
+ ///
+ /// Invokes when the picker cancel button clicked.
+ ///
+ /// The sender object.
+ /// The event args.
+ void OnPickerCancelButtonClicked(object? sender, EventArgs e)
+ {
+ Reset();
+ IsOpen = false;
+ }
+
+ ///
+ /// Invokes when the picker ok button clicked.
+ ///
+ /// The sender object.
+ /// The event args.
+ void OnPickerOkButtonClicked(object? sender, EventArgs e)
+ {
+ if (_picker.SelectedDate != null)
+ {
+ OnCreated?.Invoke(new ToDoDetails() { Date = _picker.SelectedDate.Value, Subject = _entry.Text == string.Empty ? "No Title" : _entry.Text }, new EventArgs());
+ }
+
+ IsOpen = false;
+ }
+
+ ///
+ /// Method to reset the picker and entry.
+ ///
+ public void Reset()
+ {
+ if (_picker != null)
+ {
+ _picker.SelectedDate = DateTime.Now.Date;
+ }
+
+ if (_entry != null)
+ {
+ _entry.Text = string.Empty;
+ }
+ }
+
+ ///
+ /// The event handler for the created event.
+ ///
+ public event EventHandler? OnCreated;
+}
\ No newline at end of file
diff --git a/maui/samples/Gallery/Samples/DatePicker/GettingStarted/Behavior/GettingStartedBehavior.cs b/maui/samples/Gallery/Samples/DatePicker/GettingStarted/Behavior/GettingStartedBehavior.cs
new file mode 100644
index 00000000..9cb19afe
--- /dev/null
+++ b/maui/samples/Gallery/Samples/DatePicker/GettingStarted/Behavior/GettingStartedBehavior.cs
@@ -0,0 +1,372 @@
+using Syncfusion.Maui.Toolkit.Picker;
+using System.Collections.ObjectModel;
+
+namespace Syncfusion.Maui.ControlsGallery.Picker.SfDatePicker
+{
+ public class GettingStartedBehavior : Behavior
+ {
+ ///
+ /// Picker view.
+ ///
+ Syncfusion.Maui.Toolkit.Picker.SfDatePicker? _datePicker;
+
+ ///
+ /// The show header switch.
+ ///
+ Switch? _showHeaderSwitch, _showColumnHeaderSwitch, _showFooterSwitch, _clearSelectionSwitch;
+
+ ///
+ /// The date format combo box.
+ ///
+ Microsoft.Maui.Controls.Picker? _formatComboBox, _textDisplayComboBox;
+
+ ///
+ /// The date format to set the combo box item source.
+ ///
+ ObservableCollection
diff --git a/maui/samples/Gallery/Samples/OtpInput/Customization/View/Customization.xaml b/maui/samples/Gallery/Samples/OtpInput/Customization/View/Customization.xaml
index 63cc39ed..e352139d 100644
--- a/maui/samples/Gallery/Samples/OtpInput/Customization/View/Customization.xaml
+++ b/maui/samples/Gallery/Samples/OtpInput/Customization/View/Customization.xaml
@@ -65,11 +65,11 @@
-
+
-
-
+
+
diff --git a/maui/samples/Gallery/Samples/OtpInput/SignUpPage/Helper/SignUpBehavior.cs b/maui/samples/Gallery/Samples/OtpInput/SignUpPage/Helper/SignUpBehavior.cs
index 9f7888e1..469457c6 100644
--- a/maui/samples/Gallery/Samples/OtpInput/SignUpPage/Helper/SignUpBehavior.cs
+++ b/maui/samples/Gallery/Samples/OtpInput/SignUpPage/Helper/SignUpBehavior.cs
@@ -91,7 +91,10 @@ void PhoneEntry_TextChanged(object? sender, TextChangedEventArgs e)
_phoneVerification = false;
_phoneInputLayout.HasError = true;
_phoneInputLayout.ErrorText = "Enter a 10-digit mobile number";
- _phoneInputLayout.ErrorLabelStyle.TextColor = Colors.Red;
+ if (_phoneInputLayout.ErrorLabelStyle is not null)
+ {
+ _phoneInputLayout.ErrorLabelStyle.TextColor = Colors.Red;
+ }
}
}
else
@@ -107,7 +110,10 @@ void PhoneEntry_TextChanged(object? sender, TextChangedEventArgs e)
_phoneVerification = false;
_phoneInputLayout.HasError = true;
_phoneInputLayout.ErrorText = "Enter a 10-digit mobile number";
- _phoneInputLayout.ErrorLabelStyle.TextColor = Colors.Red;
+ if (_phoneInputLayout.ErrorLabelStyle is not null)
+ {
+ _phoneInputLayout.ErrorLabelStyle.TextColor = Colors.Red;
+ }
}
}
}
@@ -125,7 +131,10 @@ void NameEntry_TextChanged(object? sender, TextChangedEventArgs e)
_nameVerification = false;
_nameInputLayout.HasError = true;
_nameInputLayout.ErrorText = "Invalid input";
- _nameInputLayout.ErrorLabelStyle.TextColor = Colors.Red;
+ if (_nameInputLayout.ErrorLabelStyle is not null)
+ {
+ _nameInputLayout.ErrorLabelStyle.TextColor = Colors.Red;
+ }
}
}
@@ -194,7 +203,10 @@ void Register_Clicked(object? sender, EventArgs e)
_nameVerification = false;
_nameInputLayout.HasError = true;
_nameInputLayout.ErrorText = "Invalid input";
- _nameInputLayout.ErrorLabelStyle.TextColor = Colors.Red;
+ if (_nameInputLayout.ErrorLabelStyle is not null)
+ {
+ _nameInputLayout.ErrorLabelStyle.TextColor = Colors.Red;
+ }
}
if (_phoneEntry is not null && _phoneInputLayout is not null && string.IsNullOrEmpty(_phoneEntry.Text))
@@ -202,7 +214,10 @@ void Register_Clicked(object? sender, EventArgs e)
_phoneVerification = false;
_phoneInputLayout.HasError = true;
_phoneInputLayout.ErrorText = "Invalid input";
- _phoneInputLayout.ErrorLabelStyle.TextColor = Colors.Red;
+ if (_phoneInputLayout.ErrorLabelStyle is not null)
+ {
+ _phoneInputLayout.ErrorLabelStyle.TextColor = Colors.Red;
+ }
}
}
}
diff --git a/maui/samples/Gallery/Samples/Picker/FlightBooking/FlightBooking.xaml b/maui/samples/Gallery/Samples/Picker/FlightBooking/FlightBooking.xaml
new file mode 100644
index 00000000..34bb4907
--- /dev/null
+++ b/maui/samples/Gallery/Samples/Picker/FlightBooking/FlightBooking.xaml
@@ -0,0 +1,252 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/maui/samples/Gallery/Samples/Picker/FlightBooking/FlightBooking.xaml.cs b/maui/samples/Gallery/Samples/Picker/FlightBooking/FlightBooking.xaml.cs
new file mode 100644
index 00000000..2730e0de
--- /dev/null
+++ b/maui/samples/Gallery/Samples/Picker/FlightBooking/FlightBooking.xaml.cs
@@ -0,0 +1,713 @@
+using System.Globalization;
+using Syncfusion.Maui.Toolkit.Popup;
+using Syncfusion.Maui.Toolkit.Picker;
+
+namespace Syncfusion.Maui.ControlsGallery.Picker.SfPicker
+{
+ ///
+ /// The Flight booking sample.
+ ///
+ public partial class FlightBooking : SampleView
+ {
+ ///
+ /// The departure date.
+ ///
+ DateTime _from;
+
+ ///
+ /// The return date.
+ ///
+ DateTime _to;
+
+ ///
+ /// The list containing departure location details.
+ ///
+ List _fromList;
+
+ ///
+ /// The list containing destination location details.
+ ///
+ List _toList;
+
+ ///
+ /// Check the application theme is light or dark.
+ ///
+ readonly bool _isLightTheme = Application.Current?.RequestedTheme == AppTheme.Light;
+
+ ///
+ /// List of available countries.
+ ///
+ static readonly List Countries = ["UK", "USA", "India", "UAE", "Germany"];
+
+ ///
+ /// List of cities in the UK.
+ ///
+ static readonly List UkCities = ["London", "Manchester", "Cambridge", "Edinburgh", "Glasgow", "Birmingham"];
+
+ ///
+ /// List of cities in the USA.
+ ///
+ static readonly List UsaCities = ["New York", "Seattle", "Washington", "Chicago", "Boston", "Los Angles"];
+
+ ///
+ /// List of cities in India.
+ ///
+ static readonly List IndiaCities = ["Mumbai", "Bengaluru", "Chennai", "Pune", "Jaipur", "Delhi"];
+
+ ///
+ /// List of cities in UAE.
+ ///
+ static readonly List UaeCities = ["Dubai", "Abu Dhabi", "Fujairah", "Sharjah", "Ajman", "AL Ain"];
+
+ ///
+ /// List of cities in Germany.
+ ///
+ static readonly List GermanyCities = ["Berlin", "Munich", "Frankfurt", "Hamburg", "Cologne", "Bonn"];
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ public FlightBooking()
+ {
+ InitializeComponent();
+
+ if (popup != null)
+ {
+ popup.FooterTemplate = GetFooterTemplate(popup);
+ popup.ContentTemplate = GetContentTemplate(popup);
+ }
+
+ _from = DateTime.Now.Date;
+ _to = DateTime.Now.Date;
+ _fromList = ["India", "Chennai"];
+ _toList = ["USA", "Boston"];
+ PickerColumn countyColumn = new PickerColumn() { HeaderText = "Country", SelectedIndex = 2, ItemsSource = Countries, Width = 150 };
+ PickerColumn countyColumn1 = new PickerColumn() { HeaderText = "Country", SelectedIndex = 1, ItemsSource = Countries, Width = 150 };
+ PickerColumn cityColumn = new PickerColumn() { HeaderText = "City", SelectedIndex = 2, ItemsSource = IndiaCities, Width = 150 };
+ PickerColumn cityColumn1 = new PickerColumn() { HeaderText = "City", SelectedIndex = 4, ItemsSource = UsaCities, Width = 150 };
+ //// To initialize the picker based on the platform.
+#if ANDROID || IOS
+ mobileFromPicker.Columns = [countyColumn, cityColumn];
+ mobileToPicker.Columns = [countyColumn1, cityColumn1];
+ mobileGrid.IsVisible = true;
+#else
+ fromPicker.Columns = new System.Collections.ObjectModel.ObservableCollection() { countyColumn, cityColumn };
+ toPicker.Columns = new System.Collections.ObjectModel.ObservableCollection() { countyColumn1, cityColumn1 };
+ frame.IsVisible = true;
+#endif
+ string str = DateTime.Now.Day.ToString();
+ string fromString = str + " " + CultureInfo.CurrentCulture.DateTimeFormat.GetMonthName(DateTime.Now.Month).ToString() + "," + " " + DateTime.Now.Year.ToString();
+
+#if ANDROID || IOS
+
+ mobileDepartureDatePicker.OkButtonClicked += DepartureDatePicker_OkButtonClicked;
+ mobileReturnDatePicker.OkButtonClicked += ReturnDatePicker_OkButtonClicked;
+
+ mobileDepartureDatePicker.CancelButtonClicked += DepartureDatePicker_CancelButtonClicked;
+ mobileReturnDatePicker.CancelButtonClicked += ReturnDatePicker_CancelButtonClicked;
+
+ mobileDepartureDatePicker.Opened += DepartureDatePicker_OnPopUpOpened;
+ mobileReturnDatePicker.Opened += ReturnDatePicker_OnPopUpOpened;
+
+ mobileDepartureDateLabel.Text = fromString;
+ mobileReturnDateLabel.Text = fromString;
+ if (mobileReturnDatePicker.SelectedDate != null)
+ {
+ mobileReturnDatePicker.MinimumDate = mobileReturnDatePicker.SelectedDate.Value.Date;
+ }
+
+ mobileFromPicker.HeaderView.Height = 40;
+ mobileFromPicker.HeaderView.Text = "FROM";
+ mobileFromPicker.FooterView.Height = 40;
+
+ mobileToPicker.HeaderView.Height = 40;
+ mobileToPicker.HeaderView.Text = "TO";
+ mobileToPicker.FooterView.Height = 40;
+
+ mobileDepartureDatePicker.HeaderView.Height = 40;
+ mobileDepartureDatePicker.HeaderView.Text = "Select a date";
+ mobileDepartureDatePicker.FooterView.Height = 40;
+ mobileDepartureDatePicker.MinimumDate = DateTime.Now;
+
+ mobileReturnDatePicker.HeaderView.Height = 40;
+ mobileReturnDatePicker.HeaderView.Text = "Select a date";
+ mobileReturnDatePicker.FooterView.Height = 40;
+#else
+ departureDatePicker.OkButtonClicked += DepartureDatePicker_OkButtonClicked;
+ returnDatePicker.OkButtonClicked += ReturnDatePicker_OkButtonClicked;
+
+ departureDatePicker.CancelButtonClicked += DepartureDatePicker_CancelButtonClicked;
+ returnDatePicker.CancelButtonClicked += ReturnDatePicker_CancelButtonClicked;
+
+ departureDatePicker.Opened += DepartureDatePicker_OnPopUpOpened;
+ returnDatePicker.Opened += ReturnDatePicker_OnPopUpOpened;
+
+ departureDateLabel.Text = fromString;
+ returnDateLabel.Text = fromString;
+ if (returnDatePicker.SelectedDate != null)
+ {
+ returnDatePicker.MinimumDate = returnDatePicker.SelectedDate.Value.Date;
+ }
+
+ fromPicker.HeaderView.Height = 40;
+ fromPicker.HeaderView.Text = "FROM";
+ fromPicker.FooterView.Height = 40;
+
+ toPicker.HeaderView.Height = 40;
+ toPicker.HeaderView.Text = "TO";
+ toPicker.FooterView.Height = 40;
+
+ departureDatePicker.HeaderView.Height = 40;
+ departureDatePicker.HeaderView.Text = "Select a date";
+ departureDatePicker.FooterView.Height = 40;
+ departureDatePicker.MinimumDate = DateTime.Now;
+
+ returnDatePicker.HeaderView.Height = 40;
+ returnDatePicker.HeaderView.Text = "Select a date";
+ returnDatePicker.FooterView.Height = 40;
+#endif
+ }
+
+ ///
+ /// Method to handle the PopUpOpened event of the departure date picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void DepartureDatePicker_OnPopUpOpened(object? sender, EventArgs e)
+ {
+#if ANDROID || IOS
+ mobileDepartureDatePicker.IsOpen = true;
+ mobileDepartureDatePicker.SelectedDate = _from;
+#else
+ departureDatePicker.IsOpen = true;
+ departureDatePicker.SelectedDate = _from;
+#endif
+ }
+
+ ///
+ /// Method to handle the PopUpOpened event of the return date picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void ReturnDatePicker_OnPopUpOpened(object? sender, EventArgs e)
+ {
+#if ANDROID || IOS
+ mobileReturnDatePicker.IsOpen = true;
+ mobileReturnDatePicker.MinimumDate = _from;
+ mobileReturnDatePicker.SelectedDate = _to;
+#else
+ returnDatePicker.IsOpen = true;
+ returnDatePicker.MinimumDate = _from;
+ returnDatePicker.SelectedDate = _to;
+#endif
+ }
+
+ ///
+ /// Method to handle the ok button clicked event of the departure date picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void DepartureDatePicker_OkButtonClicked(object? sender, EventArgs e)
+ {
+#if ANDROID || IOS
+ if (mobileDepartureDatePicker.SelectedDate != null)
+ {
+ _from = mobileDepartureDatePicker.SelectedDate.Value.Date;
+ }
+ mobileDepartureDateLabel.Text = _from.Day.ToString() + " " + CultureInfo.CurrentCulture.DateTimeFormat.GetMonthName(_from.Month).ToString() + "," + " " + _from.Year.ToString();
+ if (_from.Date > _to.Date)
+ {
+ _to = _from;
+ mobileReturnDateLabel.Text = _to.Day.ToString() + " " + CultureInfo.CurrentCulture.DateTimeFormat.GetMonthName(_to.Month).ToString() + "," + " " + _to.Year.ToString();
+ }
+
+ mobileDepartureDatePicker.IsOpen = false;
+#else
+ if (departureDatePicker.SelectedDate != null)
+ {
+ _from = departureDatePicker.SelectedDate.Value.Date;
+ }
+ departureDateLabel.Text = _from.Day.ToString() + " " + CultureInfo.CurrentCulture.DateTimeFormat.GetMonthName(_from.Month).ToString() + "," + " " + _from.Year.ToString();
+ if (_from.Date > _to.Date)
+ {
+ _to = _from;
+ returnDateLabel.Text = _to.Day.ToString() + " " + CultureInfo.CurrentCulture.DateTimeFormat.GetMonthName(_to.Month).ToString() + "," + " " + _to.Year.ToString();
+ }
+
+ departureDatePicker.IsOpen = false;
+#endif
+ }
+
+ ///
+ /// Method to handle the ok button clicked event of the return date picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void ReturnDatePicker_OkButtonClicked(object? sender, EventArgs e)
+ {
+#if ANDROID || IOS
+ if (mobileReturnDatePicker.SelectedDate != null)
+ {
+ _to = mobileReturnDatePicker.SelectedDate.Value.Date;
+ }
+
+ mobileReturnDateLabel.Text = _to.Day.ToString() + " " + CultureInfo.CurrentCulture.DateTimeFormat.GetMonthName(_to.Month).ToString() + "," + " " + _to.Year.ToString();
+ mobileReturnDatePicker.IsOpen = false;
+#else
+ if (returnDatePicker.SelectedDate != null)
+ {
+ _to = returnDatePicker.SelectedDate.Value.Date;
+ }
+
+ returnDateLabel.Text = _to.Day.ToString() + " " + CultureInfo.CurrentCulture.DateTimeFormat.GetMonthName(_to.Month).ToString() + "," + " " + _to.Year.ToString();
+ returnDatePicker.IsOpen = false;
+#endif
+ }
+
+ ///
+ /// Method to handle the Cancel button clicked event of the departure date picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void DepartureDatePicker_CancelButtonClicked(object? sender, EventArgs e)
+ {
+#if ANDROID || IOS
+ mobileDepartureDatePicker.IsOpen = false;
+#else
+ departureDatePicker.IsOpen = false;
+#endif
+ }
+
+ ///
+ /// Method to handle the Cancel button clicked event of the return date picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void ReturnDatePicker_CancelButtonClicked(object? sender, EventArgs e)
+ {
+#if ANDROID || IOS
+ mobileReturnDatePicker.IsOpen = false;
+#else
+ returnDatePicker.IsOpen = false;
+#endif
+ }
+
+ ///
+ /// Method to handle the tap gesture.
+ ///
+ /// The sender object.
+ /// The event args.
+ void TapGestureRecognizer_Tapped(System.Object sender, System.EventArgs e)
+ {
+#if ANDROID || IOS
+ mobileFromPicker.IsOpen = true;
+ if (mobileFromPicker.Columns[0].ItemsSource is List country)
+ {
+ int selectedIndex = country.IndexOf(_fromList[0]);
+ List cities = GetCityList(Countries[selectedIndex]);
+ int citySelectedIndex = cities.IndexOf(_fromList[1]);
+ PickerColumn cityColumn = new PickerColumn() { HeaderText = "City", SelectedIndex = citySelectedIndex, ItemsSource = cities, Width = 150 };
+ if (mobileFromPicker.Columns[1].ItemsSource != cities)
+ {
+ mobileFromPicker.Columns[1] = cityColumn;
+ }
+ else
+ {
+ mobileFromPicker.Columns[1].SelectedIndex = citySelectedIndex;
+ }
+
+ mobileFromPicker.Columns[0].SelectedIndex = selectedIndex;
+ }
+
+#else
+ fromPicker.IsOpen = true;
+ if (fromPicker.Columns[0].ItemsSource is List country)
+ {
+ int selectedIndex = country.IndexOf(_fromList[0]);
+ List cities = GetCityList(Countries[selectedIndex]);
+ int citySelectedIndex = cities.IndexOf(_fromList[1]);
+ PickerColumn cityColumn = new PickerColumn() { HeaderText = "City", SelectedIndex = citySelectedIndex, ItemsSource = cities, Width = 150 };
+ if (fromPicker.Columns[1].ItemsSource != cities)
+ {
+ fromPicker.Columns[1] = cityColumn;
+ }
+ else
+ {
+ fromPicker.Columns[1].SelectedIndex = citySelectedIndex;
+ }
+
+ fromPicker.Columns[0].SelectedIndex = selectedIndex;
+ }
+#endif
+ }
+
+ ///
+ /// Method to handle the tap gesture.
+ ///
+ /// The sender object.
+ /// The event args.
+ void TapGestureRecognizer_Tapped_1(System.Object sender, System.EventArgs e)
+ {
+#if ANDROID || IOS
+ mobileToPicker.IsOpen = true;
+ if (mobileToPicker.Columns[0].ItemsSource is List country)
+ {
+ int selectedIndex = country.IndexOf(_toList[0]);
+ List cities = GetCityList(Countries[selectedIndex]);
+ int citySelectedIndex = cities.IndexOf(_toList[1]);
+ PickerColumn cityColumn = new PickerColumn() { HeaderText = "City", SelectedIndex = citySelectedIndex, ItemsSource = cities, Width = 150 };
+ if (mobileToPicker.Columns[1].ItemsSource != cities)
+ {
+ mobileToPicker.Columns[1] = cityColumn;
+ }
+ else
+ {
+ mobileToPicker.Columns[1].SelectedIndex = citySelectedIndex;
+ }
+
+ mobileToPicker.Columns[0].SelectedIndex = selectedIndex;
+ }
+#else
+ toPicker.IsOpen = true;
+ if (toPicker.Columns[0].ItemsSource is List country)
+ {
+ int selectedIndex = country.IndexOf(_toList[0]);
+ List cities = GetCityList(Countries[selectedIndex]);
+ int citySelectedIndex = cities.IndexOf(_toList[1]);
+ PickerColumn cityColumn = new PickerColumn() { HeaderText = "City", SelectedIndex = citySelectedIndex, ItemsSource = cities, Width = 150 };
+ if (toPicker.Columns[1].ItemsSource != cities)
+ {
+ toPicker.Columns[1] = cityColumn;
+ }
+ else
+ {
+ toPicker.Columns[1].SelectedIndex = citySelectedIndex;
+ }
+
+ toPicker.Columns[0].SelectedIndex = selectedIndex;
+ }
+#endif
+ }
+
+ ///
+ /// Method to handle the selection changed event of the from picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void FromPicker_SelectionChanged(System.Object sender, PickerSelectionChangedEventArgs e)
+ {
+ if (e.ColumnIndex == 1)
+ {
+ return;
+ }
+
+ string country = Countries[e.NewValue];
+ List cities = GetCityList(country);
+ PickerColumn cityColumn = new PickerColumn() { HeaderText = "City", SelectedIndex = 0, ItemsSource = cities, Width = 150 };
+
+#if ANDROID || IOS
+ if (mobileFromPicker.Columns[1].ItemsSource != cities)
+ {
+ mobileFromPicker.Columns[1] = cityColumn;
+ }
+#else
+ if (fromPicker.Columns[1].ItemsSource != cities)
+ {
+ fromPicker.Columns[1] = cityColumn;
+ }
+#endif
+ }
+
+ ///
+ /// Method to handle the selection changed event of the to picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void ToPicker_SelectionChanged(System.Object sender, PickerSelectionChangedEventArgs e)
+ {
+ if (e.ColumnIndex == 1)
+ {
+ return;
+ }
+
+ string country = Countries[e.NewValue];
+ List cities = GetCityList(country);
+ PickerColumn cityColumn = new PickerColumn() { HeaderText = "City", SelectedIndex = 0, ItemsSource = cities, Width = 150 };
+
+#if ANDROID || IOS
+ if (mobileToPicker.Columns[1].ItemsSource != cities)
+ {
+ mobileToPicker.Columns[1] = cityColumn;
+ }
+#else
+ if (toPicker.Columns[1].ItemsSource != cities)
+ {
+ toPicker.Columns[1] = cityColumn;
+ }
+#endif
+ }
+
+ ///
+ /// Method to handle the cancel button click event of the from picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void FromPicker_CancelButtonClicked(System.Object sender, System.EventArgs e)
+ {
+#if ANDROID || IOS
+ mobileFromPicker.IsOpen = false;
+#else
+ fromPicker.IsOpen = false;
+#endif
+ }
+
+ ///
+ /// Method to handle the cancel button click event of the to picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void ToPicker_CancelButtonClicked(System.Object sender, System.EventArgs e)
+ {
+#if ANDROID || IOS
+ mobileToPicker.IsOpen = false;
+#else
+ toPicker.IsOpen = false;
+#endif
+ }
+
+ ///
+ /// Method to handle the Ok button click event of the from picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void FromPicker_OkButtonClicked(System.Object sender, System.EventArgs e)
+ {
+ if (sender is Syncfusion.Maui.Toolkit.Picker.SfPicker picker)
+ {
+ int countryColumnIndex = picker.Columns[0].SelectedIndex;
+ int cityColumnIndex = picker.Columns[1].SelectedIndex;
+ string country = Countries[countryColumnIndex];
+ List cities = GetCityList(country);
+ string city = cities[cityColumnIndex];
+ _fromList = [country, city];
+#if ANDROID || IOS
+ mobileFromLabel.Text = $"{city}, {country}";
+ mobileFromPicker.IsOpen = false;
+#else
+ fromLabel.Text = $"{city}, {country}";
+ fromPicker.IsOpen = false;
+#endif
+ }
+ }
+
+ ///
+ /// Method to handle the Ok button click event of the to picker.
+ ///
+ /// The sender object.
+ /// The event args.
+ void ToPicker_OkButtonClicked(System.Object sender, System.EventArgs e)
+ {
+ if (sender is Syncfusion.Maui.Toolkit.Picker.SfPicker picker)
+ {
+ int countryColumnIndex = picker.Columns[0].SelectedIndex;
+ int cityColumnIndex = picker.Columns[1].SelectedIndex;
+ string country = Countries[countryColumnIndex];
+ List cities = GetCityList(country);
+ string city = cities[cityColumnIndex];
+ _toList = [country, city];
+#if ANDROID || IOS
+ mobileToLabel.Text = $"{city}, {country}";
+ mobileToPicker.IsOpen = false;
+#else
+ toLabel.Text = $"{city}, {country}";
+ toPicker.IsOpen = false;
+#endif
+ }
+ }
+
+ ///
+ /// Method to get the city list based on the country.
+ ///
+ /// The country name.
+ /// City list based on the country.
+ List GetCityList(string country)
+ {
+ if (country == "UK")
+ {
+ return UkCities;
+ }
+ else if (country == "USA")
+ {
+ return UsaCities;
+ }
+ else if (country == "India")
+ {
+ return IndiaCities;
+ }
+ else if (country == "UAE")
+ {
+ return UaeCities;
+ }
+ else if (country == "Germany")
+ {
+ return GermanyCities;
+ }
+
+ return [];
+ }
+
+ ///
+ /// Method to get the dynamic color.
+ ///
+ /// The resource name.
+ /// The color.
+ Color GetDynamicColor(string? resourceName = null)
+ {
+ if (resourceName != null && App.Current != null && App.Current.Resources.TryGetValue(resourceName, out var colorValue) && colorValue is Color color)
+ {
+ return color;
+ }
+ else
+ {
+ if (App.Current != null && App.Current.RequestedTheme == AppTheme.Light)
+ {
+ return Color.FromRgb(0xFF, 0xFF, 0xFF);
+ }
+ else if (App.Current != null && App.Current.RequestedTheme == AppTheme.Dark)
+ {
+ return Color.FromRgb(0x38, 0x1E, 0x72);
+ }
+ }
+
+ return Colors.Transparent;
+ }
+
+ ///
+ /// Method to get the Ok button style.
+ ///
+ /// The button style.
+ Style GetOkButtonStyle()
+ {
+ return new Style(typeof(Button))
+ {
+ Setters =
+ {
+ new Setter { Property = Button.CornerRadiusProperty, Value = 20 },
+ new Setter { Property = Button.BorderColorProperty, Value = Color.FromArgb("#6750A4") },
+ new Setter { Property = Button.BorderWidthProperty, Value = 1 },
+ new Setter { Property = Button.BackgroundColorProperty, Value = GetDynamicColor("SfPickerSelectionStroke") },
+ new Setter { Property = Button.TextColorProperty, Value = GetDynamicColor() },
+ new Setter { Property = Button.FontSizeProperty, Value = 14 },
+ }
+ };
+ }
+
+ ///
+ /// Method to get the footer template.
+ ///
+ /// The pop up.
+ /// The data template.
+ DataTemplate GetFooterTemplate(SfPopup popup)
+ {
+ var footerTemplate = new DataTemplate(() =>
+ {
+ var grid = new Grid
+ {
+ ColumnSpacing = 12,
+ Padding = new Thickness(24)
+ };
+
+ grid.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Star });
+ grid.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Star });
+
+ var oKButton = new Button
+ {
+ Text = "OK",
+ Style = GetOkButtonStyle(),
+ WidthRequest = 96,
+ HeightRequest = 40
+ };
+
+ oKButton.Clicked += (sender, args) =>
+ {
+ popup.Dismiss();
+ };
+
+ grid.Children.Add(oKButton);
+ Grid.SetColumn(oKButton, 1);
+
+ return grid;
+ });
+
+ return footerTemplate;
+ }
+
+ ///
+ /// Method to get the content template.
+ ///
+ /// The pop up.
+ /// The data template.
+ DataTemplate GetContentTemplate(SfPopup popup)
+ {
+ var footerTemplate = new DataTemplate(() =>
+ {
+ var grid = new Grid();
+ grid.RowDefinitions.Add(new RowDefinition { Height = GridLength.Star });
+ grid.RowDefinitions.Add(new RowDefinition { Height = new GridLength(0.1, GridUnitType.Star) });
+
+ var label = new Label
+ {
+ FontFamily = "OpenSansRegular",
+ LineBreakMode = LineBreakMode.WordWrap,
+ Padding = new Thickness(24, 24, 0, 0),
+ FontSize = 16,
+ HorizontalOptions = LayoutOptions.Start,
+ HorizontalTextAlignment = TextAlignment.Start
+ };
+
+ label.BindingContext = popup;
+ label.SetBinding(Label.TextProperty, "Message");
+
+ var stackLayout = new StackLayout
+ {
+ Margin = new Thickness(0, 10, 0, 0),
+ HeightRequest = 1,
+ };
+
+ stackLayout.BackgroundColor = _isLightTheme ? Color.FromArgb("#611c1b1f") : Color.FromArgb("#61e6e1e5");
+ grid.Children.Add(label);
+ grid.Children.Add(stackLayout);
+
+ Grid.SetRow(label, 0);
+ Grid.SetRow(stackLayout, 1);
+
+ return grid;
+ });
+
+ return footerTemplate;
+ }
+
+ ///
+ /// Method to handle the search button clicked event.
+ ///
+ /// The sender object.
+ /// The event args.
+ void SearchButton_Clicked(object sender, EventArgs e)
+ {
+ if (popup == null)
+ {
+ return;
+ }
+
+ Random randomNumber = new Random();
+ int index = randomNumber.Next(0, 50);
+
+#if ANDROID || IOS
+ popup.Message = index + " Flights are available on that dates to depart from " + mobileFromLabel.Text.ToString();
+#else
+ popup.Message = index + " Flights are available on that dates to depart from " + fromLabel.Text.ToString();
+#endif
+ popup.Show();
+ }
+ }
+}
diff --git a/maui/samples/Gallery/Samples/Picker/GettingStarted/Behavior/GettingStartedBehavior.cs b/maui/samples/Gallery/Samples/Picker/GettingStarted/Behavior/GettingStartedBehavior.cs
new file mode 100644
index 00000000..2a0dd34c
--- /dev/null
+++ b/maui/samples/Gallery/Samples/Picker/GettingStarted/Behavior/GettingStartedBehavior.cs
@@ -0,0 +1,209 @@
+using Syncfusion.Maui.Toolkit.Picker;
+using System.Collections.ObjectModel;
+
+namespace Syncfusion.Maui.ControlsGallery.Picker.SfPicker
+{
+ public class GettingStartedBehavior : Behavior
+ {
+ ///
+ /// Picker view.
+ ///
+ Syncfusion.Maui.Toolkit.Picker.SfPicker? _picker;
+
+ ///
+ /// The show header switch
+ ///
+ Switch? _showHeaderSwitch, _showFooterSwitch;
+
+ ///
+ /// The text display mode combo box.
+ ///
+ Microsoft.Maui.Controls.Picker? _textDisplayComboBox;
+
+ ///
+ /// The text display to set the combo box item source.
+ ///
+ ObservableCollection
-
+
+
+
@@ -27,7 +29,7 @@
-
+
@@ -50,13 +52,13 @@
-
+
-
+
@@ -75,7 +77,29 @@
LineBreakMode="WordWrap"/>
-
+
+
+
+
+
+
+
+
+
@@ -264,7 +288,7 @@
-
+
-
+
@@ -317,9 +341,9 @@
-
+
-
+
@@ -327,9 +351,9 @@
-
+
-
+
@@ -364,9 +388,9 @@
-
+
-
+
@@ -395,9 +419,9 @@
-
+
-
+
@@ -447,30 +471,57 @@
-
+
-
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
+
@@ -482,10 +533,10 @@
-
-
+
+
-
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -664,7 +745,7 @@
-
-
+
+
+
@@ -27,7 +29,7 @@
-
-
+
@@ -182,7 +184,7 @@
-
+
@@ -203,7 +205,7 @@
-
+
@@ -239,7 +241,7 @@
-
+
@@ -248,9 +250,9 @@
-
+
-
+
@@ -261,7 +263,7 @@
-
+
@@ -283,7 +285,7 @@
-
+
@@ -310,7 +312,7 @@
-
+
@@ -348,7 +350,7 @@
-
+
@@ -384,9 +386,9 @@
-
+
-
+
@@ -434,7 +436,7 @@
-
+
@@ -454,13 +456,13 @@
-
+
-
-
+
+
@@ -483,7 +485,28 @@
LineBreakMode="CharacterWrap"/>
-
+
+
+
+
+
+
+
+
+
@@ -499,7 +522,7 @@
-
+
@@ -519,13 +542,14 @@
-
+
-
+
+
@@ -542,7 +566,29 @@
LineBreakMode="CharacterWrap"/>
-
+
+
+
+
+
+
+
+
@@ -558,7 +604,7 @@
-
+
@@ -575,34 +621,56 @@
-
+
-
+
-
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -640,10 +708,10 @@
-
+
-
+
@@ -713,7 +781,7 @@
Converter={StaticResource BoolToPlatformBoolConverter},ConverterParameter=VerticalStackLayout}"
Margin="0,0,0,5">
-
+
@@ -786,7 +854,7 @@
-
+
@@ -862,10 +930,10 @@
-
+
-
+
@@ -934,7 +1002,7 @@
-
+
@@ -1134,14 +1202,14 @@
-
+
-
+
diff --git a/maui/samples/Gallery/View/MainPageiOS.xaml b/maui/samples/Gallery/View/MainPageiOS.xaml
index 0ea13be2..205fb9a3 100644
--- a/maui/samples/Gallery/View/MainPageiOS.xaml
+++ b/maui/samples/Gallery/View/MainPageiOS.xaml
@@ -17,7 +17,9 @@
-
+
+
+
@@ -28,7 +30,7 @@
-
+
@@ -45,13 +47,13 @@
-
+
-
+
@@ -68,7 +70,28 @@
LineBreakMode="WordWrap"/>
-
+
+
+
+
+
+
+
+
@@ -217,12 +240,13 @@
-
+
@@ -258,19 +282,19 @@
-
-
+
+
-
+
-
+
-
+
@@ -296,10 +320,10 @@
-
-
+
+
-
+
@@ -323,10 +347,10 @@
-
-
+
+
-
+
@@ -369,37 +393,54 @@
-
+
-
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
@@ -407,9 +448,9 @@
-
+
-
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -579,7 +646,7 @@
-
+ /// ]]>
+ /// # [C#](#tab/tabid-22)
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-24)
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-26)
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// PickerColumn column = new PickerColumn
+ /// {
+ /// Width = 100
+ /// };
+ ///
+ ///
+ public double Width
+ {
+ get { return (double)GetValue(WidthProperty); }
+ set { SetValue(WidthProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value to specify the column text on SfPicker.
+ ///
+ ///
+ /// The following example demonstrates how to set the items source of the picker column.
+ /// # [XAML](#tab/tabid-3)
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-4)
+ ///
+ /// PickerColumn column = new PickerColumn
+ /// {
+ /// ItemsSource = dataDource
+ /// };
+ ///
+ ///
+ public object ItemsSource
+ {
+ get { return (object)GetValue(ItemsSourceProperty); }
+ set { SetValue(ItemsSourceProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selected index of the columns on SfPicker.
+ ///
+ ///
+ /// In multi-column setups, if any column contains a selected index as -1 or less than -1, the selection UI will not be drawn,
+ /// and each column scrolling will move to the zeroth position.
+ ///
+ /// The default value of is 0.
+ ///
+ /// The following example demonstrates how to set the selected index of the picker column.
+ /// # [XAML](#tab/tabid-5)
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-6)
+ ///
+ /// PickerColumn column = new PickerColumn
+ /// {
+ /// SelectedIndex = 2
+ /// };
+ ///
+ ///
+ public int SelectedIndex
+ {
+ get { return (int)GetValue(SelectedIndexProperty); }
+ set { SetValue(SelectedIndexProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value to specify the header text of the columns on SfPicker.
+ ///
+ /// The default value of is an string.Empty.
+ ///
+ /// The following example demonstrates how to set the header text of the picker column.
+ /// # [XAML](#tab/tabid-7)
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-8)
+ ///
+ /// PickerColumn column = new PickerColumn
+ /// {
+ /// HeaderText = "Colors"
+ /// };
+ ///
+ ///
+ public string HeaderText
+ {
+ get { return (string)GetValue(HeaderTextProperty); }
+ set { SetValue(HeaderTextProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value to specify the path value for items source.
+ ///
+ /// The default value of is an string.empty.
+ ///
+ /// The following example demonstrates how to set the display member path of the picker column.
+ /// # [XAML](#tab/tabid-9)
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-10)
+ ///
+ /// PickerColumn column = new PickerColumn
+ /// {
+ /// DisplayMemberPath = "Name"
+ /// };
+ ///
+ ///
+ public string DisplayMemberPath
+ {
+ get { return (string)GetValue(DisplayMemberPathProperty); }
+ set { SetValue(DisplayMemberPathProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selected item of the columns on SfPicker.
+ ///
+ ///
+ /// In multi-column setups, if any column contains a selected item as null, the selection UI will not be drawn,
+ /// and each column scrolling will move to the zeroth position.
+ /// When selected item changed its trigger selection index changed events.
+ ///
+ ///
+ /// The following example demonstrates how to set the selected item of the picker column.
+ /// # [XAML](#tab/tabid-11)
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-12)
+ ///
+ /// PickerColumn column = new PickerColumn
+ /// {
+ /// SelectedItem = "Blue"
+ /// };
+ ///
+ ///
+ public object? SelectedItem
+ {
+ get { return (object?)GetValue(SelectedItemProperty); }
+ set { SetValue(SelectedItemProperty, value); }
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to wire the items source collection.
+ ///
+ internal void WireCollectionChanged()
+ {
+ if (ItemsSource == null)
+ {
+ return;
+ }
+
+ if (ItemsSource is INotifyCollectionChanged itemsSource)
+ {
+ itemsSource.CollectionChanged += OnItemsSourceCollectionChanged;
+ }
+ }
+
+ ///
+ /// Method to remove the wiring of items source collection.
+ ///
+ /// The items source.
+ internal void UnWireCollectionChanged(object itemsSource)
+ {
+ if (itemsSource == null)
+ {
+ return;
+ }
+
+ if (itemsSource is INotifyCollectionChanged items)
+ {
+ items.CollectionChanged -= OnItemsSourceCollectionChanged;
+ }
+ }
+
+ #endregion
+
+ #region Property Changed Methods
+
+ ///
+ /// Method invokes on the picker columns width changed.
+ ///
+ /// The columns settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnWidthChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as PickerColumn)?.RaisePropertyChanged(nameof(Width));
+ }
+
+ ///
+ /// Method invokes on the picker columns text changed.
+ ///
+ /// The columns settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnItemsSourceChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as PickerColumn)?.RaisePropertyChanged(nameof(ItemsSource));
+ }
+
+ ///
+ /// Method invokes on the picker columns selected index changed.
+ ///
+ /// The columns settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedIndexChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as PickerColumn)?.RaisePropertyChanged(nameof(SelectedIndex), oldValue);
+ }
+
+ ///
+ /// Method invokes on the picker columns header text changed.
+ ///
+ /// The columns settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHeaderTextChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as PickerColumn)?.RaisePropertyChanged(nameof(HeaderText));
+ }
+
+ ///
+ /// Method invokes on the picker columns display member path changed.
+ ///
+ /// The columns settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnDisplayMemberPathChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as PickerColumn)?.RaisePropertyChanged(nameof(DisplayMemberPath));
+ }
+
+ ///
+ /// Method invokes on the picker columns selected item changed.
+ ///
+ /// The columns settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedItemChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as PickerColumn)?.RaisePropertyChanged(nameof(SelectedItem), oldValue);
+ }
+
+ ///
+ /// Method to invoke picker property changed event on columns settings properties changed.
+ ///
+ /// Property name.
+ /// Property old value.
+ void RaisePropertyChanged(string propertyName, object? oldValue = null)
+ {
+ PickerPropertyChanged?.Invoke(this, new PickerPropertyChangedEventArgs(propertyName) { OldValue = oldValue });
+ }
+
+ ///
+ /// Method to invoke items source collection changed.
+ ///
+ /// The column items source object.
+ /// The collection changed event arguments.
+ void OnItemsSourceCollectionChanged(object? sender, NotifyCollectionChangedEventArgs e)
+ {
+ PickerColumnCollectionChanged?.Invoke(this, e);
+ }
+
+ #endregion
+
+ #region Interface Implementation
+
+ ///
+ /// This method will be called when a theme dictionary
+ /// that contains the value for your control key is merged in application.
+ ///
+ /// The old value.
+ /// The new value.
+ void IThemeElement.OnCommonThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ ///
+ /// This method will be called when users merge a theme dictionary
+ /// that contains value for “SyncfusionTheme” dynamic resource key.
+ ///
+ /// Old theme.
+ /// New theme.
+ void IThemeElement.OnControlThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ #endregion
+
+ #region Events
+
+ ///
+ /// Event Invokes on picker columns settings property changed and this includes old value of the changed property which is used to unwire events for nested classes.
+ ///
+ internal event EventHandler? PickerPropertyChanged;
+
+ ///
+ /// Event Invokes on picker column collection changed.
+ ///
+ internal event EventHandler? PickerColumnCollectionChanged;
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Model/Settings/PickerSelectionView.cs b/maui/src/Picker/Model/Settings/PickerSelectionView.cs
new file mode 100644
index 00000000..f25fb56c
--- /dev/null
+++ b/maui/src/Picker/Model/Settings/PickerSelectionView.cs
@@ -0,0 +1,191 @@
+namespace Syncfusion.Maui.Toolkit.Picker;
+
+///
+/// Represents a class which is used to customize all the properties of selection view of the SfPicker.
+///
+public class PickerSelectionView : Element
+{
+ #region Bindable Properties
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty BackgroundProperty =
+ BindableProperty.Create(
+ nameof(Background),
+ typeof(Brush),
+ typeof(PickerSelectionView),
+ defaultValueCreator: bindable => new SolidColorBrush(Color.FromArgb("#6750A4")));
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty StrokeProperty =
+ BindableProperty.Create(
+ nameof(Stroke),
+ typeof(Color),
+ typeof(PickerSelectionView),
+ defaultValueCreator: bindable => Colors.Transparent);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty CornerRadiusProperty =
+ BindableProperty.Create(
+ nameof(CornerRadius),
+ typeof(CornerRadius),
+ typeof(PickerSelectionView),
+ defaultValueCreator: bindable => new CornerRadius(20));
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty PaddingProperty =
+ BindableProperty.Create(
+ nameof(Padding),
+ typeof(Thickness),
+ typeof(PickerSelectionView),
+ defaultValueCreator: bindable => new Thickness(5, 2));
+
+ #endregion
+
+ #region Properties
+
+ ///
+ /// Gets or sets the background of the selection view in SfPicker.
+ ///
+ /// The default value of is SolidColorBrush(Color.FromArgb("#6750A4")).
+ ///
+ /// The following example demonstrates how to set the background of the selection view.
+ /// # [XAML](#tab/tabid-1)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// SfPicker picker = new SfPicker();
+ /// picker.SelectionView = new PickerSelectionView
+ /// {
+ /// Background = new SolidColorBrush(Colors.LightBlue)
+ /// };
+ ///
+ ///
+ public Brush Background
+ {
+ get { return (Brush)GetValue(BackgroundProperty); }
+ set { SetValue(BackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the stroke color of the selection view in SfPicker.
+ ///
+ /// The default value of is Colors.Transparent.
+ ///
+ /// The following example demonstrates how to set the stroke of the selection view.
+ /// # [XAML](#tab/tabid-3)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-4)
+ ///
+ /// SfPicker picker = new SfPicker();
+ /// picker.SelectionView = new PickerSelectionView
+ /// {
+ /// Stroke = Colors.Blue
+ /// };
+ ///
+ ///
+ public Color Stroke
+ {
+ get { return (Color)GetValue(StrokeProperty); }
+ set { SetValue(StrokeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the corner radius of the selection view in SfPicker.
+ ///
+ /// The default value of is 20.
+ ///
+ /// The following example demonstrates how to set the corner radius of the selection view.
+ /// # [XAML](#tab/tabid-5)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-6)
+ ///
+ /// SfPicker picker = new SfPicker();
+ /// picker.SelectionView = new PickerSelectionView
+ /// {
+ /// CornerRadius = new CornerRadius(10)
+ /// };
+ ///
+ ///
+ public CornerRadius CornerRadius
+ {
+ get { return (CornerRadius)GetValue(CornerRadiusProperty); }
+ set { SetValue(CornerRadiusProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the padding value of the selection view in SfPicker.
+ ///
+ /// The default value of is new Thickness(5, 2).
+ ///
+ /// The following example demonstrates how to set the padding of the selection view.
+ /// # [XAML](#tab/tabid-7)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-8)
+ ///
+ /// SfPicker picker = new SfPicker();
+ /// picker.SelectionView = new PickerSelectionView
+ /// {
+ /// Padding = new Thickness(8, 4)
+ /// };
+ ///
+ ///
+ public Thickness Padding
+ {
+ get { return (Thickness)GetValue(PaddingProperty); }
+ set { SetValue(PaddingProperty, value); }
+ }
+
+ #endregion
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Model/Settings/PickerTextStyle.cs b/maui/src/Picker/Model/Settings/PickerTextStyle.cs
new file mode 100644
index 00000000..5a0b61d3
--- /dev/null
+++ b/maui/src/Picker/Model/Settings/PickerTextStyle.cs
@@ -0,0 +1,215 @@
+using Syncfusion.Maui.Toolkit.Graphics.Internals;
+using Font = Microsoft.Maui.Font;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// Represents a class which is used to customize the text style of the picker.
+ ///
+ public class PickerTextStyle : Element, ITextElement
+ {
+ #region Bindable Properties
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty TextColorProperty =
+ BindableProperty.Create(
+ nameof(TextColor),
+ typeof(Color),
+ typeof(PickerTextStyle),
+ defaultValueCreator: bindable => Colors.Black);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty FontSizeProperty = FontElement.FontSizeProperty;
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty FontFamilyProperty = FontElement.FontFamilyProperty;
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty FontAttributesProperty = FontElement.FontAttributesProperty;
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty FontAutoScalingEnabledProperty = FontElement.FontAutoScalingEnabledProperty;
+
+ #endregion
+
+ #region Properties
+
+ ///
+ /// Gets or sets the text color of the text style.
+ ///
+ /// The default value of the is "#000000"(black).
+ ///
+ /// It will be applicable to all the style related properties of the picker.
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.ColumnHeaderView = new TimePickerColumnHeaderView
+ /// {
+ /// Height = 50
+ /// };
+ ///
+ ///
+ public double Height
+ {
+ get { return (double)GetValue(HeightProperty); }
+ set { SetValue(HeightProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the text style of the column header text in SfTimePicker.
+ ///
+ ///
+ /// The following examples demonstrate how to set the text style of the column header view.
+ /// # [XAML](#tab/tabid-3)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-4)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.ColumnHeaderView = new TimePickerColumnHeaderView
+ /// {
+ /// TextStyle = new PickerTextStyle
+ /// {
+ /// TextColor = Colors.Blue,
+ /// FontSize = 16
+ /// }
+ /// };
+ ///
+ ///
+ public PickerTextStyle TextStyle
+ {
+ get { return (PickerTextStyle)GetValue(TextStyleProperty); }
+ set { SetValue(TextStyleProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the column header view in SfTimePicker.
+ ///
+ /// The default value of is "SolidColorBrush(Color.FromArgb("#F7F2FB"))".
+ ///
+ /// The following examples demonstrate how to set the background of the column header view.
+ /// # [XAML](#tab/tabid-5)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-6)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.ColumnHeaderView = new TimePickerColumnHeaderView
+ /// {
+ /// Background = new SolidColorBrush(Color.FromHex("#E0E0E0"))
+ /// };
+ ///
+ ///
+ public Brush Background
+ {
+ get { return (Brush)GetValue(BackgroundProperty); }
+ set { SetValue(BackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the column header separator line background in SfTimePicker.
+ ///
+ /// The default value of is "#CAC4D0".
+ ///
+ /// The following examples demonstrate how to set the divider color of the column header view.
+ /// # [XAML](#tab/tabid-7)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-8)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.ColumnHeaderView = new TimePickerColumnHeaderView
+ /// {
+ /// DividerColor = Colors.Gray
+ /// };
+ ///
+ ///
+ public Color DividerColor
+ {
+ get { return (Color)GetValue(DividerColorProperty); }
+ set { SetValue(DividerColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value to hour header text in SfTimePicker.
+ ///
+ /// The default value of is "Hour".
+ ///
+ /// The following examples demonstrate how to set the hour header text of the column header view.
+ /// # [XAML](#tab/tabid-9)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-10)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.ColumnHeaderView = new TimePickerColumnHeaderView
+ /// {
+ /// HourHeaderText = "hour"
+ /// };
+ ///
+ ///
+ public string HourHeaderText
+ {
+ get { return (string)GetValue(HourHeaderTextProperty); }
+ set { SetValue(HourHeaderTextProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value to minute header text in SfTimePicker.
+ ///
+ /// The default value of is "Minute".
+ ///
+ /// The following examples demonstrate how to set the minute header text of the column header view.
+ /// # [XAML](#tab/tabid-11)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-12)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.ColumnHeaderView = new TimePickerColumnHeaderView
+ /// {
+ /// MinuteHeaderText = "minute"
+ /// };
+ ///
+ ///
+ public string MinuteHeaderText
+ {
+ get { return (string)GetValue(MinuteHeaderTextProperty); }
+ set { SetValue(MinuteHeaderTextProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value to second header text in SfTimePicker.
+ ///
+ /// The default value of is "Second".
+ ///
+ /// The following examples demonstrate how to set the second header text of the column header view.
+ /// # [XAML](#tab/tabid-13)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-14)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.ColumnHeaderView = new TimePickerColumnHeaderView
+ /// {
+ /// SecondHeaderText = "second"
+ /// };
+ ///
+ ///
+ public string SecondHeaderText
+ {
+ get { return (string)GetValue(SecondHeaderTextProperty); }
+ set { SetValue(SecondHeaderTextProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value to meridiem header text in SfTimePicker.
+ ///
+ /// The default value of is string.Empty.
+ ///
+ /// The following examples demonstrate how to set the meridiem header text of the column header view.
+ /// # [XAML](#tab/tabid-15)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-16)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.ColumnHeaderView = new TimePickerColumnHeaderView
+ /// {
+ /// MeridiemHeaderText = "Meridiem"
+ /// };
+ ///
+ ///
+ public string MeridiemHeaderText
+ {
+ get { return (string)GetValue(MeridiemHeaderTextProperty); }
+ set { SetValue(MeridiemHeaderTextProperty, value); }
+ }
+
+ #endregion
+
+ #region Property Changed Methods
+
+ ///
+ /// Method invokes on the picker column header height changed.
+ ///
+ /// The column header settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHeightChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as TimePickerColumnHeaderView)?.RaisePropertyChanged(nameof(Height));
+ }
+
+ ///
+ /// Method invokes on picker column header text style property changed.
+ ///
+ /// The column header settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnTextStyleChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as TimePickerColumnHeaderView)?.RaisePropertyChanged(nameof(TextStyle), oldValue);
+ }
+
+ ///
+ /// Method invokes on the picker column header background changed.
+ ///
+ /// The column header settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as TimePickerColumnHeaderView)?.RaisePropertyChanged(nameof(Background));
+ }
+
+ ///
+ /// Method invokes on the picker column header separator line background changed.
+ ///
+ /// The column header settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnDividerColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as TimePickerColumnHeaderView)?.RaisePropertyChanged(nameof(DividerColor));
+ }
+
+ ///
+ /// Method invokes on hour header text property changed.
+ ///
+ /// The column header view.
+ /// Property old value.
+ /// Property new value.
+ static void OnHourHeaderTextChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as TimePickerColumnHeaderView)?.RaisePropertyChanged(nameof(HourHeaderText));
+ }
+
+ ///
+ /// Method invokes on minute header text property changed.
+ ///
+ /// The column header view.
+ /// Property old value.
+ /// Property new value.
+ static void OnMinuteHeaderTextChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as TimePickerColumnHeaderView)?.RaisePropertyChanged(nameof(MinuteHeaderText));
+ }
+
+ ///
+ /// Method invokes on second header text property changed.
+ ///
+ /// The column header view.
+ /// Property old value.
+ /// Property new value.
+ static void OnSecondHeaderTextChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as TimePickerColumnHeaderView)?.RaisePropertyChanged(nameof(SecondHeaderText));
+ }
+
+ ///
+ /// Method invokes on meridiem header text property changed.
+ ///
+ /// The column header view.
+ /// Property old value.
+ /// Property new value.
+ static void OnMeridiemHeaderTextChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ (bindable as TimePickerColumnHeaderView)?.RaisePropertyChanged(nameof(MeridiemHeaderText));
+ }
+
+ ///
+ /// Method to get the default text style for the column header view.
+ ///
+ /// Returns the default column header text style.
+ static ITextElement GetColumnHeaderTextStyle(BindableObject bindable)
+ {
+ TimePickerColumnHeaderView columnHeaderView = (TimePickerColumnHeaderView)bindable;
+ PickerTextStyle pickerTextStyle = new PickerTextStyle()
+ {
+ FontSize = 14,
+ TextColor = Color.FromArgb("49454F"),
+ Parent = columnHeaderView,
+ };
+
+ return pickerTextStyle;
+ }
+
+ ///
+ /// Method to invoke picker property changed event on column header settings properties changed.
+ ///
+ /// Property name.
+ /// Property old value.
+ void RaisePropertyChanged(string propertyName, object? oldValue = null)
+ {
+ PickerPropertyChanged?.Invoke(this, new PickerPropertyChangedEventArgs(propertyName) { OldValue = oldValue });
+ }
+
+ #endregion
+
+ #region Interface Implementation
+
+ ///
+ /// This method will be called when a theme dictionary
+ /// that contains the value for your control key is merged in application.
+ ///
+ /// The old value.
+ /// The new value.
+ void IThemeElement.OnCommonThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ ///
+ /// This method will be called when users merge a theme dictionary
+ /// that contains value for “SyncfusionTheme” dynamic resource key.
+ ///
+ /// Old theme.
+ /// New theme.
+ void IThemeElement.OnControlThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ #endregion
+
+ #region Events
+
+ ///
+ /// Event Invokes on column header settings property changed and this includes old value of the changed property which is used to unwire events for nested classes.
+ ///
+ internal event EventHandler? PickerPropertyChanged;
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/PickerBase.cs b/maui/src/Picker/PickerBase.cs
new file mode 100644
index 00000000..fefca5d5
--- /dev/null
+++ b/maui/src/Picker/PickerBase.cs
@@ -0,0 +1,920 @@
+using System.Collections;
+using System.ComponentModel;
+using System.Globalization;
+using Syncfusion.Maui.Toolkit.Popup;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// Represents the Picker base class.
+ ///
+ public abstract partial class PickerBase : SfView, IPicker
+ {
+ #region Fields
+
+ ///
+ /// Holds the previouslySelectedDate.
+ ///
+ internal DateTime _previousSelectedDateTime;
+
+ ///
+ /// The minimum height for the picker UI
+ ///
+ readonly double _minHeight = 300;
+
+ ///
+ /// The minimum width for the picker UI.
+ ///
+ readonly double _minWidth = 300;
+
+ ///
+ /// Holds the value of previous UI culture.
+ ///
+ CultureInfo _previousUICulture = CultureInfo.CurrentUICulture;
+
+ ///
+ /// The header layout contains the text of the header.
+ ///
+ HeaderLayout? _headerLayout;
+
+ ///
+ /// The footer layout contains ok and cancel buttons.
+ ///
+ FooterLayout? _footerLayout;
+
+ ///
+ /// The picker container contains picker view layouts.
+ ///
+ PickerContainer? _pickerContainer;
+
+ ///
+ /// Holds the picker measured size.
+ ///
+ Size _availableSize = Size.Zero;
+
+ ///
+ /// The picker stack layout contains header, footer and picker container.
+ ///
+ PickerStackLayout? _pickerStackLayout;
+
+ ///
+ /// The SfPopup view.
+ ///
+ SfPopup? _popup;
+
+ ///
+ /// Boolean to get the previous open state of the picker in the dialog mode.
+ /// This value is used to maintain the previous state of the picker while changing the visibility of the picker in the dialog mode.
+ /// While changing the IsOpen property of the picker dynamically in the Visibility change the property change will not trigger sometimes.
+ /// So that we are updated the previous state of the picker when the IsOpen property changed.
+ ///
+ bool _isPickerPreviouslyOpened = false;
+
+ ///
+ /// Flag indicating whether the text style is not internally.
+ ///
+ bool _isExternalStyle = false;
+
+ ///
+ /// Holds the value of internal property change or not.
+ ///
+ bool _isInternalPropertyChange = false;
+
+#if MACCATALYST || IOS
+
+ ///
+ /// Holds the value of picker view loaded or not.
+ ///
+ bool _isPickerViewLoaded = false;
+
+#endif
+
+ #endregion
+
+ #region Internal Properties
+
+ ///
+ /// Gets a value indicating whether the direction of the layout is RTL.
+ ///
+ bool IPickerCommon.IsRTLLayout => IsRTL(this);
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Gets the main page of the application.
+ ///
+ /// Returns page.
+ internal static Page? GetMainWindowPage()
+ {
+ var application = IPlatformApplication.Current?.Application as Application;
+ if (application != null && application.Windows.Count > 0)
+ {
+ return application.Windows[0].Page;
+ }
+
+ return new Page();
+ }
+
+ ///
+ /// Method to reset the header interaction highlight.
+ ///
+ internal void ResetHeaderHighlight()
+ {
+ _headerLayout?.ResetHeaderHighlight();
+ }
+
+ ///
+ /// Method to get the picker container value.
+ ///
+ /// The picker container.
+ internal PickerContainer? GetPickerContainerValue()
+ {
+ return _pickerContainer;
+ }
+
+ ///
+ /// Method to invoke the closed event.
+ ///
+ /// The picker instance.
+ /// The event arguments.
+ internal void InvokeClosedEvent(object sender, EventArgs eventArgs)
+ {
+ Closed?.Invoke(sender, eventArgs);
+ }
+
+ ///
+ /// Method to invoke the closing event.
+ ///
+ /// The picker instance.
+ /// The event arguments.
+ internal void InvokeClosingEvent(object sender, CancelEventArgs eventArgs)
+ {
+ Closing?.Invoke(sender, eventArgs);
+ }
+
+ ///
+ /// Method to invoke the opened event.
+ ///
+ /// The picker instance.
+ /// The event arguments.
+ internal void InvokeOpenedEvent(object sender, EventArgs eventArgs)
+ {
+ Opened?.Invoke(sender, eventArgs);
+ }
+
+ ///
+ /// Method to invoke ok button clicked event.
+ ///
+ /// The picker instance.
+ /// The event arguments.
+ internal void InvokeOkButtonClickedEvent(object sender, EventArgs eventArgs)
+ {
+ OkButtonClicked?.Invoke(sender, eventArgs);
+ }
+
+ ///
+ /// Method to invoke ok button clicked event.
+ ///
+ /// The picker instance.
+ /// The event arguments.
+ internal void InvokeCancelButtonClickedEvent(object sender, EventArgs eventArgs)
+ {
+ CancelButtonClicked?.Invoke(sender, eventArgs);
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Gets the RTL value true or false.
+ ///
+ /// The type of view.
+ /// Returns true or false.
+ static bool IsRTL(View view)
+ {
+ //// Flow direction property only added in VisualElement class only, so that we return while the object type is not visual element.
+ //// And Effective flow direction is flag type so that we add & RightToLeft.
+ if (!(view is IVisualElementController))
+ {
+ return false;
+ }
+
+ return ((view as IVisualElementController).EffectiveFlowDirection & EffectiveFlowDirection.RightToLeft) == EffectiveFlowDirection.RightToLeft;
+ }
+
+ ///
+ /// Method to update format based on current culture.
+ ///
+ void UpdateFormatBasedOnCulture()
+ {
+ if (!_previousUICulture.Name.Equals(CultureInfo.CurrentUICulture.Name, StringComparison.Ordinal))
+ {
+ _previousUICulture = CultureInfo.CurrentUICulture;
+
+ // Updated Formats of SfDatePicker,SfDateTimePicker and SfTimePicker to Reinitialize the component
+ if (Children is SfDatePicker datePicker)
+ {
+ datePicker.UpdateFormat();
+ }
+
+ if (Children is SfDateTimePicker dateTimePicker)
+ {
+ dateTimePicker.ResetDateColumns();
+ dateTimePicker.BaseHeaderView.DateText = dateTimePicker.GetDateHeaderText();
+ dateTimePicker.BaseHeaderView.TimeText = dateTimePicker.GetTimeHeaderText();
+ }
+
+ if (Children is SfTimePicker timePicker)
+ {
+ timePicker.UpdateFormat();
+ }
+ }
+ }
+
+ ///
+ /// Method to add the children of the picker control.
+ ///
+ void AddChildren()
+ {
+ _pickerStackLayout = new PickerStackLayout(this);
+ AddOrRemoveHeaderLayout();
+ _pickerContainer = new PickerContainer(this);
+ _pickerStackLayout.Children.Add(_pickerContainer);
+ AddOrRemoveFooterLayout();
+ Children.Add(_pickerStackLayout);
+ }
+
+ ///
+ /// Method to add or remove header layout.
+ ///
+ void AddOrRemoveHeaderLayout()
+ {
+ if (BaseHeaderView.Height > 0 && _headerLayout == null)
+ {
+ _headerLayout = new HeaderLayout(this);
+ _pickerStackLayout?.Children.Add(_headerLayout);
+ }
+ else if (_headerLayout != null && (BaseHeaderView.Height <= 0))
+ {
+ _pickerStackLayout?.Children.Remove(_headerLayout);
+ _headerLayout = null;
+ }
+ }
+
+ ///
+ /// Method to add or remove footer layout.
+ ///
+ void AddOrRemoveFooterLayout()
+ {
+ if (FooterView.Height > 0 && _footerLayout == null)
+ {
+ _footerLayout = new FooterLayout(this);
+ _pickerStackLayout?.Children.Add(_footerLayout);
+ }
+ else if (_footerLayout != null && FooterView.Height <= 0)
+ {
+ _pickerStackLayout?.Children.Remove(_footerLayout);
+ _footerLayout.RemoveFooterButtons();
+ _footerLayout = null;
+ }
+ }
+
+ ///
+ /// Method to update the picker view.
+ ///
+ void InvalidatePickerView()
+ {
+ InvalidateMeasure();
+ _pickerStackLayout?.InvalidateView();
+ }
+
+ ///
+ /// Method to update the selected index changed.
+ ///
+ /// The updated column index.
+ void UpdateSelectedIndexValue(int columnIndex)
+ {
+ if (_pickerContainer == null || _availableSize == Size.Zero)
+ {
+ return;
+ }
+
+ _pickerContainer.UpdateSelectedIndexValue(columnIndex);
+ }
+
+ ///
+ /// Method to update the picker selection view.
+ ///
+ void UpdatePickerSelectionView()
+ {
+ if (_pickerContainer == null || _availableSize == Size.Zero)
+ {
+ return;
+ }
+
+ _pickerContainer.UpdatePickerSelectionView();
+ }
+
+ ///
+ /// Method to show the picker popup based on the mode.
+ ///
+ void ShowPopup()
+ {
+ if (_popup == null)
+ {
+ return;
+ }
+
+ if (Mode == PickerMode.RelativeDialog)
+ {
+ OnPickerLoading();
+ if (RelativeView != null)
+ {
+ ShowRelativeToView(RelativeView, RelativePosition);
+ }
+ else
+ {
+ ShowRelativeToView(this, RelativePosition);
+ }
+ }
+ else
+ {
+ OnPickerLoading();
+
+ var application = IPlatformApplication.Current?.Application as Microsoft.Maui.Controls.Application;
+ var windowPage = GetMainWindowPage();
+ if (application != null && windowPage is Shell shellPage && !shellPage.IsLoaded)
+ {
+ shellPage.Loaded -= ShellPage_Loaded;
+ shellPage.Loaded += ShellPage_Loaded;
+#if MACCATALYST || IOS
+ if (windowPage.Navigation != null && windowPage.Navigation.ModalStack.Count > 0)
+ {
+ _popup.IsOpen = true;
+ }
+#endif
+ }
+ else
+ {
+ _popup.IsOpen = true;
+ }
+ }
+ }
+
+ ///
+ /// Method for shell page loaded event.
+ ///
+ /// Loaded event instance
+ /// Shell page loaded event args
+ void ShellPage_Loaded(object? sender, EventArgs e)
+ {
+ var shellCurrentPage = (sender as Shell)?.CurrentPage;
+ if (shellCurrentPage != null)
+ {
+ shellCurrentPage.Loaded -= OnMainPageLoaded;
+ shellCurrentPage.Loaded += OnMainPageLoaded;
+ }
+ }
+
+ ///
+ /// Method for main page loaded event.
+ ///
+ /// Loaded event instance
+ /// Main page loaded event args
+ void OnMainPageLoaded(object? sender, EventArgs e)
+ {
+ if (_popup != null)
+ {
+ _popup.IsOpen = true;
+ }
+ }
+
+ ///
+ /// Method to dismiss the picker popup view.
+ ///
+ void ClosePickerPopup()
+ {
+ if (_popup == null)
+ {
+ return;
+ }
+
+ _popup.IsOpen = false;
+ _popup.ContentTemplate = new DataTemplate(() =>
+ {
+ return null;
+ });
+
+ ResetPopup();
+ }
+
+ ///
+ /// Method to reset the popup and it was triggered while the mode changed to dialog to default.
+ ///
+ void ResetPopup()
+ {
+ if (_popup == null)
+ {
+ return;
+ }
+
+ _popup.IsOpen = false;
+ _popup.Opened -= OnPopupOpened;
+ _popup.Closed -= OnPopupClosed;
+ _popup.Closing -= OnPopupClosing;
+ Remove(_popup);
+ _popup = null;
+ }
+
+ ///
+ /// Method to show the picker popup based on the relative view and relative position.
+ ///
+ /// The relative view.
+ /// The relative position.
+ void ShowRelativeToView(View relativeView, PickerRelativePosition relativePosition)
+ {
+ if (_popup == null)
+ {
+ return;
+ }
+
+ switch (relativePosition)
+ {
+ case PickerRelativePosition.AlignTop:
+ _popup.ShowRelativeToView(relativeView, PopupRelativePosition.AlignTop);
+ break;
+
+ case PickerRelativePosition.AlignBottom:
+ _popup.ShowRelativeToView(relativeView, PopupRelativePosition.AlignBottom);
+ break;
+
+ case PickerRelativePosition.AlignTopLeft:
+ _popup.ShowRelativeToView(relativeView, PopupRelativePosition.AlignTopLeft);
+ break;
+
+ case PickerRelativePosition.AlignTopRight:
+ _popup.ShowRelativeToView(relativeView, PopupRelativePosition.AlignTopRight);
+ break;
+
+ case PickerRelativePosition.AlignBottomLeft:
+ _popup.ShowRelativeToView(relativeView, PopupRelativePosition.AlignBottomLeft);
+ break;
+
+ case PickerRelativePosition.AlignBottomRight:
+ _popup.ShowRelativeToView(relativeView, PopupRelativePosition.AlignBottomRight);
+ break;
+
+ case PickerRelativePosition.AlignToLeftOf:
+ _popup.ShowRelativeToView(relativeView, PopupRelativePosition.AlignToLeftOf);
+ break;
+
+ case PickerRelativePosition.AlignToRightOf:
+ _popup.ShowRelativeToView(relativeView, PopupRelativePosition.AlignToRightOf);
+ break;
+ }
+ }
+
+ ///
+ /// Method to add the picker to popup.
+ ///
+ void AddPickerToPopup()
+ {
+ if (_popup == null)
+ {
+ _popup = new SfPopup();
+ _popup.ShowHeader = false;
+ _popup.ShowFooter = false;
+ _popup.PopupStyle.CornerRadius = 5;
+ _popup.Opened += OnPopupOpened;
+ _popup.Closed += OnPopupClosed;
+ _popup.Closing += OnPopupClosing;
+ Add(_popup);
+ }
+
+ //// Here we have added the picker stack layout to the popup content if it is not null.
+ if (_pickerStackLayout == null)
+ {
+ return;
+ }
+
+ _pickerStackLayout.Background = Background;
+ _pickerStackLayout.BackgroundColor = BackgroundColor;
+ _popup.ContentTemplate = new DataTemplate(() =>
+ {
+ return _pickerStackLayout;
+ });
+ UpdatePopupSize();
+#if ANDROID
+ //// While adding the picker to the popup, the picker selected item not updated properly in android. So, we have updated that.
+ Dispatcher.Dispatch(() =>
+ {
+ _pickerContainer?.UpdateItemHeight();
+ });
+#endif
+ }
+
+ ///
+ /// Method to update the popup size based on the column values.
+ ///
+ void UpdatePopupSize()
+ {
+ if (_popup == null)
+ {
+ return;
+ }
+
+ double width = 0;
+ int count = 0;
+ int columnCount = BaseColumns.Count;
+ for (int i = 0; i < columnCount; i++)
+ {
+ ICollection itemsSource = (ICollection)BaseColumns[i].ItemsSource;
+ if (itemsSource != null)
+ {
+ count = count < itemsSource.Count ? itemsSource.Count : count;
+ if (BaseColumns[i].SelectedIndex <= -1)
+ {
+ count = count + 1;
+ }
+ }
+
+ width += BaseColumns[i].Width <= 0 ? 100 : BaseColumns[i].Width;
+ }
+
+ _popup.WidthRequest = width < 200 ? 200 : width;
+ _popup.HeightRequest = BaseHeaderView.Height + BaseColumnHeaderView.Height + (ItemHeight * (count >= 5 ? 5 : count)) + FooterView.Height;
+ }
+
+ ///
+ /// Method triggered while the popup closing.
+ ///
+ /// The popup instance.
+ /// Closing event argument.
+ void OnPopupClosing(object? sender, CancelEventArgs e)
+ {
+ e.Cancel = RaisePopupClosingEvent();
+ }
+
+ ///
+ /// Method raises while the popup event closing.
+ ///
+ /// Returns whether to cancel closing of the popup.
+ bool RaisePopupClosingEvent()
+ {
+ if (Closing != null)
+ {
+ CancelEventArgs popupClosingEventArgs = new CancelEventArgs();
+ OnPopupClosing(popupClosingEventArgs);
+ return popupClosingEventArgs.Cancel;
+ }
+ else
+ {
+ return false;
+ }
+ }
+
+ ///
+ /// Method triggered while the popup closed.
+ ///
+ /// The popup instance.
+ /// Closed event argument.
+ void OnPopupClosed(object? sender, EventArgs e)
+ {
+ IsOpen = false;
+ OnPopupClosed(e);
+ }
+
+ ///
+ /// Method triggered while the popup opened.
+ ///
+ /// The popup instance.
+ /// Opened event argument.
+ void OnPopupOpened(object? sender, EventArgs e)
+ {
+ OnPopupOpened(e);
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method used to arrange the children with in the bounds.
+ ///
+ /// The size of the layout.
+ /// Returns layout size.
+ protected override Size ArrangeContent(Rect bounds)
+ {
+ foreach (var child in Children)
+ {
+ child.Arrange(new Rect(bounds.Left, bounds.Top, bounds.Width, bounds.Height));
+ }
+
+ return bounds.Size;
+ }
+
+ ///
+ /// Method used to measure the children based on width and height value.
+ ///
+ /// The maximum width request of the layout.
+ /// The maximum height request of the layout.
+ /// Returns maximum size of the layout.
+ protected override Size MeasureContent(double widthConstraint, double heightConstraint)
+ {
+ UpdateFormatBasedOnCulture();
+ double width = double.IsFinite(widthConstraint) ? widthConstraint : _minWidth;
+ double height = double.IsFinite(heightConstraint) ? heightConstraint : _minHeight;
+
+#if MACCATALYST || IOS
+ if (!_isPickerViewLoaded)
+ {
+ width = DesiredSize.Width <= 0 ? width : DesiredSize.Width;
+ height = DesiredSize.Height <= 0 ? height : DesiredSize.Height;
+ _isPickerViewLoaded = true;
+ }
+#endif
+ if (double.IsInfinity(heightConstraint) && HeightRequest == -1 && Mode == PickerMode.Default)
+ {
+ HeightRequest = height;
+ }
+
+ foreach (var child in Children)
+ {
+ child.Measure(width, height);
+ }
+
+ Size measuredSize = new Size(width, height);
+ if (_availableSize != measuredSize)
+ {
+ _availableSize = measuredSize;
+ }
+
+ if (Mode != PickerMode.Default)
+ {
+ return Size.Zero;
+ }
+
+ return measuredSize;
+ }
+
+ ///
+ /// Method triggers when the time picker property changed
+ ///
+ /// The property name.
+ protected override void OnPropertyChanged(string? propertyName = null)
+ {
+ if (propertyName == nameof(IsVisible) && Mode != PickerMode.Default)
+ {
+ //// If the picker is not visible, we have to close the picker popup only when it is opened previously.
+ if (!IsVisible)
+ {
+ _isPickerPreviouslyOpened = IsOpen;
+ if (_isPickerPreviouslyOpened)
+ {
+ ClosePickerPopup();
+ }
+ }
+ //// If the picker is visible, we have to open the picker popup only when it is opened initally.
+ else if (IsOpen && IsVisible)
+ {
+ AddPickerToPopup();
+ ShowPopup();
+ }
+ //// If the picker is visible, we have to open the picker popup only when it is opened previously.
+ else if (IsVisible && _isPickerPreviouslyOpened)
+ {
+ IsOpen = true;
+ }
+ else
+ {
+ ClosePickerPopup();
+ }
+ }
+
+ base.OnPropertyChanged(propertyName);
+ }
+
+ #endregion
+
+ #region Virtual Methods
+
+ ///
+ /// Method to wire the events.
+ ///
+ protected virtual void Initialize()
+ {
+ // Wire events for header view properties.
+ if (BaseHeaderView != null)
+ {
+ SetInheritedBindingContext(BaseHeaderView, BindingContext);
+ BaseHeaderView.PickerPropertyChanged += OnHeaderSettingsPropertyChanged;
+ if (BaseHeaderView.TextStyle != null)
+ {
+ SetInheritedBindingContext(BaseHeaderView.TextStyle, BindingContext);
+ BaseHeaderView.TextStyle.PropertyChanged += OnHeaderTextStylePropertyChanged;
+ }
+
+ if (BaseHeaderView.SelectionTextStyle != null)
+ {
+ SetInheritedBindingContext(BaseHeaderView.SelectionTextStyle, BindingContext);
+ BaseHeaderView.SelectionTextStyle.PropertyChanged += OnHeaderSelectionTextStylePropertyChanged;
+ }
+ }
+
+ // Wire events for footer view properties.
+ if (FooterView != null)
+ {
+ SetInheritedBindingContext(FooterView, BindingContext);
+ FooterView.PickerPropertyChanged += OnFooterSettingsPropertyChanged;
+ if (FooterView.TextStyle != null)
+ {
+ SetInheritedBindingContext(FooterView.TextStyle, BindingContext);
+ FooterView.TextStyle.PropertyChanged += OnFooterTextStylePropertyChanged;
+ }
+ }
+
+ if (SelectedTextStyle != null)
+ {
+ SetInheritedBindingContext(SelectedTextStyle, BindingContext);
+ SelectedTextStyle.PropertyChanged += OnSelectedTextStylePropertyChanged;
+ }
+
+ if (TextStyle != null)
+ {
+ SetInheritedBindingContext(TextStyle, BindingContext);
+ TextStyle.PropertyChanged += OnUnSelectedTextStylePropertyChanged;
+ }
+
+ if (DisabledTextStyle != null)
+ {
+ SetInheritedBindingContext(DisabledTextStyle, BindingContext);
+ DisabledTextStyle.PropertyChanged += OnDisabledTextStylePropertyChanged;
+ }
+
+ if (BaseColumns != null)
+ {
+ BaseColumns.CollectionChanged += OnColumnsCollectionChanged;
+ }
+
+ if (SelectionView != null)
+ {
+ SelectionView.PropertyChanged += OnSelectionViewPropertyChanged;
+ }
+
+ if (BaseColumnHeaderView != null)
+ {
+ SetInheritedBindingContext(BaseColumnHeaderView, BindingContext);
+ BaseColumnHeaderView.PickerPropertyChanged += OnColumnHeaderViewPropertyChanged;
+ if (BaseColumnHeaderView.TextStyle != null)
+ {
+ SetInheritedBindingContext(BaseColumnHeaderView.TextStyle, BindingContext);
+ BaseColumnHeaderView.TextStyle.PropertyChanged += OnColumnHeaderTextStylePropertyChanged;
+ }
+ }
+
+ PropertyChanged += OnPickerPropertyChanged;
+ AddChildren();
+ }
+
+ ///
+ /// Triggers while the popup opening or switched from popup to default.
+ ///
+ protected virtual void OnPickerLoading()
+ {
+ }
+
+ ///
+ /// Triggers while the header button clicked.
+ ///
+ /// Index of the header button.
+ protected virtual void OnHeaderButtonClicked(int index)
+ {
+ }
+
+ ///
+ /// Triggers when the picker popup closed.
+ ///
+ /// The event arguments.
+ protected virtual void OnPopupClosed(EventArgs e)
+ {
+ }
+
+ ///
+ /// Triggers when the picker popup closing.
+ ///
+ /// The event arguments.
+ protected virtual void OnPopupClosing(CancelEventArgs e)
+ {
+ }
+
+ ///
+ /// Triggers when the picker popup opened.
+ ///
+ /// The event arguments.
+ protected virtual void OnPopupOpened(EventArgs e)
+ {
+ }
+
+ ///
+ /// Triggers when the ok button clicked.
+ ///
+ /// The event arguments.
+ protected virtual void OnOkButtonClicked(EventArgs e)
+ {
+ }
+
+ ///
+ /// Triggers when the cancel button clicked.
+ ///
+ /// The event arguments.
+ protected virtual void OnCancelButtonClicked(EventArgs e)
+ {
+ }
+
+ #endregion
+
+ #region Interface Implementation
+
+ ///
+ /// Method to update the picker tapped item index and scroll view rendering based on the tapped item index.
+ ///
+ /// The tapped index.
+ /// The column child index.
+ /// Check whether is initial loading or not.
+ void IPicker.UpdateSelectedIndexValue(int tappedIndex, int childIndex, bool isInitialLoading)
+ {
+ if (BaseColumns.Count <= childIndex)
+ {
+ return;
+ }
+
+ PickerColumn pickerColumn = BaseColumns[childIndex];
+
+ //// Handles the scenario where the selected index of a picker column matches the tapped index,
+ //// the selected item is null, it's not the initial loading phase, and the parent is an instance of SfDatePicker, SfTimePicker, or SfDateTimePicker.
+ //// In such cases, it resets the selected date/time to the previous selected value
+ //// to avoid triggering UI updates when setting the selected date/time as null during the initial loading phase.
+ if (pickerColumn.SelectedIndex == tappedIndex && pickerColumn.SelectedItem == null && !isInitialLoading && pickerColumn.Parent is SfDatePicker or SfTimePicker or SfDateTimePicker)
+ {
+ if (pickerColumn.Parent is SfDatePicker datePicker)
+ {
+ datePicker.SelectedDate = _previousSelectedDateTime.Date;
+ }
+ else if (pickerColumn.Parent is SfTimePicker timePicker)
+ {
+ timePicker.SelectedTime = _previousSelectedDateTime.TimeOfDay;
+ }
+ else if (pickerColumn.Parent is SfDateTimePicker dateTimePicker)
+ {
+ dateTimePicker.SelectedDate = _previousSelectedDateTime;
+ }
+
+ return;
+ }
+
+ if (pickerColumn.SelectedIndex == tappedIndex)
+ {
+ return;
+ }
+
+ pickerColumn.SelectedIndex = tappedIndex;
+ }
+
+ ///
+ /// Method to invoke the after confirm button clicked and it invokes the confirm button clicked event.
+ ///
+ void IFooterView.OnConfirmButtonClicked()
+ {
+ OnOkButtonClicked(new EventArgs { });
+ }
+
+ ///
+ /// Method to invoke the after cancel button clicked and it invokes the cancel button clicked event.
+ ///
+ void IFooterView.OnCancelButtonClicked()
+ {
+ OnCancelButtonClicked(new EventArgs { });
+ }
+
+ ///
+ /// Method to update the after date button clicked.
+ ///
+ void IHeaderView.OnDateButtonClicked()
+ {
+ OnHeaderButtonClicked(0);
+ }
+
+ ///
+ /// Method to update the after time button clicked.
+ ///
+ void IHeaderView.OnTimeButtonClicked()
+ {
+ OnHeaderButtonClicked(1);
+ }
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/PickerStackLayout.cs b/maui/src/Picker/PickerStackLayout.cs
new file mode 100644
index 00000000..7f4b1a09
--- /dev/null
+++ b/maui/src/Picker/PickerStackLayout.cs
@@ -0,0 +1,132 @@
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// Represents the picker stack layout class.
+ ///
+ internal class PickerStackLayout : SfView
+ {
+ #region Fields
+
+ ///
+ /// The picker info.
+ ///
+ readonly IPicker _pickerInfo;
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ /// The picker info.
+ internal PickerStackLayout(IPicker pickerInfo)
+ {
+ _pickerInfo = pickerInfo;
+ //// TODO: In windows, child layouts get the parent flow direction hence while arranging child elements the framework automatically reverses the direction.
+ //// In other platforms, child elements' flow direction is not set and always has left flow direction so we have to manually arrange child elements.
+ //// In the Windows platform, the draw view is still needed to configure manually and not take the parent direction.
+ //// Due to this inconsistent behavior in windows, set flow direction to LTR for the inner layout of the calendar, so we manually arrange and draw child elements for all the platforms as common.
+ //// In the Windows platform, the draw view does not arrange based on the flow direction. https://github.com/dotnet/maui/issues/6978
+ FlowDirection = FlowDirection.LeftToRight;
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Trigger to invalidate the view. it was triggered while changing the header or footer view height.
+ ///
+ internal void InvalidateView()
+ {
+ InvalidateMeasure();
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Method to get the valid height of header or footer view.
+ ///
+ /// The height of the footer or header view.
+ /// Returns the height.
+ static double GetValidHeight(double height)
+ {
+ if (height > 0)
+ {
+ return height;
+ }
+
+ return 0;
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method used to measure the children based on width and height value.
+ ///
+ /// The maximum width request of the layout.
+ /// The maximum height request of the layout.
+ /// Returns the maximum size of the layout.
+ protected override Size MeasureContent(double widthConstraint, double heightConstraint)
+ {
+ double width = double.IsFinite(widthConstraint) ? widthConstraint : 300;
+ double height = double.IsFinite(heightConstraint) ? heightConstraint : 300;
+ double headerHeight = GetValidHeight(_pickerInfo.HeaderView.Height);
+ double footerHeight = GetValidHeight(_pickerInfo.FooterView.Height);
+ foreach (var child in Children)
+ {
+ if (child is HeaderLayout)
+ {
+ child.Measure(width, headerHeight);
+ }
+ else if (child is PickerContainer)
+ {
+ child.Measure(width, height - footerHeight - headerHeight);
+ }
+ else if (child is FooterLayout)
+ {
+ child.Measure(width, footerHeight);
+ }
+ }
+
+ return new Size(width, height);
+ }
+
+ ///
+ /// Method used to arrange the children with in the bounds.
+ ///
+ /// The size of the layout.
+ /// Returns the layout size.
+ protected override Size ArrangeContent(Rect bounds)
+ {
+ double width = bounds.Width;
+ double topPosition = bounds.Top;
+ double headerHeight = GetValidHeight(_pickerInfo.HeaderView.Height);
+ double footerHeight = GetValidHeight(_pickerInfo.FooterView.Height);
+ foreach (var child in Children)
+ {
+ if (child is HeaderLayout)
+ {
+ child.Arrange(new Rect(bounds.Left, topPosition, width, headerHeight));
+ }
+ else if (child is PickerContainer)
+ {
+ child.Arrange(new Rect(bounds.Left, topPosition + headerHeight, width, bounds.Height - headerHeight - footerHeight));
+ }
+ else if (child is FooterLayout)
+ {
+ child.Arrange(new Rect(bounds.Left, topPosition + bounds.Height - footerHeight, width, footerHeight));
+ }
+ }
+
+ return bounds.Size;
+ }
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Resources/SfPickerResources.cs b/maui/src/Picker/Resources/SfPickerResources.cs
new file mode 100644
index 00000000..75eadbe9
--- /dev/null
+++ b/maui/src/Picker/Resources/SfPickerResources.cs
@@ -0,0 +1,53 @@
+using System.Globalization;
+using Syncfusion.Maui.Toolkit.Localization;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// A localization resource accessor that returns the localized string based on culture for the .
+ ///
+ public class SfPickerResources : LocalizationResourceAccessor
+ {
+ #region Property
+
+ ///
+ /// Gets the culture info.
+ ///
+ /// The culture.
+ internal static CultureInfo CultureInfo
+ {
+ get
+ {
+ return CultureInfo.CurrentUICulture;
+ }
+ }
+
+ #endregion
+
+ #region Internal Method
+
+ ///
+ /// Gets the localized string.
+ ///
+ /// Text type.
+ /// The string.
+ internal static string GetLocalizedString(string text)
+ {
+ string? value = string.Empty;
+ if (ResourceManager != null)
+ {
+ Culture = CultureInfo.CurrentUICulture;
+ value = GetString(text);
+ }
+
+ if (string.IsNullOrEmpty(value))
+ {
+ return text;
+ }
+
+ return value;
+ }
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/SfDatePicker.cs b/maui/src/Picker/SfDatePicker.cs
new file mode 100644
index 00000000..83fd463f
--- /dev/null
+++ b/maui/src/Picker/SfDatePicker.cs
@@ -0,0 +1,2338 @@
+using System.Collections.ObjectModel;
+using System.ComponentModel;
+using System.Globalization;
+using System.Windows.Input;
+using Syncfusion.Maui.Toolkit.Themes;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// Initializes a new instance of the class that represents a control, used to select the date with in specified date range.
+ ///
+ public class SfDatePicker : PickerBase, IParentThemeElement, IThemeElement
+ {
+ #region Fields
+
+ ///
+ /// Holds the day column information.
+ ///
+ PickerColumn _dayColumn;
+
+ ///
+ /// Holds the month column information.
+ ///
+ PickerColumn _monthColumn;
+
+ ///
+ /// Holds the year column information.
+ ///
+ PickerColumn _yearColumn;
+
+ ///
+ /// Holds the picker column collection.
+ ///
+ ObservableCollection _columns;
+
+ #endregion
+
+ #region Bindable Properties
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty HeaderViewProperty =
+ BindableProperty.Create(
+ nameof(HeaderView),
+ typeof(PickerHeaderView),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => new PickerHeaderView(),
+ propertyChanged: OnHeaderViewChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty ColumnHeaderViewProperty =
+ BindableProperty.Create(
+ nameof(ColumnHeaderView),
+ typeof(DatePickerColumnHeaderView),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => new DatePickerColumnHeaderView(),
+ propertyChanged: OnColumnHeaderViewChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty SelectedDateProperty =
+ BindableProperty.Create(
+ nameof(SelectedDate),
+ typeof(DateTime?),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => DateTime.Now.Date,
+ propertyChanged: OnSelectedDatePropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty DayIntervalProperty =
+ BindableProperty.Create(
+ nameof(DayInterval),
+ typeof(int),
+ typeof(SfDatePicker),
+ 1,
+ propertyChanged: OnDayIntervalPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty MonthIntervalProperty =
+ BindableProperty.Create(
+ nameof(MonthInterval),
+ typeof(int),
+ typeof(SfDatePicker),
+ 1,
+ propertyChanged: OnMonthIntervalPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty YearIntervalProperty =
+ BindableProperty.Create(
+ nameof(YearInterval),
+ typeof(int),
+ typeof(SfDatePicker),
+ 1,
+ propertyChanged: OnYearIntervalPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty FormatProperty =
+ BindableProperty.Create(
+ nameof(Format),
+ typeof(PickerDateFormat),
+ typeof(SfDatePicker),
+ PickerDateFormat.yyyy_MM_dd,
+ propertyChanged: OnFormatPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty MinimumDateProperty =
+ BindableProperty.Create(
+ nameof(MinimumDate),
+ typeof(DateTime),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => new DateTime(1900, 01, 01),
+ propertyChanged: OnMinimumDatePropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty MaximumDateProperty =
+ BindableProperty.Create(
+ nameof(MaximumDate),
+ typeof(DateTime),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => new DateTime(2100, 12, 31),
+ propertyChanged: OnMaximumDatePropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty SelectionChangedCommandProperty =
+ BindableProperty.Create(
+ nameof(SelectionChangedCommand),
+ typeof(ICommand),
+ typeof(SfDatePicker),
+ null);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty BlackoutDatesProperty =
+ BindableProperty.Create(
+ nameof(BlackoutDates),
+ typeof(ObservableCollection),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => new ObservableCollection(),
+ propertyChanged: OnBlackOutDatesPropertyChanged);
+
+ #endregion
+
+ #region Internal Bindable Properties
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ internal static readonly BindableProperty DatePickerBackgroundProperty =
+ BindableProperty.Create(
+ nameof(DatePickerBackground),
+ typeof(Color),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#EEE8F4"),
+ propertyChanged: OnDatePickerBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty HeaderBackgroundProperty =
+ BindableProperty.Create(
+ nameof(HeaderBackground),
+ typeof(Brush),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => new SolidColorBrush(Color.FromArgb("#F7F2FB")),
+ propertyChanged: OnHeaderBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty FooterBackgroundProperty =
+ BindableProperty.Create(
+ nameof(FooterBackground),
+ typeof(Brush),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => Brush.Transparent,
+ propertyChanged: OnFooterBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty SelectionBackgroundProperty =
+ BindableProperty.Create(
+ nameof(SelectionBackground),
+ typeof(Brush),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => new SolidColorBrush(Color.FromArgb("#6750A4")),
+ propertyChanged: OnSelectionBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty SelectionStrokeColorProperty =
+ BindableProperty.Create(
+ nameof(SelectionStrokeColor),
+ typeof(Color),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => Colors.Transparent,
+ propertyChanged: OnSelectionStrokeColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectionCornerRadiusProperty =
+ BindableProperty.Create(
+ nameof(SelectionCornerRadius),
+ typeof(CornerRadius),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => new CornerRadius(20),
+ propertyChanged: OnSelectionCornerRadiusChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty HeaderDividerColorProperty =
+ BindableProperty.Create(
+ nameof(HeaderDividerColor),
+ typeof(Color),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#CAC4D0"),
+ propertyChanged: OnHeaderDividerColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty FooterDividerColorProperty =
+ BindableProperty.Create(
+ nameof(FooterDividerColor),
+ typeof(Color),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#CAC4D0"),
+ propertyChanged: OnFooterDividerColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty HeaderTextColorProperty =
+ BindableProperty.Create(
+ nameof(HeaderTextColor),
+ typeof(Color),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#49454F"),
+ propertyChanged: OnHeaderTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty HeaderFontSizeProperty =
+ BindableProperty.Create(
+ nameof(HeaderFontSize),
+ typeof(double),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => 16d,
+ propertyChanged: OnHeaderFontSizeChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty FooterTextColorProperty =
+ BindableProperty.Create(
+ nameof(FooterTextColor),
+ typeof(Color),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#6750A4"),
+ propertyChanged: OnFooterTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty FooterFontSizeProperty =
+ BindableProperty.Create(
+ nameof(FooterFontSize),
+ typeof(double),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => 14d,
+ propertyChanged: OnFooterFontSizeChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectedTextColorProperty =
+ BindableProperty.Create(
+ nameof(SelectedTextColor),
+ typeof(Color),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => Colors.White,
+ propertyChanged: OnSelectedTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectionTextColorProperty =
+ BindableProperty.Create(
+ nameof(SelectionTextColor),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Color.FromArgb("#6750A4"),
+ propertyChanged: OnSelectedTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectedFontSizeProperty =
+ BindableProperty.Create(
+ nameof(SelectedFontSize),
+ typeof(double),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => 16d,
+ propertyChanged: OnSelectedFontSizeChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty NormalTextColorProperty =
+ BindableProperty.Create(
+ nameof(NormalTextColor),
+ typeof(Color),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#1C1B1F"),
+ propertyChanged: OnNormalTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty NormalFontSizeProperty =
+ BindableProperty.Create(
+ nameof(NormalFontSize),
+ typeof(double),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => 16d,
+ propertyChanged: OnNormalFontSizeChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty DisabledTextColorProperty =
+ BindableProperty.Create(
+ nameof(DisabledTextColor),
+ typeof(Color),
+ typeof(SfDatePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#611C1B1F"),
+ propertyChanged: OnDisabledTextColorChanged);
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ public SfDatePicker()
+ {
+ _dayColumn = new PickerColumn();
+ _monthColumn = new PickerColumn();
+ _yearColumn = new PickerColumn();
+ _columns = new ObservableCollection();
+ Initialize();
+ GeneratePickerColumns();
+ BaseColumns = _columns;
+ SelectionIndexChanged += OnPickerSelectionIndexChanged;
+ BlackoutDates.CollectionChanged += OnBlackoutDates_CollectionChanged;
+ BackgroundColor = DatePickerBackground;
+ Dispatcher.Dispatch(() =>
+ {
+ InitializeTheme();
+ });
+ ColumnHeaderView.Parent = this;
+ }
+
+ #endregion
+
+ #region Properties
+
+ ///
+ /// Gets or sets the value of header view. This property can be used to customize the header in SfDatePicker.
+ ///
+ ///
+ /// The following example demonstrates how to customize the header view of SfDatePicker.
+ ///
+ ///
+ ///
+ ///
+ public PickerHeaderView HeaderView
+ {
+ get { return (PickerHeaderView)GetValue(HeaderViewProperty); }
+ set { SetValue(HeaderViewProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value of column header view. This property can be used to customize the header column in SfDatePicker.
+ ///
+ /// ///
+ /// The following example demonstrates how to customize the column header view of SfDatePicker.
+ ///
+ ///
+ ///
+ ///
+ public DatePickerColumnHeaderView ColumnHeaderView
+ {
+ get { return (DatePickerColumnHeaderView)GetValue(ColumnHeaderViewProperty); }
+ set { SetValue(ColumnHeaderViewProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the date picker selection date in SfDatePicker.
+ ///
+ /// The default value of is .
+ ///
+ /// The following examples demonstrate how to set the selected date in SfDatePicker.
+ /// # [XAML](#tab/tabid-1)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// SfDatePicker datePicker = new SfDatePicker();
+ /// datePicker.SelectedDate = new DateTime(2023, 6, 15);
+ ///
+ ///
+ public DateTime? SelectedDate
+ {
+ get { return (DateTime?)GetValue(SelectedDateProperty); }
+ set { SetValue(SelectedDateProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the day interval in SfDatePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the day interval in SfDatePicker.
+ /// # [XAML](#tab/tabid-3)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-4)
+ ///
+ /// SfDatePicker datePicker = new SfDatePicker();
+ /// datePicker.DayInterval = 2;
+ ///
+ ///
+ public int DayInterval
+ {
+ get { return (int)GetValue(DayIntervalProperty); }
+ set { SetValue(DayIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the month interval in SfDatePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the month interval in SfDatePicker.
+ /// # [XAML](#tab/tabid-5)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-6)
+ ///
+ /// SfDatePicker datePicker = new SfDatePicker();
+ /// datePicker.MonthInterval = 2;
+ ///
+ ///
+ public int MonthInterval
+ {
+ get { return (int)GetValue(MonthIntervalProperty); }
+ set { SetValue(MonthIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the year interval in SfDatePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the year interval in SfDatePicker.
+ /// # [XAML](#tab/tabid-7)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-8)
+ ///
+ /// SfDatePicker datePicker = new SfDatePicker();
+ /// datePicker.YearInterval = 2;
+ ///
+ ///
+ public int YearInterval
+ {
+ get { return (int)GetValue(YearIntervalProperty); }
+ set { SetValue(YearIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the picker date format in SfDatePicker.
+ ///
+ /// The default value of is .
+ ///
+ /// The following examples demonstrate how to set the format in SfDatePicker.
+ /// # [XAML](#tab/tabid-9)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-10)
+ ///
+ /// SfDatePicker datePicker = new SfDatePicker();
+ /// datePicker.Format = PickerDateFormat.dd_MM_yyyy;
+ ///
+ ///
+ public PickerDateFormat Format
+ {
+ get { return (PickerDateFormat)GetValue(FormatProperty); }
+ set { SetValue(FormatProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the minimum date in SfDatePicker.
+ ///
+ /// The default value of is "DateTime(1900, 01, 01)".
+ ///
+ /// The following examples demonstrate how to set the minimum date in SfDatePicker.
+ /// # [XAML](#tab/tabid-11)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-12)
+ ///
+ /// SfDatePicker datePicker = new SfDatePicker();
+ /// datePicker.MinimumDate = new DateTime(2023, 1, 1);
+ ///
+ ///
+ public DateTime MinimumDate
+ {
+ get { return (DateTime)GetValue(MinimumDateProperty); }
+ set { SetValue(MinimumDateProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the maximum date in SfDatePicker.
+ ///
+ /// The default value of is "DateTime(2100, 12, 31)".
+ ///
+ /// The following examples demonstrate how to set the maximum date in SfDatePicker.
+ /// # [XAML](#tab/tabid-13)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-14)
+ ///
+ /// SfDatePicker datePicker = new SfDatePicker();
+ /// datePicker.MaximumDate = new DateTime(2023, 12, 31);
+ ///
+ ///
+ public DateTime MaximumDate
+ {
+ get { return (DateTime)GetValue(MaximumDateProperty); }
+ set { SetValue(MaximumDateProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection changed command in SfDatePicker.
+ ///
+ /// The default value of is null.
+ ///
+ /// The following example demonstrates how to set the selection changed command in SfDatePicker.
+ /// # [XAML](#tab/tabid-15)
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-16)
+ ///
+ ///
+ ///
+ /// 2001-08-10
+ /// 2001-08-12
+ /// 2001-08-14
+ /// 2001-08-17
+ /// 2001-08-18
+ /// 2001-08-20
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-18)
+ ///
+ /// SfDatePicker picker = new SfDatePicker();
+ /// picker.BlackoutDates.Add(new DateTime(2001, 8, 10));
+ /// picker.BlackoutDates.Add(new DateTime(2001, 8, 12));
+ /// picker.BlackoutDates.Add(new DateTime(2001, 8, 14));
+ /// picker.BlackoutDates.Add(new DateTime(2001, 8, 17));
+ /// picker.BlackoutDates.Add(new DateTime(2001, 8, 18));
+ /// picker.BlackoutDates.Add(new DateTime(2001, 8, 20));
+ ///
+ ///
+ public ObservableCollection BlackoutDates
+ {
+ get { return (ObservableCollection)GetValue(BlackoutDatesProperty); }
+ set { SetValue(BlackoutDatesProperty, value); }
+ }
+
+ #endregion
+
+ #region Internal Properties
+
+ ///
+ /// Gets or sets the background color of the date picker.
+ ///
+ internal Color DatePickerBackground
+ {
+ get { return (Color)GetValue(DatePickerBackgroundProperty); }
+ set { SetValue(DatePickerBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the header view in date picker.
+ ///
+ internal Brush HeaderBackground
+ {
+ get { return (Brush)GetValue(HeaderBackgroundProperty); }
+ set { SetValue(HeaderBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the footer view in SfDatePicker.
+ ///
+ internal Brush FooterBackground
+ {
+ get { return (Brush)GetValue(FooterBackgroundProperty); }
+ set { SetValue(FooterBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the selection view in SfDatePicker.
+ ///
+ internal Brush SelectionBackground
+ {
+ get { return (Brush)GetValue(SelectionBackgroundProperty); }
+ set { SetValue(SelectionBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the stroke color of the selection view in SfDatePicker.
+ ///
+ internal Color SelectionStrokeColor
+ {
+ get { return (Color)GetValue(SelectionStrokeColorProperty); }
+ set { SetValue(SelectionStrokeColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the corner radius of the selection view in SfDatePicker.
+ ///
+ internal CornerRadius SelectionCornerRadius
+ {
+ get { return (CornerRadius)GetValue(SelectionCornerRadiusProperty); }
+ set { SetValue(SelectionCornerRadiusProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the color of the header separator line in date picker.
+ ///
+ internal Color HeaderDividerColor
+ {
+ get { return (Color)GetValue(HeaderDividerColorProperty); }
+ set { SetValue(HeaderDividerColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the footer separator line background in SfDatePicker.
+ ///
+ internal Color FooterDividerColor
+ {
+ get { return (Color)GetValue(FooterDividerColorProperty); }
+ set { SetValue(FooterDividerColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the header text color of the text style.
+ ///
+ internal Color HeaderTextColor
+ {
+ get { return (Color)GetValue(HeaderTextColorProperty); }
+ set { SetValue(HeaderTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the header font size of the text style.
+ ///
+ internal double HeaderFontSize
+ {
+ get { return (double)GetValue(HeaderFontSizeProperty); }
+ set { SetValue(HeaderFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the footer text color of the text style.
+ ///
+ internal Color FooterTextColor
+ {
+ get { return (Color)GetValue(FooterTextColorProperty); }
+ set { SetValue(FooterTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the footer font size of the text style.
+ ///
+ internal double FooterFontSize
+ {
+ get { return (double)GetValue(FooterFontSizeProperty); }
+ set { SetValue(FooterFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection text color of the text style.
+ ///
+ ///
+ /// This color applicable for default text display mode.
+ ///
+ internal Color SelectedTextColor
+ {
+ get { return (Color)GetValue(SelectedTextColorProperty); }
+ set { SetValue(SelectedTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection text color of the text style.
+ ///
+ ///
+ /// This color is used for Fade, Shrink and FadeAndShrink mode.
+ ///
+ internal Color SelectionTextColor
+ {
+ get { return (Color)GetValue(SelectionTextColorProperty); }
+ set { SetValue(SelectionTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection font size of the text style.
+ ///
+ internal double SelectedFontSize
+ {
+ get { return (double)GetValue(SelectedFontSizeProperty); }
+ set { SetValue(SelectedFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the normal text color of the text style.
+ ///
+ internal Color NormalTextColor
+ {
+ get { return (Color)GetValue(NormalTextColorProperty); }
+ set { SetValue(NormalTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the normal font size of the text style.
+ ///
+ internal double NormalFontSize
+ {
+ get { return (double)GetValue(NormalFontSizeProperty); }
+ set { SetValue(NormalFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the disabled text color of the text style.
+ ///
+ internal Color DisabledTextColor
+ {
+ get { return (Color)GetValue(DisabledTextColorProperty); }
+ set { SetValue(DisabledTextColorProperty, value); }
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to update the date picker format.
+ ///
+ internal void UpdateFormat()
+ {
+ _dayColumn = new PickerColumn();
+ _monthColumn = new PickerColumn();
+ _yearColumn = new PickerColumn();
+ GeneratePickerColumns();
+ BaseColumns = _columns;
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Method trigged whenever the base panel selection is changed.
+ ///
+ /// Base picker instance value.
+ /// Selection changed event arguments.
+ void OnPickerSelectionIndexChanged(object? sender, PickerSelectionChangedEventArgs e)
+ {
+ string dayFormat;
+ string monthFormat;
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out dayFormat, out monthFormat, Format);
+ int changedColumnValue = formatStringOrder[e.ColumnIndex];
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime date = SelectedDate ?? _previousSelectedDateTime.Date;
+ DateTime? previousSelectedDate = DatePickerHelper.GetValidDate(date, MinimumDate, maxDate);
+ if (previousSelectedDate == null)
+ {
+ return;
+ }
+
+ switch (changedColumnValue)
+ {
+ //// Need to handle the day selection changes.
+ case 0:
+ {
+ int day = GetDayFromCollection(e);
+ DateTime selectedDate = new DateTime(previousSelectedDate.Value.Year, previousSelectedDate.Value.Month, day);
+ if (!DatePickerHelper.IsSameDate(selectedDate, SelectedDate))
+ {
+ SelectedDate = selectedDate.Date;
+ }
+ }
+
+ break;
+ //// Need to handle the month selection changes.
+ case 1:
+ {
+ int month, day;
+ GetMonthFromCollection(e, dayFormat, monthFormat, maxDate, previousSelectedDate, out month, out day);
+ DateTime selectedDate = new DateTime(previousSelectedDate.Value.Year, month, day);
+ if (!DatePickerHelper.IsSameDate(selectedDate, SelectedDate))
+ {
+ SelectedDate = selectedDate.Date;
+ }
+ }
+
+ break;
+ //// Need to handle the year selection changes.
+ case 2:
+ {
+ int year, month, day;
+ GetYearFromCollection(e, dayFormat, monthFormat, maxDate, previousSelectedDate, out year, out month, out day);
+ DateTime selectedDate = new DateTime(year, month, day);
+ if (!DatePickerHelper.IsSameDate(selectedDate, SelectedDate))
+ {
+ SelectedDate = selectedDate.Date;
+ }
+ }
+
+ break;
+ }
+ }
+
+ ///
+ /// Method to get the year from the year collection.
+ ///
+ /// The event args.
+ /// The day format.
+ /// The month format.
+ /// The maximum date.
+ /// The previous selected date.
+ /// The selected year.
+ /// The selected month.
+ /// The selected day.
+ void GetYearFromCollection(PickerSelectionChangedEventArgs e, string dayFormat, string monthFormat, DateTime maxDate, DateTime? previousSelectedDate, out int year, out int month, out int day)
+ {
+ year = MinimumDate.Year;
+ month = MinimumDate.Month;
+ day = MinimumDate.Day;
+ if (previousSelectedDate == null)
+ {
+ return;
+ }
+
+ if (_yearColumn.ItemsSource != null && _yearColumn.ItemsSource is ObservableCollection yearCollection && yearCollection.Count > e.NewValue)
+ {
+ //// Get the year value based on the selected index changes value.
+ year = int.Parse(yearCollection[e.NewValue]);
+ }
+
+ ObservableCollection months = DatePickerHelper.GetMonths(monthFormat, year, MinimumDate, maxDate, MonthInterval);
+ ObservableCollection previousMonths = _monthColumn.ItemsSource is ObservableCollection previousMonthCollection ? previousMonthCollection : new ObservableCollection();
+ //// Check the year index changes needed to update the month collection.
+ if (!PickerHelper.IsCollectionEquals(months, previousMonths))
+ {
+ _monthColumn.ItemsSource = months;
+ }
+
+ //// Check the month collection have selected month value, if not then update the nearby value.
+ int monthIndex = DatePickerHelper.GetMonthIndex(monthFormat, months, previousSelectedDate.Value.Month);
+ month = 1;
+ if (monthFormat == "M" || monthFormat == "MM")
+ {
+ //// Get the month value based on the selected index changes value.
+ month = int.Parse(months[monthIndex]);
+ }
+ else if (monthFormat == "MMM")
+ {
+ List monthStrings = DateTimeFormatInfo.CurrentInfo.AbbreviatedMonthNames.ToList();
+ //// Get the month value based on the selected index changes value.
+ month = monthStrings.IndexOf(months[monthIndex]) + 1;
+ }
+
+ ObservableCollection days = DatePickerHelper.GetDays(dayFormat, month, year, MinimumDate, maxDate, DayInterval);
+ ObservableCollection previousDays = _dayColumn.ItemsSource is ObservableCollection previousDayCollection ? previousDayCollection : new ObservableCollection();
+ //// Check the year and month(if month items source updated) changes needed to change the day collection.
+ if (!PickerHelper.IsCollectionEquals(days, previousDays))
+ {
+ _dayColumn.ItemsSource = days;
+ }
+
+ //// Check the day collection have selected day value, if not then update the nearby value.
+ int index = DatePickerHelper.GetDayIndex(dayFormat, days, previousSelectedDate.Value.Day);
+ day = index == -1 ? 1 : int.Parse(days[index]);
+ }
+
+ ///
+ /// Method to get the month value from the month collection.
+ ///
+ /// The event args.
+ /// The day format.
+ /// The month format.
+ /// The maximum date.
+ /// The previous selected date.
+ /// The selected month.
+ /// The selected day.
+ void GetMonthFromCollection(PickerSelectionChangedEventArgs e, string dayFormat, string monthFormat, DateTime maxDate, DateTime? previousSelectedDate, out int month, out int day)
+ {
+ month = 1;
+ day = 1;
+ if (previousSelectedDate == null)
+ {
+ return;
+ }
+
+ if (_monthColumn.ItemsSource != null && _monthColumn.ItemsSource is ObservableCollection monthCollection && monthCollection.Count > e.NewValue)
+ {
+ if (monthFormat == "M" || monthFormat == "MM")
+ {
+ //// Get the month value based on the selected index changes value.
+ month = int.Parse(monthCollection[e.NewValue]);
+ }
+ else if (monthFormat == "MMM")
+ {
+ List months = DateTimeFormatInfo.CurrentInfo.AbbreviatedMonthNames.ToList();
+ //// Get the month value based on the selected index changes value.
+ month = months.IndexOf(monthCollection[e.NewValue]) + 1;
+ }
+ }
+
+ ObservableCollection days = DatePickerHelper.GetDays(dayFormat, month, previousSelectedDate.Value.Year, MinimumDate, maxDate, DayInterval);
+ ObservableCollection previousDays = _dayColumn.ItemsSource is ObservableCollection previousDayCollection ? previousDayCollection : new ObservableCollection();
+ //// Check the month selection changes needed to update the days collection.
+ if (!PickerHelper.IsCollectionEquals(days, previousDays))
+ {
+ _dayColumn.ItemsSource = days;
+ }
+
+ //// Check the new days collection have a selected day value, if not then update the nearby value.
+ int index = DatePickerHelper.GetDayIndex(dayFormat, days, previousSelectedDate.Value.Day);
+ day = index == -1 ? 1 : int.Parse(days[index]);
+ }
+
+ ///
+ /// Method to get the day value from day collection.
+ ///
+ /// The event args.
+ /// The day collection index value.
+ int GetDayFromCollection(PickerSelectionChangedEventArgs e)
+ {
+ int day = 1;
+ if (_dayColumn.ItemsSource != null && _dayColumn.ItemsSource is ObservableCollection dayCollection && dayCollection.Count > e.NewValue)
+ {
+ //// Get the day value based on the selected index changes value.
+ day = int.Parse(dayCollection[e.NewValue]);
+ }
+
+ return day;
+ }
+
+ ///
+ /// Method to update the minimum and maximum date value for all the picker column based on the date value.
+ ///
+ /// Minimum and Maximum oldvalue.
+ /// Minimum and Maximum newvalue.
+ void UpdateMinimumMaximumDate(object oldValue, object newValue)
+ {
+ string dayFormat;
+ string monthFormat;
+ List formatString = DatePickerHelper.GetFormatStringOrder(out dayFormat, out monthFormat, Format);
+ DateTime oldDate = (DateTime)oldValue;
+ DateTime newDate = (DateTime)newValue;
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime? validSelectedDate = DatePickerHelper.GetValidDate(SelectedDate, MinimumDate, maxDate);
+ int yearIndex = formatString.IndexOf(2);
+ if (yearIndex != -1 && oldDate.Year != newDate.Year)
+ {
+ _yearColumn = GenerateYearColumn(validSelectedDate);
+ _columns[yearIndex] = _yearColumn;
+ }
+
+ if (validSelectedDate != null)
+ {
+ if (validSelectedDate.Value.Year == MinimumDate.Year || validSelectedDate.Value.Year == maxDate.Year)
+ {
+ ObservableCollection month = DatePickerHelper.GetMonths(monthFormat, validSelectedDate.Value.Year, MinimumDate, maxDate, MonthInterval);
+ ObservableCollection previousMonths = _monthColumn.ItemsSource is ObservableCollection previousMonthCollection ? previousMonthCollection : new ObservableCollection();
+ //// Check the year index changes needed to update the month collection.
+ if (!PickerHelper.IsCollectionEquals(month, previousMonths))
+ {
+ _monthColumn = new PickerColumn()
+ {
+ ItemsSource = month,
+ SelectedIndex = DatePickerHelper.GetMonthIndex(monthFormat, month, validSelectedDate.Value.Month),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MonthHeaderText),
+ };
+ int monthIndex = formatString.IndexOf(1);
+ if (monthIndex != -1)
+ {
+ _columns[monthIndex] = _monthColumn;
+ }
+ }
+ }
+
+ if (!string.IsNullOrEmpty(dayFormat) && ((validSelectedDate.Value.Year == MinimumDate.Year && validSelectedDate.Value.Month == MinimumDate.Month) || (validSelectedDate.Value.Year == maxDate.Year && validSelectedDate.Value.Month == maxDate.Month)))
+ {
+ ObservableCollection days = DatePickerHelper.GetDays(dayFormat, validSelectedDate.Value.Month, validSelectedDate.Value.Year, MinimumDate, maxDate, DayInterval);
+ ObservableCollection previousDays = _dayColumn.ItemsSource is ObservableCollection previousDayCollection ? previousDayCollection : new ObservableCollection();
+ //// Check the year and month(if month items source updated) changes needed to change the day collection.
+ if (!PickerHelper.IsCollectionEquals(days, previousDays))
+ {
+ _dayColumn = new PickerColumn()
+ {
+ ItemsSource = days,
+ SelectedIndex = DatePickerHelper.GetDayIndex(dayFormat, days, validSelectedDate.Value.Day),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.DayHeaderText),
+ };
+ int dayIndex = formatString.IndexOf(0);
+ if (dayIndex != -1)
+ {
+ _columns[dayIndex] = _dayColumn;
+ }
+ }
+ }
+ }
+ }
+
+ ///
+ /// Method to update the selected index value for all the picker column based on the date value.
+ ///
+ /// The selected date value.
+ void UpdateSelectedIndex(DateTime? date)
+ {
+ if (date == null)
+ {
+ return;
+ }
+
+ string dayFormat;
+ string monthFormat;
+ DatePickerHelper.GetFormatStringOrder(out dayFormat, out monthFormat, Format);
+ if (_yearColumn.ItemsSource != null && _yearColumn.ItemsSource is ObservableCollection yearCollection && yearCollection.Count > 0)
+ {
+ int index = DatePickerHelper.GetYearIndex(yearCollection, date.Value.Year);
+ if (_yearColumn.SelectedIndex != index)
+ {
+ _yearColumn.SelectedIndex = index;
+ }
+ }
+
+ if (_monthColumn.ItemsSource != null && _monthColumn.ItemsSource is ObservableCollection monthCollection && !string.IsNullOrEmpty(monthFormat))
+ {
+ int index = DatePickerHelper.GetMonthIndex(monthFormat, monthCollection, date.Value.Month);
+ if (_monthColumn.SelectedIndex != index)
+ {
+ _monthColumn.SelectedIndex = index;
+ }
+ }
+
+ if (_dayColumn.ItemsSource != null && _dayColumn.ItemsSource is ObservableCollection dayCollection && !string.IsNullOrEmpty(dayFormat))
+ {
+ int index = DatePickerHelper.GetDayIndex(dayFormat, dayCollection, date.Value.Day);
+ if (_dayColumn.SelectedIndex != index)
+ {
+ _dayColumn.SelectedIndex = index;
+ }
+ }
+ }
+
+ ///
+ /// Method invokes on column header property changed.
+ ///
+ /// Column header view value.
+ /// Property changed arguments.
+ void OnColumnHeaderPropertyChanged(object? sender, PickerPropertyChangedEventArgs e)
+ {
+ if (e.PropertyName == nameof(DatePickerColumnHeaderView.Background))
+ {
+ BaseColumnHeaderView.Background = ColumnHeaderView.Background;
+ }
+ else if (e.PropertyName == nameof(DatePickerColumnHeaderView.Height))
+ {
+ BaseColumnHeaderView.Height = ColumnHeaderView.Height;
+ }
+ else if (e.PropertyName == nameof(DatePickerColumnHeaderView.DividerColor))
+ {
+ BaseColumnHeaderView.DividerColor = ColumnHeaderView.DividerColor;
+ }
+ else if (e.PropertyName == nameof(DatePickerColumnHeaderView.TextStyle))
+ {
+ SetInheritedBindingContext(ColumnHeaderView.TextStyle, BindingContext);
+ BaseColumnHeaderView.TextStyle = ColumnHeaderView.TextStyle;
+ }
+ else if (e.PropertyName == nameof(DatePickerColumnHeaderView.DayHeaderText))
+ {
+ _dayColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.DayHeaderText);
+ }
+ else if (e.PropertyName == nameof(DatePickerColumnHeaderView.MonthHeaderText))
+ {
+ _monthColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MonthHeaderText);
+ }
+ else if (e.PropertyName == nameof(DatePickerColumnHeaderView.YearHeaderText))
+ {
+ _yearColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.YearHeaderText);
+ }
+ }
+
+ ///
+ /// Method to generate the day, month and year columns based on the selected date value.
+ ///
+ void GeneratePickerColumns()
+ {
+ string dayFormat;
+ string monthFormat;
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out dayFormat, out monthFormat, Format);
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime? selectedDate = DatePickerHelper.GetValidDate(SelectedDate, MinimumDate, maxDate);
+ ObservableCollection pickerColumns = new ObservableCollection();
+ foreach (int index in formatStringOrder)
+ {
+ switch (index)
+ {
+ case 0:
+ _dayColumn = GenerateDayColumn(dayFormat, selectedDate);
+ _dayColumn.SelectedItem = SelectedDate != null ? PickerHelper.GetSelectedItemDefaultValue(_dayColumn) : null;
+ pickerColumns.Add(_dayColumn);
+ break;
+ case 1:
+ _monthColumn = GenerateMonthColumn(monthFormat, selectedDate);
+ _monthColumn.SelectedItem = SelectedDate != null ? PickerHelper.GetSelectedItemDefaultValue(_monthColumn) : null;
+ pickerColumns.Add(_monthColumn);
+ break;
+ case 2:
+ _yearColumn = GenerateYearColumn(selectedDate);
+ _yearColumn.SelectedItem = SelectedDate != null ? PickerHelper.GetSelectedItemDefaultValue(_yearColumn) : null;
+ pickerColumns.Add(_yearColumn);
+ break;
+ }
+ }
+
+ _columns = pickerColumns;
+ }
+
+ ///
+ /// Method to generate the day column with items source and selected index based on format.
+ ///
+ /// The day format.
+ /// The valid selected date value.
+ /// Returns day column details.
+ PickerColumn GenerateDayColumn(string format, DateTime? selectedDate)
+ {
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+
+ // Use the selectedDate if provided, otherwise use 'previous'
+ DateTime referenceDate = selectedDate ?? _previousSelectedDateTime;
+
+ ObservableCollection days = DatePickerHelper.GetDays(
+ format,
+ referenceDate.Month,
+ referenceDate.Year,
+ MinimumDate,
+ maxDate,
+ DayInterval);
+
+ int selectedIndex = DatePickerHelper.GetDayIndex(
+ format,
+ days,
+ referenceDate.Day);
+
+ return new PickerColumn
+ {
+ ItemsSource = days,
+ SelectedIndex = selectedIndex,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.DayHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the month column with items source and selected index based on format.
+ ///
+ /// The month format value.
+ /// The valid selected date value.
+ /// Returns the month column instance.
+ PickerColumn GenerateMonthColumn(string format, DateTime? selectedDate)
+ {
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+
+ // Use the selectedDate if provided, otherwise use 'previous'
+ DateTime referenceDate = selectedDate ?? _previousSelectedDateTime;
+
+ ObservableCollection months = DatePickerHelper.GetMonths(
+ format,
+ referenceDate.Year,
+ MinimumDate,
+ maxDate,
+ MonthInterval);
+
+ int selectedIndex = DatePickerHelper.GetMonthIndex(
+ format,
+ months,
+ referenceDate.Month);
+
+ return new PickerColumn
+ {
+ ItemsSource = months,
+ SelectedIndex = selectedIndex,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MonthHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the year column with items source and selected index based on format.
+ ///
+ /// The valid selected date value.
+ /// Returns the year column instance.
+ PickerColumn GenerateYearColumn(DateTime? selectedDate)
+ {
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+
+ // Use 'selectedDate' if provided, otherwise fall back to 'previous'
+ int year = selectedDate?.Year ?? _previousSelectedDateTime.Year;
+
+ ObservableCollection years = DatePickerHelper.GetYears(
+ MinimumDate,
+ maxDate,
+ YearInterval);
+
+ int selectedIndex = DatePickerHelper.GetYearIndex(years, year);
+
+ return new PickerColumn
+ {
+ ItemsSource = years,
+ SelectedIndex = selectedIndex,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.YearHeaderText),
+ };
+ }
+
+ ///
+ /// Method trigged when the black out date collection gets changed.
+ ///
+ /// Date picker instance
+ /// Collection changed event arguments
+ void OnBlackoutDates_CollectionChanged(object? sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
+ {
+ if (SelectedDate != null)
+ {
+ DateTime currentDate = SelectedDate.Value;
+ while (BlackoutDates.Any(blackOutDate => DatePickerHelper.IsBlackoutDate(true, string.Empty, blackOutDate, currentDate)))
+ {
+ currentDate = currentDate.AddDays(1);
+ }
+
+ if (SelectedDate != currentDate)
+ {
+ SelectedDate = currentDate;
+ }
+ }
+ }
+
+ ///
+ /// Need to update the parent for the new value.
+ ///
+ /// The old value.
+ /// The new value.
+ void SetParent(Element? oldValue, Element? newValue)
+ {
+ if (oldValue != null)
+ {
+ oldValue.Parent = null;
+ }
+
+ if (newValue != null)
+ {
+ newValue.Parent = this;
+ }
+ }
+
+ ///
+ /// Method to initialize the theme and to set dynamic resources.
+ ///
+ void InitializeTheme()
+ {
+ ThemeElement.InitializeThemeResources(this, "SfDatePickerTheme");
+ SetDynamicResource(DatePickerBackgroundProperty, "SfDatePickerNormalBackground");
+
+ SetDynamicResource(HeaderBackgroundProperty, "SfDatePickerNormalHeaderBackground");
+ SetDynamicResource(HeaderDividerColorProperty, "SfDatePickerNormalHeaderDividerColor");
+ SetDynamicResource(HeaderTextColorProperty, "SfDatePickerNormalHeaderTextColor");
+ SetDynamicResource(HeaderFontSizeProperty, "SfDatePickerNormalHeaderFontSize");
+
+ SetDynamicResource(FooterBackgroundProperty, "SfDatePickerNormalFooterBackground");
+ SetDynamicResource(FooterDividerColorProperty, "SfDatePickerNormalFooterDividerColor");
+ SetDynamicResource(FooterTextColorProperty, "SfDatePickerNormalFooterTextColor");
+ SetDynamicResource(FooterFontSizeProperty, "SfDatePickerNormalFooterFontSize");
+
+ SetDynamicResource(SelectionBackgroundProperty, "SfDatePickerSelectionBackground");
+ SetDynamicResource(SelectionStrokeColorProperty, "SfDatePickerSelectionStroke");
+ SetDynamicResource(SelectionCornerRadiusProperty, "SfDatePickerSelectionCornerRadius");
+ SetDynamicResource(SelectedTextColorProperty, "SfDatePickerSelectedTextColor");
+ SetDynamicResource(SelectionTextColorProperty, "SfPickerSelectionTextColor");
+ SetDynamicResource(SelectedFontSizeProperty, "SfDatePickerSelectedFontSize");
+
+ SetDynamicResource(NormalTextColorProperty, "SfDatePickerNormalTextColor");
+ SetDynamicResource(NormalFontSizeProperty, "SfDatePickerNormalFontSize");
+
+ SetDynamicResource(DisabledTextColorProperty, "SfDatePickerDisabledTextColor");
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method to wire the events.
+ ///
+ protected override void Initialize()
+ {
+ base.Initialize();
+ BaseColumns = _columns;
+ BaseHeaderView = HeaderView;
+ if (ColumnHeaderView != null)
+ {
+ SetInheritedBindingContext(ColumnHeaderView, BindingContext);
+ ColumnHeaderView.PickerPropertyChanged += OnColumnHeaderPropertyChanged;
+ BaseColumnHeaderView = new PickerColumnHeaderView()
+ {
+ Background = ColumnHeaderView.Background,
+ DividerColor = ColumnHeaderView.DividerColor,
+ Height = ColumnHeaderView.Height,
+ TextStyle = ColumnHeaderView.TextStyle,
+ };
+ }
+ }
+
+ ///
+ /// Method triggers when the property binding context changed.
+ ///
+ protected override void OnBindingContextChanged()
+ {
+ base.OnBindingContextChanged();
+ if (HeaderView != null)
+ {
+ SetInheritedBindingContext(HeaderView, BindingContext);
+ if (HeaderView.TextStyle != null)
+ {
+ SetInheritedBindingContext(HeaderView.TextStyle, BindingContext);
+ }
+
+ if (HeaderView.SelectionTextStyle != null)
+ {
+ SetInheritedBindingContext(HeaderView.SelectionTextStyle, BindingContext);
+ }
+ }
+
+ if (ColumnHeaderView != null)
+ {
+ SetInheritedBindingContext(ColumnHeaderView, BindingContext);
+ if (ColumnHeaderView.TextStyle != null)
+ {
+ SetInheritedBindingContext(ColumnHeaderView.TextStyle, BindingContext);
+ }
+ }
+
+ if (FooterView != null)
+ {
+ SetInheritedBindingContext(FooterView, BindingContext);
+ if (FooterView.TextStyle != null)
+ {
+ SetInheritedBindingContext(FooterView.TextStyle, BindingContext);
+ }
+ }
+
+ if (SelectedTextStyle != null)
+ {
+ SetInheritedBindingContext(SelectedTextStyle, BindingContext);
+ }
+
+ if (TextStyle != null)
+ {
+ SetInheritedBindingContext(TextStyle, BindingContext);
+ }
+
+ if (SelectionView != null)
+ {
+ SetInheritedBindingContext(SelectionView, BindingContext);
+ }
+ }
+
+ ///
+ /// Method triggers when closed the date picker popup.
+ ///
+ /// The event arguments.
+ protected override void OnPopupClosed(EventArgs e)
+ {
+ InvokeClosedEvent(this, e);
+ }
+
+ ///
+ /// Method triggers when closing the date picker popup.
+ ///
+ /// The event arguments.
+ protected override void OnPopupClosing(CancelEventArgs e)
+ {
+ InvokeClosingEvent(this, e);
+ }
+
+ ///
+ /// Method triggers when opened the date picker popup.
+ ///
+ /// The event arguments.
+ protected override void OnPopupOpened(EventArgs e)
+ {
+ InvokeOpenedEvent(this, e);
+ }
+
+ ///
+ /// Method triggers when clicked the date picker ok button.
+ ///
+ /// The event arguments
+ protected override void OnOkButtonClicked(EventArgs e)
+ {
+ InvokeOkButtonClickedEvent(this, e);
+ if (AcceptCommand != null && AcceptCommand.CanExecute(e))
+ {
+ AcceptCommand.Execute(e);
+ }
+ }
+
+ ///
+ /// Method triggers when clicked the date picker cancel button.
+ ///
+ /// The event arguments.
+ protected override void OnCancelButtonClicked(EventArgs e)
+ {
+ InvokeCancelButtonClickedEvent(this, e);
+ if (DeclineCommand != null && DeclineCommand.CanExecute(e))
+ {
+ DeclineCommand.Execute(e);
+ }
+ }
+
+ #endregion
+
+ #region Property Changed Methods
+
+ ///
+ /// Method invokes on picker header view changed.
+ ///
+ /// The picker object.
+ /// Old value of the property.
+ /// New value of the property.
+ static void OnHeaderViewChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.HeaderView.Parent = picker;
+ picker.BaseHeaderView = picker.HeaderView;
+ if (bindable is SfDatePicker datePicker)
+ {
+ datePicker.SetParent(oldValue as Element, newValue as Element);
+ }
+ }
+
+ ///
+ /// Method invokes on picker column header view changed.
+ ///
+ /// The picker object.
+ /// Old value of the property.
+ /// New value of the property.
+ static void OnColumnHeaderViewChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ if (oldValue is DatePickerColumnHeaderView oldStyle)
+ {
+ oldStyle.PickerPropertyChanged -= picker.OnColumnHeaderPropertyChanged;
+ oldStyle.BindingContext = null;
+ oldStyle.Parent = null;
+ }
+
+ if (newValue is DatePickerColumnHeaderView newStyle)
+ {
+ newStyle.Parent = picker;
+ SetInheritedBindingContext(newStyle, picker.BindingContext);
+ newStyle.PickerPropertyChanged += picker.OnColumnHeaderPropertyChanged;
+ picker.BaseColumnHeaderView = new PickerColumnHeaderView()
+ {
+ Background = newStyle.Background,
+ DividerColor = newStyle.DividerColor,
+ Height = newStyle.Height,
+ TextStyle = newStyle.TextStyle,
+ };
+
+ picker._dayColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.DayHeaderText);
+ picker._monthColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.MonthHeaderText);
+ picker._yearColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.YearHeaderText);
+ }
+ }
+
+ ///
+ /// Method invokes on selection date property changed.
+ ///
+ /// The SfDatePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedDatePropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? datepicker = bindable as SfDatePicker;
+ if (datepicker == null)
+ {
+ return;
+ }
+
+ DateTime? previousSelectedDate = null;
+ DateTime? currentSelectedDate = null;
+ if (oldValue is DateTime oldSelectedDate)
+ {
+ previousSelectedDate = oldSelectedDate;
+ //// Prevents Selection changed event from triggering if old value is black out date.
+ if (datepicker.BlackoutDates.Any(blackOutDate => DatePickerHelper.IsBlackoutDate(true, string.Empty, blackOutDate, previousSelectedDate.Value)))
+ {
+ datepicker.UpdateSelectedIndex((DateTime)newValue);
+ //// Skip the update and event call by checking if the date is blackout value and within current month.
+ if (oldSelectedDate.Year == datepicker._previousSelectedDateTime.Year && oldSelectedDate.Month == datepicker._previousSelectedDateTime.Month)
+ {
+ return;
+ }
+
+ previousSelectedDate = datepicker._previousSelectedDateTime;
+ }
+
+ datepicker._previousSelectedDateTime = oldSelectedDate;
+ }
+
+ if (newValue is DateTime newSelectedDate)
+ {
+ //// Prevents Selection changed event from triggering if new value is black out date.
+ if (datepicker.BlackoutDates.Any(blackOutDate => DatePickerHelper.IsBlackoutDate(true, string.Empty, blackOutDate, newSelectedDate)))
+ {
+ return;
+ }
+
+ currentSelectedDate = newSelectedDate;
+ }
+
+ //// Skip the update and event call while the same date updated with different time value.
+ if (DatePickerHelper.IsSameDate(previousSelectedDate, currentSelectedDate))
+ {
+ return;
+ }
+
+ //// Update the column with valid date(date between min and max date).
+ if (newValue == null)
+ {
+ datepicker._dayColumn.SelectedItem = null;
+ datepicker._yearColumn.SelectedItem = null;
+ datepicker._monthColumn.SelectedItem = null;
+ datepicker.SelectedDate = null;
+ datepicker.SelectionChanged?.Invoke(datepicker, new DatePickerSelectionChangedEventArgs() { OldValue = previousSelectedDate, NewValue = currentSelectedDate });
+ return;
+ }
+ else
+ {
+ datepicker._dayColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(datepicker._dayColumn);
+ datepicker._yearColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(datepicker._yearColumn);
+ datepicker._monthColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(datepicker._monthColumn);
+ PickerContainer? pickerContainer = datepicker.GetPickerContainerValue();
+ pickerContainer?.UpdateScrollViewDraw();
+ pickerContainer?.InvalidateDrawable();
+ }
+
+ currentSelectedDate = DatePickerHelper.GetValidDate(currentSelectedDate, datepicker.MinimumDate, datepicker.MaximumDate);
+ var datePickerSelectionChangedEventArgs = new DatePickerSelectionChangedEventArgs() { OldValue = previousSelectedDate, NewValue = currentSelectedDate };
+ if (datepicker.SelectionChanged != null)
+ {
+ datepicker.SelectionChanged?.Invoke(datepicker, datePickerSelectionChangedEventArgs);
+ }
+
+ if (datepicker.SelectionChangedCommand != null && datepicker.SelectionChangedCommand.CanExecute(datePickerSelectionChangedEventArgs))
+ {
+ datepicker.SelectionChangedCommand.Execute(datePickerSelectionChangedEventArgs);
+ }
+
+ datepicker.UpdateSelectedIndex(currentSelectedDate);
+ }
+
+ ///
+ /// Method invokes on format property changed.
+ ///
+ /// The SfDatePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFormatPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? datepicker = bindable as SfDatePicker;
+ if (datepicker == null)
+ {
+ return;
+ }
+
+ datepicker.UpdateFormat();
+ }
+
+ ///
+ /// Method invokes on minimum date property changed.
+ ///
+ /// The SfDatePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnMinimumDatePropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? datepicker = bindable as SfDatePicker;
+ if (datepicker == null)
+ {
+ return;
+ }
+
+ datepicker.UpdateMinimumMaximumDate(oldValue, newValue);
+ DateTime? currentSelectedDate = DatePickerHelper.GetValidDate(datepicker.SelectedDate, datepicker.MinimumDate, datepicker.MaximumDate);
+ datepicker.UpdateSelectedIndex(currentSelectedDate);
+ }
+
+ ///
+ /// Method invokes on maximum date property changed.
+ ///
+ /// The SfDatePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnMaximumDatePropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? datepicker = bindable as SfDatePicker;
+ if (datepicker == null)
+ {
+ return;
+ }
+
+ DateTime newDate = DatePickerHelper.GetValidMaxDate(datepicker.MinimumDate, (DateTime)newValue);
+ datepicker.UpdateMinimumMaximumDate(oldValue, newDate);
+ DateTime? currentSelectedDate = DatePickerHelper.GetValidDate(datepicker.SelectedDate, datepicker.MinimumDate, newDate);
+ datepicker.UpdateSelectedIndex(currentSelectedDate);
+ }
+
+ ///
+ /// Method invokes on day interval property changed.
+ ///
+ /// The SfDatePicker object
+ /// Property old value.
+ /// Property new value.
+ static void OnDayIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? datepicker = bindable as SfDatePicker;
+ if (datepicker == null)
+ {
+ return;
+ }
+
+ string dayFormat;
+ //// Get the day format and format string order.
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out dayFormat, out _, datepicker.Format);
+ if (string.IsNullOrEmpty(dayFormat))
+ {
+ return;
+ }
+
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(datepicker.MinimumDate, datepicker.MaximumDate);
+ DateTime? currentSelectedDate = DatePickerHelper.GetValidDate(datepicker.SelectedDate, datepicker.MinimumDate, maxDate);
+ datepicker._dayColumn = datepicker.GenerateDayColumn(dayFormat, currentSelectedDate);
+ int dayIndex = formatStringOrder.IndexOf(0);
+ //// Replace the day column with updated day interval.
+ datepicker._columns[dayIndex] = datepicker._dayColumn;
+ }
+
+ ///
+ /// Method invokes on month interval property changed.
+ ///
+ /// The SfDatePicker object
+ /// Property old value.
+ /// Property new value.
+ static void OnMonthIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? datepicker = bindable as SfDatePicker;
+ if (datepicker == null)
+ {
+ return;
+ }
+
+ string monthFormat;
+ //// Get the day format and format string order.
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out _, out monthFormat, datepicker.Format);
+ if (string.IsNullOrEmpty(monthFormat))
+ {
+ return;
+ }
+
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(datepicker.MinimumDate, datepicker.MaximumDate);
+ DateTime? currentSelectedDate = DatePickerHelper.GetValidDate(datepicker.SelectedDate, datepicker.MinimumDate, maxDate);
+ datepicker._monthColumn = datepicker.GenerateMonthColumn(monthFormat, currentSelectedDate);
+ int monthIndex = formatStringOrder.IndexOf(1);
+ //// Replace the month column with updated month interval.
+ datepicker._columns[monthIndex] = datepicker._monthColumn;
+ }
+
+ ///
+ /// Method invokes on year interval property changed.
+ ///
+ /// The SfDatePicker object
+ /// Property old value.
+ /// Property new value.
+ static void OnYearIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? datepicker = bindable as SfDatePicker;
+ if (datepicker == null)
+ {
+ return;
+ }
+
+ //// Get the day format and format string order.
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out _, out _, datepicker.Format);
+ int yearIndex = formatStringOrder.IndexOf(2);
+ if (yearIndex == -1)
+ {
+ return;
+ }
+
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(datepicker.MinimumDate, datepicker.MaximumDate);
+ DateTime? currentSelectedDate = DatePickerHelper.GetValidDate(datepicker.SelectedDate, datepicker.MinimumDate, maxDate);
+ datepicker._yearColumn = datepicker.GenerateYearColumn(currentSelectedDate);
+ //// Replace the year column with updated year interval.
+ datepicker._columns[yearIndex] = datepicker._yearColumn;
+ }
+
+ ///
+ /// Method invokes on blackout dates property changed.
+ ///
+ /// The sfdatepicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnBlackOutDatesPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? datepicker = bindable as SfDatePicker;
+ if (datepicker == null)
+ {
+ return;
+ }
+
+ //// Unwires collection changed from old and wires on new collection.
+ ((ObservableCollection)oldValue).CollectionChanged -= datepicker.OnBlackoutDates_CollectionChanged;
+ ((ObservableCollection)newValue).CollectionChanged += datepicker.OnBlackoutDates_CollectionChanged;
+
+ if (datepicker.SelectedDate != null)
+ {
+ DateTime currentDate = datepicker.SelectedDate.Value;
+ while (datepicker.BlackoutDates.Any(blackOutDate => DatePickerHelper.IsBlackoutDate(true, string.Empty, blackOutDate, currentDate)))
+ {
+ currentDate = currentDate.AddDays(1);
+ }
+
+ if (datepicker.SelectedDate != currentDate)
+ {
+ datepicker.SelectedDate = currentDate;
+ }
+ }
+
+ //// Gets picker container value to update the view.
+ PickerContainer? pickerContainer = datepicker.GetPickerContainerValue();
+
+ pickerContainer?.UpdateScrollViewDraw();
+ pickerContainer?.UpdatePickerSelectionView();
+ }
+
+ #endregion
+
+ #region Internal Property Changed Methods
+
+ ///
+ /// called when property changed.
+ ///
+ /// The bindable object.
+ /// The old value.
+ /// The new value.
+ static void OnDatePickerBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.BackgroundColor = picker.DatePickerBackground;
+ }
+
+ ///
+ /// Method invokes on the picker header background changed.
+ ///
+ /// The header settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHeaderBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.HeaderView.Background = picker.HeaderBackground;
+ }
+
+ ///
+ /// Method invokes on the picker footer background changed.
+ ///
+ /// The footer settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.Background = picker.FooterBackground;
+ }
+
+ ///
+ /// Method invokes on the picker selection background changed.
+ ///
+ /// The selection settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectionBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectionView.Background = picker.SelectionBackground;
+ }
+
+ ///
+ /// Method invokes on the picker selection stroke color changed.
+ ///
+ /// The selection settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectionStrokeColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectionView.Stroke = picker.SelectionStrokeColor;
+ }
+
+ ///
+ /// Method invokes on the picker selection corner radius changed.
+ ///
+ /// The selection settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectionCornerRadiusChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectionView.CornerRadius = picker.SelectionCornerRadius;
+ }
+
+ ///
+ /// Method invokes on the picker header separator line background changed.
+ ///
+ /// The header settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHeaderDividerColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.HeaderView.DividerColor = picker.HeaderDividerColor;
+ }
+
+ ///
+ /// Method invokes on the picker footer separator line background changed.
+ ///
+ /// The footer settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterDividerColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.DividerColor = picker.FooterDividerColor;
+ }
+
+ ///
+ /// Method invokes on the picker header text color changed.
+ ///
+ /// The header text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHeaderTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.HeaderView.TextStyle.TextColor = picker.HeaderTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker header font size changed.
+ ///
+ /// The header text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHeaderFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.HeaderView.TextStyle.FontSize = picker.HeaderFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker footer text color changed.
+ ///
+ /// The footer text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.TextStyle.TextColor = picker.FooterTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker footer font size changed.
+ ///
+ /// The footer text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.TextStyle.FontSize = picker.FooterFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker selection text color changed.
+ ///
+ /// The selection text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectedTextStyle.TextColor = picker.TextDisplayMode == PickerTextDisplayMode.Default ? picker.SelectedTextColor : picker.SelectionTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker selection font size changed.
+ ///
+ /// The selection text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectedTextStyle.FontSize = picker.SelectedFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker normal text color changed.
+ ///
+ /// The text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnNormalTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.TextStyle.TextColor = picker.NormalTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker normal font size changed.
+ ///
+ /// The text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnNormalFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.TextStyle.FontSize = picker.NormalFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker disabled text color changed.
+ ///
+ /// The text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnDisabledTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDatePicker? picker = bindable as SfDatePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.DisabledTextStyle.TextColor = picker.DisabledTextColor;
+ }
+
+ #endregion
+
+ #region Interface Implementation
+
+ ///
+ /// This method is declared only in IParentThemeElement
+ /// and you need to implement this method only in main control.
+ ///
+ /// ResourceDictionary
+ ResourceDictionary IParentThemeElement.GetThemeDictionary()
+ {
+ return new SfDatePickerStyles();
+ }
+
+ ///
+ /// This method will be called when a theme dictionary
+ /// that contains the value for your control key is merged in application.
+ ///
+ /// The old value.
+ /// The new value.
+ void IThemeElement.OnCommonThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ ///
+ /// This method will be called when users merge a theme dictionary
+ /// that contains value for “SyncfusionTheme” dynamic resource key.
+ ///
+ /// Old theme.
+ /// New theme.
+ void IThemeElement.OnControlThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ #endregion
+
+ #region Events
+
+ ///
+ /// Occurs after the selected date is changed on SfDatePicker.
+ ///
+ public event EventHandler? SelectionChanged;
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/SfDateTimePicker.cs b/maui/src/Picker/SfDateTimePicker.cs
new file mode 100644
index 00000000..d7fa9581
--- /dev/null
+++ b/maui/src/Picker/SfDateTimePicker.cs
@@ -0,0 +1,3135 @@
+using System.Collections.ObjectModel;
+using System.ComponentModel;
+using System.Globalization;
+using System.Windows.Input;
+using Syncfusion.Maui.Toolkit.Themes;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// Initializes a new instance of the class that represents a control, used to select the date with in specified date range.
+ ///
+ public class SfDateTimePicker : PickerBase, IParentThemeElement, IThemeElement
+ {
+ #region Fields
+
+ ///
+ /// Holds the day column information.
+ ///
+ PickerColumn _dayColumn;
+
+ ///
+ /// Holds the month column information.
+ ///
+ PickerColumn _monthColumn;
+
+ ///
+ /// Holds the year column information.
+ ///
+ PickerColumn _yearColumn;
+
+ ///
+ /// Holds the hour column information.
+ ///
+ PickerColumn _hourColumn;
+
+ ///
+ /// Holds the minute column information.
+ ///
+ PickerColumn _minuteColumn;
+
+ ///
+ /// Holds the second column information.
+ ///
+ PickerColumn _secondColumn;
+
+ ///
+ /// Holds the meridiem column information.
+ ///
+ PickerColumn _meridiemColumn;
+
+ ///
+ /// Holds the picker column collection.
+ ///
+ ObservableCollection _columns;
+
+ ///
+ /// Holds the value to identify the header selection(date or time).
+ ///
+ int _selectedIndex;
+
+ #endregion
+
+ #region Bindable Properties
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty HeaderViewProperty =
+ BindableProperty.Create(
+ nameof(HeaderView),
+ typeof(DateTimePickerHeaderView),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => new DateTimePickerHeaderView(),
+ propertyChanged: OnHeaderViewChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty ColumnHeaderViewProperty =
+ BindableProperty.Create(
+ nameof(ColumnHeaderView),
+ typeof(DateTimePickerColumnHeaderView),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => new DateTimePickerColumnHeaderView(),
+ propertyChanged: OnColumnHeaderViewChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty SelectedDateProperty =
+ BindableProperty.Create(
+ nameof(SelectedDate),
+ typeof(DateTime?),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => DateTime.Now,
+ propertyChanged: OnSelectedDatePropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty DayIntervalProperty =
+ BindableProperty.Create(
+ nameof(DayInterval),
+ typeof(int),
+ typeof(SfDateTimePicker),
+ 1,
+ propertyChanged: OnDayIntervalPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty MonthIntervalProperty =
+ BindableProperty.Create(
+ nameof(MonthInterval),
+ typeof(int),
+ typeof(SfDateTimePicker),
+ 1,
+ propertyChanged: OnMonthIntervalPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty YearIntervalProperty =
+ BindableProperty.Create(
+ nameof(YearInterval),
+ typeof(int),
+ typeof(SfDateTimePicker),
+ 1,
+ propertyChanged: OnYearIntervalPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty HourIntervalProperty =
+ BindableProperty.Create(
+ nameof(HourInterval),
+ typeof(int),
+ typeof(SfDateTimePicker),
+ 1,
+ propertyChanged: OnHourIntervalPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty MinuteIntervalProperty =
+ BindableProperty.Create(
+ nameof(MinuteInterval),
+ typeof(int),
+ typeof(SfDateTimePicker),
+ 1,
+ propertyChanged: OnMinuteIntervalPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty SecondIntervalProperty =
+ BindableProperty.Create(
+ nameof(SecondInterval),
+ typeof(int),
+ typeof(SfDateTimePicker),
+ 1,
+ propertyChanged: OnSecondIntervalPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty DateFormatProperty =
+ BindableProperty.Create(
+ nameof(DateFormat),
+ typeof(PickerDateFormat),
+ typeof(SfDateTimePicker),
+ PickerDateFormat.yyyy_MM_dd,
+ propertyChanged: OnDateFormatPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty TimeFormatProperty =
+ BindableProperty.Create(
+ nameof(TimeFormat),
+ typeof(PickerTimeFormat),
+ typeof(SfDateTimePicker),
+ PickerTimeFormat.HH_mm_ss,
+ propertyChanged: OnTimeFormatPropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty MinimumDateProperty =
+ BindableProperty.Create(
+ nameof(MinimumDate),
+ typeof(DateTime),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => new DateTime(1900, 01, 01),
+ propertyChanged: OnMinimumDatePropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty MaximumDateProperty =
+ BindableProperty.Create(
+ nameof(MaximumDate),
+ typeof(DateTime),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => new DateTime(2100, 12, 31, 23, 59, 59),
+ propertyChanged: OnMaximumDatePropertyChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty SelectionChangedCommandProperty =
+ BindableProperty.Create(
+ nameof(SelectionChangedCommand),
+ typeof(ICommand),
+ typeof(SfDateTimePicker),
+ null);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty BlackoutDateTimesProperty =
+ BindableProperty.Create(
+ nameof(BlackoutDateTimes),
+ typeof(ObservableCollection),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => new ObservableCollection(),
+ propertyChanged: OnBlackOutDateTimesPropertyChanged);
+
+ #endregion
+
+ #region Internal Bindable Properties
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ internal static readonly BindableProperty DateTimePickerBackgroundProperty =
+ BindableProperty.Create(
+ nameof(DateTimePickerBackground),
+ typeof(Color),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#EEE8F4"),
+ propertyChanged: OnDateTimePickerBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty FooterBackgroundProperty =
+ BindableProperty.Create(
+ nameof(FooterBackground),
+ typeof(Brush),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => Brush.Transparent,
+ propertyChanged: OnFooterBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty SelectionBackgroundProperty =
+ BindableProperty.Create(
+ nameof(SelectionBackground),
+ typeof(Brush),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => new SolidColorBrush(Color.FromArgb("#6750A4")),
+ propertyChanged: OnSelectionBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty SelectionStrokeColorProperty =
+ BindableProperty.Create(
+ nameof(SelectionStrokeColor),
+ typeof(Color),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => Colors.Transparent,
+ propertyChanged: OnSelectionStrokeColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectionCornerRadiusProperty =
+ BindableProperty.Create(
+ nameof(SelectionCornerRadius),
+ typeof(CornerRadius),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => new CornerRadius(20),
+ propertyChanged: OnSelectionCornerRadiusChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty FooterDividerColorProperty =
+ BindableProperty.Create(
+ nameof(FooterDividerColor),
+ typeof(Color),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#CAC4D0"),
+ propertyChanged: OnFooterDividerColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty FooterTextColorProperty =
+ BindableProperty.Create(
+ nameof(FooterTextColor),
+ typeof(Color),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#6750A4"),
+ propertyChanged: OnFooterTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty FooterFontSizeProperty =
+ BindableProperty.Create(
+ nameof(FooterFontSize),
+ typeof(double),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => 14d,
+ propertyChanged: OnFooterFontSizeChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectedTextColorProperty =
+ BindableProperty.Create(
+ nameof(SelectedTextColor),
+ typeof(Color),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => Colors.White,
+ propertyChanged: OnSelectedTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectionTextColorProperty =
+ BindableProperty.Create(
+ nameof(SelectionTextColor),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Color.FromArgb("#6750A4"),
+ propertyChanged: OnSelectedTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectedFontSizeProperty =
+ BindableProperty.Create(
+ nameof(SelectedFontSize),
+ typeof(double),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => 16d,
+ propertyChanged: OnSelectedFontSizeChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty NormalTextColorProperty =
+ BindableProperty.Create(
+ nameof(NormalTextColor),
+ typeof(Color),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#1C1B1F"),
+ propertyChanged: OnNormalTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty NormalFontSizeProperty =
+ BindableProperty.Create(
+ nameof(NormalFontSize),
+ typeof(double),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => 16d,
+ propertyChanged: OnNormalFontSizeChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty DisabledTextColorProperty =
+ BindableProperty.Create(
+ nameof(DisabledTextColor),
+ typeof(Color),
+ typeof(SfDateTimePicker),
+ defaultValueCreator: bindable => Color.FromArgb("#611C1B1F"),
+ propertyChanged: OnDisabledTextColorChanged);
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ public SfDateTimePicker()
+ {
+ _dayColumn = new PickerColumn();
+ _monthColumn = new PickerColumn();
+ _yearColumn = new PickerColumn();
+ _hourColumn = new PickerColumn();
+ _minuteColumn = new PickerColumn();
+ _secondColumn = new PickerColumn();
+ _meridiemColumn = new PickerColumn();
+ _columns = new ObservableCollection();
+ _selectedIndex = 0;
+ Initialize();
+ GeneratePickerColumns();
+ BaseColumns = _columns;
+ SelectionIndexChanged += OnPickerSelectionIndexChanged;
+ BlackoutDateTimes.CollectionChanged += OnBlackoutDateTimes_CollectionChanged;
+ BackgroundColor = DateTimePickerBackground;
+ Dispatcher.Dispatch(() =>
+ {
+ InitializeTheme();
+ });
+ HeaderView.Parent = this;
+ ColumnHeaderView.Parent = this;
+ }
+
+ #endregion
+
+ #region Properties
+
+ ///
+ /// Gets or sets the value of header view. This property can be used to customize the header in SfDateTimePicker.
+ ///
+ ///
+ /// The following example demonstrates how to customize the header view of SfDateTimePicker.
+ ///
+ ///
+ ///
+ ///
+ public DateTimePickerHeaderView HeaderView
+ {
+ get { return (DateTimePickerHeaderView)GetValue(HeaderViewProperty); }
+ set { SetValue(HeaderViewProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value of column header view. This property can be used to customize the header column in SfDateTimePicker.
+ ///
+ ///
+ /// The following example demonstrates how to customize the column header view of SfDateTimePicker.
+ ///
+ ///
+ ///
+ ///
+ public DateTimePickerColumnHeaderView ColumnHeaderView
+ {
+ get { return (DateTimePickerColumnHeaderView)GetValue(ColumnHeaderViewProperty); }
+ set { SetValue(ColumnHeaderViewProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the date picker selected date in SfDateTimePicker.
+ ///
+ /// The default value of is .
+ ///
+ /// The following examples demonstrate how to set the selected date in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-1)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.SelectedDate = new DateTime(2023, 6, 15, 14, 30, 0);
+ ///
+ ///
+ public DateTime? SelectedDate
+ {
+ get { return (DateTime?)GetValue(SelectedDateProperty); }
+ set { SetValue(SelectedDateProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the day interval in SfDateTimePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the day interval in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-3)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-4)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.DayInterval = 2;
+ ///
+ ///
+ public int DayInterval
+ {
+ get { return (int)GetValue(DayIntervalProperty); }
+ set { SetValue(DayIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the month interval in SfDateTimePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the month interval in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-5)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-6)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.MonthInterval = 2;
+ ///
+ ///
+ public int MonthInterval
+ {
+ get { return (int)GetValue(MonthIntervalProperty); }
+ set { SetValue(MonthIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the year interval in SfDateTimePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the year interval in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-7)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-8)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.YearInterval = 2;
+ ///
+ ///
+ public int YearInterval
+ {
+ get { return (int)GetValue(YearIntervalProperty); }
+ set { SetValue(YearIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the hour interval in SfDateTimePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the hour interval in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-9)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-10)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.HourInterval = 2;
+ ///
+ ///
+ public int HourInterval
+ {
+ get { return (int)GetValue(HourIntervalProperty); }
+ set { SetValue(HourIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the minute interval in SfDateTimePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the minute interval in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-11)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-12)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.MinuteInterval = 2;
+ ///
+ ///
+ public int MinuteInterval
+ {
+ get { return (int)GetValue(MinuteIntervalProperty); }
+ set { SetValue(MinuteIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the second interval in SfDateTimePicker.
+ ///
+ /// The default value of is 1.
+ /// ///
+ /// The following examples demonstrate how to set the second interval in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-13)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-14)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.SecondInterval = 2;
+ ///
+ ///
+ public int SecondInterval
+ {
+ get { return (int)GetValue(SecondIntervalProperty); }
+ set { SetValue(SecondIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the picker date format in SfDateTimePicker.
+ ///
+ /// The default value of is .
+ ///
+ /// The following examples demonstrate how to set the date format in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-15)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-16)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.DateFormat = PickerDateFormat.dd_MM_yyyy;
+ ///
+ ///
+ public PickerDateFormat DateFormat
+ {
+ get { return (PickerDateFormat)GetValue(DateFormatProperty); }
+ set { SetValue(DateFormatProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the picker time format in SfDateTimePicker.
+ ///
+ /// The default value of is .
+ ///
+ /// The following examples demonstrate how to set the time format in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-17)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-18)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.TimeFormat = PickerTimeFormat.hh_mm_tt;
+ ///
+ ///
+ public PickerTimeFormat TimeFormat
+ {
+ get { return (PickerTimeFormat)GetValue(TimeFormatProperty); }
+ set { SetValue(TimeFormatProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the minimum date in SfDateTimePicker.
+ ///
+ /// The default value of is "DateTime(1900, 01, 01)".
+ ///
+ /// The following examples demonstrate how to set the minimum date in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-19)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-20)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.MinimumDate = new DateTime(2023, 1, 1);
+ ///
+ ///
+ public DateTime MinimumDate
+ {
+ get { return (DateTime)GetValue(MinimumDateProperty); }
+ set { SetValue(MinimumDateProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the maximum date in SfDateTimePicker.
+ ///
+ /// The default value of is "DateTime(2100, 12, 31, 23, 59, 59)".
+ ///
+ /// The following examples demonstrate how to set the maximum date in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-21)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-22)
+ ///
+ /// SfDateTimePicker dateTimePicker = new SfDateTimePicker();
+ /// dateTimePicker.MaximumDate = new DateTime(2023, 12, 31, 23, 59, 59);
+ ///
+ ///
+ public DateTime MaximumDate
+ {
+ get { return (DateTime)GetValue(MaximumDateProperty); }
+ set { SetValue(MaximumDateProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection changed command in SfDateTimePicker.
+ ///
+ /// The default value of is null.
+ ///
+ /// The following example demonstrates how to set the selection changed command in SfDateTimePicker.
+ /// # [XAML](#tab/tabid-23)
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-24)
+ ///
+ ///
+ ///
+ /// 2001-08-10
+ /// 2001-08-12
+ /// 2001-08-14
+ /// 2001-08-15 12:11:00
+ /// 2001-08-15 12:12:00
+ /// 2001-08-15 12:08:00
+ /// 2001-08-15 12:06:00
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-26)
+ ///
+ /// SfDatePicker picker = new SfDatePicker();
+ /// picker.BlackoutDateTimes.Add(new DateTime(2001, 8, 10));
+ /// picker.BlackoutDateTimes.Add(new DateTime(2001, 8, 12));
+ /// picker.BlackoutDateTimes.Add(new DateTime(2001, 8, 14));
+ /// picker.BlackoutDateTimes.Add(new DateTime(2001, 8, 17));
+ /// picker.BlackoutDateTimes.Add(new DateTime(2001, 8, 15, 12, 11, 0));
+ /// picker.BlackoutDateTimes.Add(new DateTime(2001, 8, 15, 12, 12, 0));
+ /// picker.BlackoutDateTimes.Add(new DateTime(2001, 8, 15, 12, 8, 0));
+ ///
+ ///
+ public ObservableCollection BlackoutDateTimes
+ {
+ get { return (ObservableCollection)GetValue(BlackoutDateTimesProperty); }
+ set { SetValue(BlackoutDateTimesProperty, value); }
+ }
+
+ #endregion
+
+ #region Internal Properties
+
+ ///
+ /// Gets or sets the background color of the picker.
+ ///
+ internal Color DateTimePickerBackground
+ {
+ get { return (Color)GetValue(DateTimePickerBackgroundProperty); }
+ set { SetValue(DateTimePickerBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the footer view in SfDateTimePicker.
+ ///
+ internal Brush FooterBackground
+ {
+ get { return (Brush)GetValue(FooterBackgroundProperty); }
+ set { SetValue(FooterBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the selection view in SfDateTimePicker.
+ ///
+ internal Brush SelectionBackground
+ {
+ get { return (Brush)GetValue(SelectionBackgroundProperty); }
+ set { SetValue(SelectionBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the stroke color of the selection view in SfPicker.
+ ///
+ internal Color SelectionStrokeColor
+ {
+ get { return (Color)GetValue(SelectionStrokeColorProperty); }
+ set { SetValue(SelectionStrokeColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the corner radius of the selection view in SfPicker.
+ ///
+ internal CornerRadius SelectionCornerRadius
+ {
+ get { return (CornerRadius)GetValue(SelectionCornerRadiusProperty); }
+ set { SetValue(SelectionCornerRadiusProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the footer separator line background in SfPicker.
+ ///
+ internal Color FooterDividerColor
+ {
+ get { return (Color)GetValue(FooterDividerColorProperty); }
+ set { SetValue(FooterDividerColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the footer text color of the text style.
+ ///
+ internal Color FooterTextColor
+ {
+ get { return (Color)GetValue(FooterTextColorProperty); }
+ set { SetValue(FooterTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the footer font size of the text style.
+ ///
+ internal double FooterFontSize
+ {
+ get { return (double)GetValue(FooterFontSizeProperty); }
+ set { SetValue(FooterFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection text color of the text style.
+ ///
+ ///
+ /// This color applicable for default text display mode.
+ ///
+ internal Color SelectedTextColor
+ {
+ get { return (Color)GetValue(SelectedTextColorProperty); }
+ set { SetValue(SelectedTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection text color of the text style.
+ ///
+ ///
+ /// This color is used for Fade, Shrink and FadeAndShrink mode.
+ ///
+ internal Color SelectionTextColor
+ {
+ get { return (Color)GetValue(SelectionTextColorProperty); }
+ set { SetValue(SelectionTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection font size of the text style.
+ ///
+ internal double SelectedFontSize
+ {
+ get { return (double)GetValue(SelectedFontSizeProperty); }
+ set { SetValue(SelectedFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the normal text color of the text style.
+ ///
+ internal Color NormalTextColor
+ {
+ get { return (Color)GetValue(NormalTextColorProperty); }
+ set { SetValue(NormalTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the normal font size of the text style.
+ ///
+ internal double NormalFontSize
+ {
+ get { return (double)GetValue(NormalFontSizeProperty); }
+ set { SetValue(NormalFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the disabled text color of the text style.
+ ///
+ internal Color DisabledTextColor
+ {
+ get { return (Color)GetValue(DisabledTextColorProperty); }
+ set { SetValue(DisabledTextColorProperty, value); }
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to reset the picker date columns.
+ ///
+ internal void ResetDateColumns()
+ {
+ _dayColumn = new PickerColumn();
+ _monthColumn = new PickerColumn();
+ _yearColumn = new PickerColumn();
+ GeneratePickerColumns();
+ BaseColumns.Clear();
+ BaseColumns = _columns;
+ }
+
+ ///
+ /// Method to get the date header text based on format.
+ ///
+ /// Returns the date header text.
+ internal string GetDateHeaderText()
+ {
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime? selectedDateNullable = SelectedDate;
+
+ // Check if selectedDateNullable is null, and return an empty string if it is
+ if (!selectedDateNullable.HasValue)
+ {
+ return SfPickerResources.GetLocalizedString("Date");
+ }
+
+ DateTime selectedDate = DatePickerHelper.GetValidDateTime(selectedDateNullable.Value, MinimumDate, maxDate);
+ string value = selectedDate.ToString(HeaderView.DateFormat, CultureInfo.CurrentUICulture);
+ value = DatePickerHelper.ReplaceCultureMonthString(value, HeaderView.DateFormat, selectedDate);
+ value = DatePickerHelper.ReplaceCultureMeridiemString(value, HeaderView.DateFormat);
+ return value;
+ }
+
+ ///
+ /// Method to get the time header text based on format.
+ ///
+ /// Returns the time header text.
+ internal string GetTimeHeaderText()
+ {
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime? selectedTimeNullable = SelectedDate;
+ if (!selectedTimeNullable.HasValue)
+ {
+ return SfPickerResources.GetLocalizedString("Time");
+ }
+
+ DateTime selectedDate = DatePickerHelper.GetValidDateTime(SelectedDate, MinimumDate, maxDate);
+ string value = selectedDate.ToString(HeaderView.TimeFormat, CultureInfo.InvariantCulture);
+ value = DatePickerHelper.ReplaceCultureMonthString(value, HeaderView.TimeFormat, selectedDate);
+ value = DatePickerHelper.ReplaceCultureMeridiemString(value, HeaderView.TimeFormat);
+ return value;
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Method trigged whenever the base panel selection is changed.
+ ///
+ /// Base picker instance value.
+ /// Selection changed event arguments.
+ void OnPickerSelectionIndexChanged(object? sender, PickerSelectionChangedEventArgs e)
+ {
+ if (_selectedIndex == 0)
+ {
+ OnDatePickerSelectionIndexChanged(e);
+ }
+ else
+ {
+ OnTimePickerSelectionIndexChanged(e);
+ }
+ }
+
+ ///
+ /// Method trigged whenever the base panel date selection is changed.
+ ///
+ /// Selection changed event arguments.
+ void OnDatePickerSelectionIndexChanged(PickerSelectionChangedEventArgs e)
+ {
+ string dayFormat;
+ string monthFormat;
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out dayFormat, out monthFormat, DateFormat);
+ int changedColumnValue = formatStringOrder[e.ColumnIndex];
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime date = SelectedDate ?? _previousSelectedDateTime;
+ DateTime previousSelectedDate = DatePickerHelper.GetValidDateTime(date, MinimumDate, maxDate);
+ switch (changedColumnValue)
+ {
+ //// Need to handle the day selection changes.
+ case 0:
+ {
+ int day = 1;
+ if (_dayColumn.ItemsSource != null && _dayColumn.ItemsSource is ObservableCollection dayCollection && dayCollection.Count > e.NewValue)
+ {
+ //// Get the day value based on the selected index changes value.
+ day = int.Parse(dayCollection[e.NewValue]);
+ }
+
+ DateTime selectedDate = new DateTime(previousSelectedDate.Year, previousSelectedDate.Month, day, previousSelectedDate.Hour, previousSelectedDate.Minute, previousSelectedDate.Second);
+ if (!DatePickerHelper.IsSameDateTime(selectedDate, SelectedDate))
+ {
+ SelectedDate = selectedDate;
+ }
+ }
+
+ break;
+ //// Need to handle the month selection changes.
+ case 1:
+ {
+ int month = 1;
+ if (_monthColumn.ItemsSource != null && _monthColumn.ItemsSource is ObservableCollection monthCollection && monthCollection.Count > e.NewValue)
+ {
+ if (monthFormat == "M" || monthFormat == "MM")
+ {
+ //// Get the month value based on the selected index changes value.
+ month = int.Parse(monthCollection[e.NewValue]);
+ }
+ else if (monthFormat == "MMM")
+ {
+ List months = DateTimeFormatInfo.CurrentInfo.AbbreviatedMonthNames.ToList();
+ //// Get the month value based on the selected index changes value.
+ month = months.IndexOf(monthCollection[e.NewValue]) + 1;
+ }
+ }
+
+ ObservableCollection days = DatePickerHelper.GetDays(dayFormat, month, previousSelectedDate.Year, MinimumDate, maxDate, DayInterval);
+ ObservableCollection previousDays = _dayColumn.ItemsSource is ObservableCollection previousDayCollection ? previousDayCollection : new ObservableCollection();
+ //// Check the month selection changes needed to update the days collection.
+ if (!PickerHelper.IsCollectionEquals(days, previousDays))
+ {
+ _dayColumn.ItemsSource = days;
+ }
+
+ //// Check the new days collection have a selected day value, if not then update the nearby value.
+ int index = DatePickerHelper.GetDayIndex(dayFormat, days, previousSelectedDate.Day);
+ int day = index == -1 ? 1 : int.Parse(days[index]);
+
+ DateTime selectedDate = new DateTime(previousSelectedDate.Year, month, day, previousSelectedDate.Hour, previousSelectedDate.Minute, previousSelectedDate.Second);
+ if (!DatePickerHelper.IsSameDateTime(selectedDate, SelectedDate))
+ {
+ SelectedDate = selectedDate;
+ }
+ }
+
+ break;
+ //// Need to handle the year selection changes.
+ case 2:
+ {
+ int year = MinimumDate.Year;
+ if (_yearColumn.ItemsSource != null && _yearColumn.ItemsSource is ObservableCollection yearCollection && yearCollection.Count > e.NewValue)
+ {
+ //// Get the year value based on the selected index changes value.
+ year = int.Parse(yearCollection[e.NewValue]);
+ }
+
+ ObservableCollection months = DatePickerHelper.GetMonths(monthFormat, year, MinimumDate, maxDate, MonthInterval);
+ ObservableCollection previousMonths = _monthColumn.ItemsSource is ObservableCollection previousMonthCollection ? previousMonthCollection : new ObservableCollection();
+ //// Check the year index changes needed to update the month collection.
+ if (!PickerHelper.IsCollectionEquals(months, previousMonths))
+ {
+ _monthColumn.ItemsSource = months;
+ }
+
+ //// Check the month collection have selected month value, if not then update the nearby value.
+ int monthIndex = DatePickerHelper.GetMonthIndex(monthFormat, months, previousSelectedDate.Month);
+ int month = 1;
+ if (monthFormat == "M" || monthFormat == "MM")
+ {
+ //// Get the month value based on the selected index changes value.
+ month = int.Parse(months[monthIndex]);
+ }
+ else if (monthFormat == "MMM")
+ {
+ List monthStrings = DateTimeFormatInfo.CurrentInfo.AbbreviatedMonthNames.ToList();
+ //// Get the month value based on the selected index changes value.
+ month = monthStrings.IndexOf(months[monthIndex]) + 1;
+ }
+
+ ObservableCollection days = DatePickerHelper.GetDays(dayFormat, month, year, MinimumDate, maxDate, DayInterval);
+ ObservableCollection previousDays = _dayColumn.ItemsSource is ObservableCollection previousDayCollection ? previousDayCollection : new ObservableCollection();
+ //// Check the year and month(if month items source updated) changes needed to change the day collection.
+ if (!PickerHelper.IsCollectionEquals(days, previousDays))
+ {
+ _dayColumn.ItemsSource = days;
+ }
+
+ //// Check the day collection have selected day value, if not then update the nearby value.
+ int index = DatePickerHelper.GetDayIndex(dayFormat, days, previousSelectedDate.Day);
+ int day = index == -1 ? 1 : int.Parse(days[index]);
+
+ DateTime selectedDate = new DateTime(year, month, day, previousSelectedDate.Hour, previousSelectedDate.Minute, previousSelectedDate.Second);
+ if (!DatePickerHelper.IsSameDateTime(selectedDate, SelectedDate))
+ {
+ SelectedDate = selectedDate;
+ }
+ }
+
+ break;
+ }
+ }
+
+ ///
+ /// Method trigged whenever the base panel time picker selection is changed.
+ ///
+ /// Selection changed event arguments.
+ void OnTimePickerSelectionIndexChanged(PickerSelectionChangedEventArgs e)
+ {
+ string hourFormat;
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out hourFormat, TimeFormat);
+ int changedColumnValue = formatStringOrder[e.ColumnIndex];
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime date = SelectedDate ?? _previousSelectedDateTime;
+ DateTime previousSelectedDate = DatePickerHelper.GetValidDateTime(date, MinimumDate, maxDate);
+ bool isMinDate = previousSelectedDate.Date == MinimumDate.Date;
+ bool isMaxDate = previousSelectedDate.Date == maxDate.Date;
+ switch (changedColumnValue)
+ {
+ case 0:
+ {
+ int hour = 0;
+ if (_hourColumn.ItemsSource != null && _hourColumn.ItemsSource is ObservableCollection hourCollection && hourCollection.Count > e.NewValue)
+ {
+ //// Get the hour value based on the selected index changes value.
+ hour = int.Parse(hourCollection[e.NewValue]);
+ }
+
+ if (hourFormat == "h" || hourFormat == "hh")
+ {
+ hour = hour == 12 ? 0 : hour;
+ if (previousSelectedDate.Hour >= 12)
+ {
+ hour += 12;
+ }
+ }
+
+ ObservableCollection minutes = TimePickerHelper.GetMinutes(MinuteInterval, hour, previousSelectedDate, isMinDate ? MinimumDate : null, isMaxDate ? maxDate : null);
+ ObservableCollection previousMinutes = _minuteColumn.ItemsSource is ObservableCollection previousMinuteCollection ? previousMinuteCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(minutes, previousMinutes))
+ {
+ _minuteColumn.ItemsSource = minutes;
+ }
+
+ int minuteIndex = TimePickerHelper.GetMinuteOrSecondIndex(minutes, previousSelectedDate.Minute);
+ //// Get the minute value based on the selected index changes value.
+ int minute = int.Parse(minutes[minuteIndex]);
+
+ ObservableCollection seconds = TimePickerHelper.GetSeconds(SecondInterval, hour, minute, previousSelectedDate, isMinDate ? MinimumDate : null, isMaxDate ? maxDate : null);
+ ObservableCollection previousSeconds = _secondColumn.ItemsSource is ObservableCollection previousSecondCollection ? previousSecondCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(seconds, previousSeconds))
+ {
+ _secondColumn.ItemsSource = seconds;
+ }
+
+ int secondIndex = TimePickerHelper.GetMinuteOrSecondIndex(seconds, previousSelectedDate.Second);
+ //// Get the second value based on the selected index changes value.
+ int second = int.Parse(seconds[secondIndex]);
+
+ DateTime selectedDate = new DateTime(previousSelectedDate.Year, previousSelectedDate.Month, previousSelectedDate.Day, hour, minute, second);
+ if (!DatePickerHelper.IsSameDateTime(selectedDate, SelectedDate))
+ {
+ SelectedDate = selectedDate;
+ }
+ }
+
+ break;
+ case 1:
+ {
+ int minutes = 0;
+ if (_minuteColumn.ItemsSource != null && _minuteColumn.ItemsSource is ObservableCollection minuteCollection && minuteCollection.Count > e.NewValue)
+ {
+ //// Get the minute value based on the selected index changes value.
+ minutes = int.Parse(minuteCollection[e.NewValue]);
+ }
+
+ ObservableCollection seconds = TimePickerHelper.GetSeconds(SecondInterval, previousSelectedDate.Hour, minutes, previousSelectedDate, isMinDate ? MinimumDate : null, isMaxDate ? maxDate : null);
+ ObservableCollection previousSeconds = _secondColumn.ItemsSource is ObservableCollection previousSecondCollection ? previousSecondCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(seconds, previousSeconds))
+ {
+ _secondColumn.ItemsSource = seconds;
+ }
+
+ int secondIndex = TimePickerHelper.GetMinuteOrSecondIndex(seconds, previousSelectedDate.Second);
+ //// Get the second value based on the selected index changes value.
+ int second = int.Parse(seconds[secondIndex]);
+
+ DateTime selectedDate = new DateTime(previousSelectedDate.Year, previousSelectedDate.Month, previousSelectedDate.Day, previousSelectedDate.Hour, minutes, second);
+ if (!DatePickerHelper.IsSameDateTime(selectedDate, previousSelectedDate))
+ {
+ SelectedDate = selectedDate;
+ }
+ }
+
+ break;
+ case 2:
+ {
+ int seconds = 0;
+ if (_secondColumn.ItemsSource != null && _secondColumn.ItemsSource is ObservableCollection secondCollection && secondCollection.Count > e.NewValue)
+ {
+ //// Get the seconds value based on the selected index changes value.
+ seconds = int.Parse(secondCollection[e.NewValue]);
+ }
+
+ DateTime selectedDate = new DateTime(previousSelectedDate.Year, previousSelectedDate.Month, previousSelectedDate.Day, previousSelectedDate.Hour, previousSelectedDate.Minute, seconds);
+ if (!DatePickerHelper.IsSameDateTime(selectedDate, SelectedDate))
+ {
+ SelectedDate = selectedDate;
+ }
+ }
+
+ break;
+ case 3:
+ {
+ ObservableCollection meridiemCollection = new ObservableCollection();
+ if (_meridiemColumn.ItemsSource != null && _meridiemColumn.ItemsSource is ObservableCollection meridiems)
+ {
+ meridiemCollection = meridiems;
+ }
+
+ if (meridiemCollection.Count <= e.NewValue)
+ {
+ return;
+ }
+
+ bool isAMSelected = TimePickerHelper.IsAMText(meridiemCollection, e.NewValue);
+ int neededHour = isAMSelected ? 0 : 12;
+
+ DateTime selectedDate = new DateTime(previousSelectedDate.Year, previousSelectedDate.Month, previousSelectedDate.Day, (previousSelectedDate.Hour % 12) + neededHour, previousSelectedDate.Minute, previousSelectedDate.Second);
+
+ ObservableCollection hours = TimePickerHelper.GetHours(hourFormat, HourInterval, selectedDate, MinimumDate, maxDate);
+ ObservableCollection previousHour = _hourColumn.ItemsSource is ObservableCollection previousHourCollection ? previousHourCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(hours, previousHour))
+ {
+ _hourColumn.ItemsSource = hours;
+ }
+
+ int? hourIndex = TimePickerHelper.GetHourIndex(hourFormat, hours, previousSelectedDate.Hour);
+ if (hourIndex.HasValue)
+ {
+ int hour = int.Parse(hours[hourIndex.Value]);
+ hour = (hour % 12) + neededHour;
+
+ ObservableCollection minutes = TimePickerHelper.GetMinutes(MinuteInterval, hour, previousSelectedDate, isMinDate ? MinimumDate : null, isMaxDate ? maxDate : null);
+ ObservableCollection previousMinutes = _minuteColumn.ItemsSource is ObservableCollection previousMinuteCollection ? previousMinuteCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(minutes, previousMinutes))
+ {
+ _minuteColumn.ItemsSource = minutes;
+ }
+
+ int minuteIndex = TimePickerHelper.GetMinuteOrSecondIndex(minutes, previousSelectedDate.Minute);
+ //// Get the minute value based on the selected index changes value.
+ int minute = int.Parse(minutes[minuteIndex]);
+
+ ObservableCollection seconds = TimePickerHelper.GetSeconds(SecondInterval, hour, minute, previousSelectedDate, isMinDate ? MinimumDate : null, isMaxDate ? maxDate : null);
+ ObservableCollection previousSeconds = _secondColumn.ItemsSource is ObservableCollection previousSecondCollection ? previousSecondCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(seconds, previousSeconds))
+ {
+ _secondColumn.ItemsSource = seconds;
+ }
+
+ int secondIndex = TimePickerHelper.GetMinuteOrSecondIndex(seconds, previousSelectedDate.Second);
+ //// Get the second value based on the selected index changes value.
+ int second = int.Parse(seconds[secondIndex]);
+
+ selectedDate = new DateTime(previousSelectedDate.Year, previousSelectedDate.Month, previousSelectedDate.Day, hour, minute, second);
+ if (!DatePickerHelper.IsSameDateTime(selectedDate, SelectedDate))
+ {
+ SelectedDate = selectedDate;
+ }
+ }
+ }
+
+ break;
+ }
+ }
+
+ ///
+ /// Method to update the selected index value for all the picker column based on the date value.
+ ///
+ /// The selected date value.
+ void UpdateSelectedIndex(DateTime? date)
+ {
+ if (_selectedIndex == 0)
+ {
+ UpdateSelectedDateIndex(date);
+ }
+ else
+ {
+ UpdateSelectedTimeIndex(date);
+ }
+
+ BaseHeaderView.DateText = GetDateHeaderText();
+ BaseHeaderView.TimeText = GetTimeHeaderText();
+ }
+
+ ///
+ /// Method to update the minimum and maximum date value for all the picker column based on the date value.
+ ///
+ /// Minimum and Maximum oldvalue.
+ /// Minimum and Maximum newvalue.
+ void UpdateMinimumMaximumDate(object oldValue, object newValue)
+ {
+ DateTime oldDate = (DateTime)oldValue;
+ DateTime newDate = (DateTime)newValue;
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime validSelectedDate = DatePickerHelper.GetValidDateTime(SelectedDate, MinimumDate, maxDate);
+ if (_selectedIndex == 0)
+ {
+ UpdateMinimumMaximumDateColumns(oldDate, newDate, validSelectedDate, maxDate);
+ }
+ else
+ {
+ UpdateMinimumMaximumTimeColumns(oldDate, newDate, validSelectedDate, maxDate);
+ }
+ }
+
+ ///
+ /// Method to update the minimum and maximum date column based on the date value.
+ ///
+ /// Minimum and Maximum old value.
+ /// Minimum and Maximum new value.
+ /// Valid Selected Date.
+ /// Maximum Date.
+ void UpdateMinimumMaximumDateColumns(DateTime oldDate, DateTime newDate, DateTime validSelectedDate, DateTime maxDate)
+ {
+ string dayFormat;
+ string monthFormat;
+ List formatString = DatePickerHelper.GetFormatStringOrder(out dayFormat, out monthFormat, DateFormat);
+ int yearIndex = formatString.IndexOf(2);
+ if (yearIndex != -1 && oldDate.Year != newDate.Year)
+ {
+ _yearColumn = GenerateYearColumn(validSelectedDate);
+ _columns[yearIndex] = _yearColumn;
+ }
+
+ if (validSelectedDate.Year == MinimumDate.Year || validSelectedDate.Year == maxDate.Year)
+ {
+ ObservableCollection month = DatePickerHelper.GetMonths(monthFormat, validSelectedDate.Year, MinimumDate, maxDate, MonthInterval);
+ ObservableCollection previousMonths = _monthColumn.ItemsSource is ObservableCollection previousMonthCollection ? previousMonthCollection : new ObservableCollection();
+ //// Check the year index changes needed to update the month collection.
+ if (!PickerHelper.IsCollectionEquals(month, previousMonths))
+ {
+ _monthColumn = new PickerColumn()
+ {
+ ItemsSource = month,
+ SelectedIndex = DatePickerHelper.GetMonthIndex(monthFormat, month, validSelectedDate.Month),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MonthHeaderText),
+ };
+ int monthIndex = formatString.IndexOf(1);
+ if (monthIndex != -1)
+ {
+ _columns[monthIndex] = _monthColumn;
+ }
+ }
+ }
+
+ if (!string.IsNullOrEmpty(dayFormat) && ((validSelectedDate.Year == MinimumDate.Year && validSelectedDate.Month == MinimumDate.Month) || (validSelectedDate.Year == maxDate.Year && validSelectedDate.Month == maxDate.Month)))
+ {
+ ObservableCollection days = DatePickerHelper.GetDays(dayFormat, validSelectedDate.Month, validSelectedDate.Year, MinimumDate, maxDate, DayInterval);
+ ObservableCollection previousDays = _dayColumn.ItemsSource is ObservableCollection previousDayCollection ? previousDayCollection : new ObservableCollection();
+ //// Check the year and month(if month items source updated) changes needed to change the day collection.
+ if (!PickerHelper.IsCollectionEquals(days, previousDays))
+ {
+ _dayColumn = new PickerColumn()
+ {
+ ItemsSource = days,
+ SelectedIndex = DatePickerHelper.GetDayIndex(dayFormat, days, validSelectedDate.Day),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.DayHeaderText),
+ };
+ int dayIndex = formatString.IndexOf(0);
+ if (dayIndex != -1)
+ {
+ _columns[dayIndex] = _dayColumn;
+ }
+ }
+ }
+ }
+
+ ///
+ /// Method to update the minimum and maximum time column based on the date value.
+ ///
+ /// Minimum and Maximum old value.
+ /// Minimum and Maximum new value.
+ /// Valid Selected Date.
+ /// Maximum Date.
+ void UpdateMinimumMaximumTimeColumns(DateTime oldDate, DateTime newDate, DateTime validSelectedDate, DateTime maxDate)
+ {
+ bool isSelectedDate = validSelectedDate.Date == oldDate.Date || validSelectedDate.Date == newDate.Date;
+ if (!isSelectedDate)
+ {
+ return;
+ }
+
+ string hourFormat;
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out hourFormat, TimeFormat);
+ int index = formatStringOrder.IndexOf(0);
+ if (oldDate.Hour != newDate.Hour && index != -1)
+ {
+ TimeSpan selectedTime = new TimeSpan(validSelectedDate.Hour, validSelectedDate.Minute, validSelectedDate.Second);
+ _hourColumn = GenerateHourColumn(hourFormat, selectedTime, validSelectedDate);
+ int hourIndex = index;
+ _columns[hourIndex] = _hourColumn;
+ }
+
+ index = formatStringOrder.IndexOf(1);
+ if (index != -1 && (validSelectedDate.Hour == oldDate.Hour || validSelectedDate.Hour == newDate.Hour))
+ {
+ ObservableCollection minutes = TimePickerHelper.GetMinutes(MinuteInterval, validSelectedDate.Hour, validSelectedDate, MinimumDate, maxDate);
+ ObservableCollection previousMinutes = _minuteColumn.ItemsSource is ObservableCollection previousMinuteCollection ? previousMinuteCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(minutes, previousMinutes))
+ {
+ _minuteColumn = new PickerColumn()
+ {
+ ItemsSource = minutes,
+ SelectedIndex = TimePickerHelper.GetMinuteOrSecondIndex(minutes, validSelectedDate.Minute),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MinuteHeaderText),
+ };
+ _columns[index] = _minuteColumn;
+ }
+ }
+
+ index = formatStringOrder.IndexOf(2);
+ if (index != -1 && ((validSelectedDate.Hour == oldDate.Hour && validSelectedDate.Minute == oldDate.Minute) || (validSelectedDate.Hour == newDate.Hour && validSelectedDate.Minute == newDate.Minute)))
+ {
+ ObservableCollection seconds = TimePickerHelper.GetSeconds(SecondInterval, validSelectedDate.Hour, validSelectedDate.Minute, validSelectedDate, MinimumDate, maxDate);
+ ObservableCollection previousSeconds = _secondColumn.ItemsSource is ObservableCollection previousSecondCollection ? previousSecondCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(seconds, previousSeconds))
+ {
+ _secondColumn = new PickerColumn()
+ {
+ ItemsSource = seconds,
+ SelectedIndex = TimePickerHelper.GetMinuteOrSecondIndex(seconds, validSelectedDate.Second),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.SecondHeaderText),
+ };
+ _columns[index] = _secondColumn;
+ }
+ }
+
+ index = formatStringOrder.IndexOf(3);
+ if (index != -1 && ((int)(validSelectedDate.Hour / 12) == (int)(oldDate.Hour / 12) || (int)(validSelectedDate.Hour / 12) == (int)(newDate.Hour / 12)))
+ {
+ ObservableCollection meridiems = TimePickerHelper.GetMeridiem(MinimumDate, maxDate, validSelectedDate);
+ ObservableCollection previousCollection = _meridiemColumn.ItemsSource is ObservableCollection previousMeridiemCollection ? previousMeridiemCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(meridiems, previousCollection))
+ {
+ _meridiemColumn = new PickerColumn()
+ {
+ ItemsSource = meridiems,
+ SelectedIndex = validSelectedDate.Hour >= 12 ? meridiems.Count > 1 ? 1 : 0 : 0,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MeridiemHeaderText),
+ };
+ _columns[index] = _meridiemColumn;
+ }
+ }
+ }
+
+ ///
+ /// Method to update the selected index value for all the picker column based on the date value.
+ ///
+ /// The selected date value.
+ void UpdateSelectedDateIndex(DateTime? date)
+ {
+ if (date == null)
+ {
+ return;
+ }
+
+ string dayFormat;
+ string monthFormat;
+ DatePickerHelper.GetFormatStringOrder(out dayFormat, out monthFormat, DateFormat);
+ if (_yearColumn.ItemsSource != null && _yearColumn.ItemsSource is ObservableCollection yearCollection && yearCollection.Count > 0)
+ {
+ int index = DatePickerHelper.GetYearIndex(yearCollection, date.Value.Year);
+ if (_yearColumn.SelectedIndex != index)
+ {
+ _yearColumn.SelectedIndex = index;
+ }
+ }
+
+ if (_monthColumn.ItemsSource != null && _monthColumn.ItemsSource is ObservableCollection monthCollection && !string.IsNullOrEmpty(monthFormat))
+ {
+ int index = DatePickerHelper.GetMonthIndex(monthFormat, monthCollection, date.Value.Month);
+ if (_monthColumn.SelectedIndex != index)
+ {
+ _monthColumn.SelectedIndex = index;
+ }
+ }
+
+ if (_dayColumn.ItemsSource != null && _dayColumn.ItemsSource is ObservableCollection dayCollection && !string.IsNullOrEmpty(dayFormat))
+ {
+ int index = DatePickerHelper.GetDayIndex(dayFormat, dayCollection, date.Value.Day);
+ if (_dayColumn.SelectedIndex != index)
+ {
+ _dayColumn.SelectedIndex = index;
+ }
+ }
+ }
+
+ ///
+ /// Method to update the selected index value for all the picker column based on the selected time value.
+ ///
+ /// The selected date value.
+ void UpdateSelectedTimeIndex(DateTime? date)
+ {
+ if (date == null)
+ {
+ return;
+ }
+
+ string hourFormat;
+ TimePickerHelper.GetFormatStringOrder(out hourFormat, TimeFormat);
+ if (_hourColumn.ItemsSource != null && _hourColumn.ItemsSource is ObservableCollection hourCollection && hourCollection.Count > 0)
+ {
+ int? index = TimePickerHelper.GetHourIndex(hourFormat, hourCollection, date.Value.Hour);
+ if (index.HasValue && _hourColumn.SelectedIndex != index)
+ {
+ _hourColumn.SelectedIndex = index.Value;
+ }
+ }
+
+ if (_minuteColumn.ItemsSource != null && _minuteColumn.ItemsSource is ObservableCollection minuteCollection && minuteCollection.Count > 0)
+ {
+ int index = TimePickerHelper.GetMinuteOrSecondIndex(minuteCollection, date.Value.Minute);
+ if (_minuteColumn.SelectedIndex != index)
+ {
+ _minuteColumn.SelectedIndex = index;
+ }
+ }
+
+ if (_secondColumn.ItemsSource != null && _secondColumn.ItemsSource is ObservableCollection secondCollection && secondCollection.Count > 0)
+ {
+ int index = TimePickerHelper.GetMinuteOrSecondIndex(secondCollection, date.Value.Second);
+ if (_secondColumn.SelectedIndex != index)
+ {
+ _secondColumn.SelectedIndex = index;
+ }
+ }
+
+ if (_meridiemColumn.ItemsSource != null && _meridiemColumn.ItemsSource is ObservableCollection meridiemCollection && meridiemCollection.Count > 0)
+ {
+ int index = date.Value.Hour >= 12 ? 1 : 0;
+ if (_meridiemColumn.SelectedIndex != index)
+ {
+ _meridiemColumn.SelectedIndex = index;
+ }
+ }
+ }
+
+ ///
+ /// Method invokes on column header property changed.
+ ///
+ /// Column header view value.
+ /// Property changed arguments.
+ void OnColumnHeaderPropertyChanged(object? sender, PickerPropertyChangedEventArgs e)
+ {
+ if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.Background))
+ {
+ BaseColumnHeaderView.Background = ColumnHeaderView.Background;
+ }
+ else if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.Height))
+ {
+ BaseColumnHeaderView.Height = ColumnHeaderView.Height;
+ }
+ else if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.DividerColor))
+ {
+ BaseColumnHeaderView.DividerColor = ColumnHeaderView.DividerColor;
+ }
+ else if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.TextStyle))
+ {
+ SetInheritedBindingContext(ColumnHeaderView.TextStyle, BindingContext);
+ BaseColumnHeaderView.TextStyle = ColumnHeaderView.TextStyle;
+ }
+ else if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.DayHeaderText))
+ {
+ _dayColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.DayHeaderText);
+ }
+ else if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.MonthHeaderText))
+ {
+ _monthColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MonthHeaderText);
+ }
+ else if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.YearHeaderText))
+ {
+ _yearColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.YearHeaderText);
+ }
+ else if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.HourHeaderText))
+ {
+ _hourColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.HourHeaderText);
+ }
+ else if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.MinuteHeaderText))
+ {
+ _minuteColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MinuteHeaderText);
+ }
+ else if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.SecondHeaderText))
+ {
+ _secondColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.SecondHeaderText);
+ }
+ else if (e.PropertyName == nameof(DateTimePickerColumnHeaderView.MeridiemHeaderText))
+ {
+ _meridiemColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MeridiemHeaderText);
+ }
+ }
+
+ ///
+ /// Method invokes on header property changed.
+ ///
+ /// Header view value.
+ /// Property changed arguments.
+ void OnHeaderPropertyChanged(object? sender, PickerPropertyChangedEventArgs e)
+ {
+ if (e.PropertyName == nameof(DateTimePickerHeaderView.Background))
+ {
+ BaseHeaderView.Background = HeaderView.Background;
+ }
+ else if (e.PropertyName == nameof(DateTimePickerHeaderView.Height))
+ {
+ BaseHeaderView.Height = HeaderView.Height;
+ }
+ else if (e.PropertyName == nameof(DateTimePickerHeaderView.DividerColor))
+ {
+ BaseHeaderView.DividerColor = HeaderView.DividerColor;
+ }
+ else if (e.PropertyName == nameof(DateTimePickerHeaderView.TextStyle))
+ {
+ SetInheritedBindingContext(HeaderView.TextStyle, BindingContext);
+ BaseHeaderView.TextStyle = HeaderView.TextStyle;
+ }
+ else if (e.PropertyName == nameof(DateTimePickerHeaderView.SelectionTextStyle))
+ {
+ SetInheritedBindingContext(HeaderView.SelectionTextStyle, BindingContext);
+ BaseHeaderView.SelectionTextStyle = HeaderView.SelectionTextStyle;
+ }
+ else if (e.PropertyName == nameof(DateTimePickerHeaderView.DateFormat))
+ {
+ BaseHeaderView.DateText = GetDateHeaderText();
+ }
+ else if (e.PropertyName == nameof(DateTimePickerHeaderView.TimeFormat))
+ {
+ BaseHeaderView.TimeText = GetTimeHeaderText();
+ }
+ }
+
+ ///
+ /// Method to generate the day and time columns based on the selected date time value.
+ ///
+ void GeneratePickerColumns()
+ {
+ if (_selectedIndex == 0)
+ {
+ GenerateDatePickerColumns();
+ }
+ else
+ {
+ GenerateTimePickerColumns();
+ }
+ }
+
+ ///
+ /// Method to generate the day, month, year columns based on the selected date value.
+ ///
+ void GenerateDatePickerColumns()
+ {
+ string dayFormat;
+ string monthFormat;
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out dayFormat, out monthFormat, DateFormat);
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime date = SelectedDate ?? _previousSelectedDateTime;
+ DateTime selectedDate = DatePickerHelper.GetValidDateTime(date, MinimumDate, maxDate);
+ ObservableCollection pickerColumns = new ObservableCollection();
+ foreach (int index in formatStringOrder)
+ {
+ switch (index)
+ {
+ case 0:
+ _dayColumn = GenerateDayColumn(dayFormat, selectedDate);
+ _dayColumn.SelectedItem = SelectedDate != null ? PickerHelper.GetSelectedItemDefaultValue(_dayColumn) : null;
+ pickerColumns.Add(_dayColumn);
+ break;
+ case 1:
+ _monthColumn = GenerateMonthColumn(monthFormat, selectedDate);
+ _monthColumn.SelectedItem = SelectedDate != null ? PickerHelper.GetSelectedItemDefaultValue(_monthColumn) : null;
+ pickerColumns.Add(_monthColumn);
+ break;
+ case 2:
+ _yearColumn = GenerateYearColumn(selectedDate);
+ _yearColumn.SelectedItem = SelectedDate != null ? PickerHelper.GetSelectedItemDefaultValue(_yearColumn) : null;
+ pickerColumns.Add(_yearColumn);
+ break;
+ }
+ }
+
+ _columns = pickerColumns;
+ }
+
+ ///
+ /// Method to reset the picker time columns.
+ ///
+ void ResetTimeColumns()
+ {
+ _hourColumn = new PickerColumn();
+ _minuteColumn = new PickerColumn();
+ _secondColumn = new PickerColumn();
+ _meridiemColumn = new PickerColumn();
+ _columns = new ObservableCollection();
+ GeneratePickerColumns();
+ BaseColumns.Clear();
+ BaseColumns = _columns;
+ }
+
+ ///
+ /// Method to generate the day column with items source and selected index based on format.
+ ///
+ /// The day format.
+ /// The valid selected date value.
+ /// Returns day column details.
+ PickerColumn GenerateDayColumn(string format, DateTime? selectedDate)
+ {
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ ObservableCollection days = DatePickerHelper.GetDays(format, DateTime.Now.Month, DateTime.Now.Year, MinimumDate, maxDate, DayInterval);
+
+ return new PickerColumn()
+ {
+ ItemsSource = days,
+ SelectedIndex = selectedDate != null ? DatePickerHelper.GetDayIndex(format, days, selectedDate.Value.Day) : _previousSelectedDateTime.Day - 1,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.DayHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the month column with items source and selected index based on format.
+ ///
+ /// The month format value.
+ /// The valid selected date value.
+ /// Returns the month column instance.
+ PickerColumn GenerateMonthColumn(string format, DateTime? selectedDate)
+ {
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ ObservableCollection months = DatePickerHelper.GetMonths(format, DateTime.Now.Year, MinimumDate, maxDate, MonthInterval);
+
+ return new PickerColumn()
+ {
+ ItemsSource = months,
+ SelectedIndex = selectedDate == null ? _previousSelectedDateTime.Month - 1 : DatePickerHelper.GetMonthIndex(format, months, selectedDate.Value.Month),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MonthHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the year column with items source and selected index based on format.
+ ///
+ /// The valid selected date value.
+ /// Returns the year column instance.
+ PickerColumn GenerateYearColumn(DateTime? selectedDate)
+ {
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ ObservableCollection years = DatePickerHelper.GetYears(MinimumDate, maxDate, YearInterval);
+ return new PickerColumn()
+ {
+ ItemsSource = years,
+ SelectedIndex = selectedDate != null ? DatePickerHelper.GetYearIndex(years, selectedDate.Value.Year) : years.IndexOf(_previousSelectedDateTime.Year.ToString()),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.YearHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the hour, minute, second and meridiem columns based on the selected time value.
+ ///
+ void GenerateTimePickerColumns()
+ {
+ string hourFormat;
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out hourFormat, TimeFormat);
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime date = SelectedDate ?? _previousSelectedDateTime;
+ DateTime selectedDate = DatePickerHelper.GetValidDateTime(date, MinimumDate, maxDate);
+ TimeSpan selectedTime = new TimeSpan(selectedDate.Hour, selectedDate.Minute, selectedDate.Second);
+ ObservableCollection pickerColumns = new ObservableCollection();
+ foreach (int index in formatStringOrder)
+ {
+ switch (index)
+ {
+ case 0:
+ _hourColumn = GenerateHourColumn(hourFormat, selectedTime, selectedDate);
+ _hourColumn.SelectedItem = SelectedDate != null ? PickerHelper.GetSelectedItemDefaultValue(_hourColumn) : null;
+ pickerColumns.Add(_hourColumn);
+ break;
+ case 1:
+ _minuteColumn = GenerateMinuteColumn(selectedTime, selectedDate);
+ _minuteColumn.SelectedItem = SelectedDate != null ? PickerHelper.GetSelectedItemDefaultValue(_minuteColumn) : null;
+ pickerColumns.Add(_minuteColumn);
+ break;
+ case 2:
+ _secondColumn = GenerateSecondColumn(selectedTime, selectedDate);
+ _secondColumn.SelectedItem = SelectedDate != null ? PickerHelper.GetSelectedItemDefaultValue(_secondColumn) : null;
+ pickerColumns.Add(_secondColumn);
+ break;
+ case 3:
+ _meridiemColumn = GenerateMeridiemColumn(selectedTime, selectedDate);
+ _meridiemColumn.SelectedItem = SelectedDate != null ? PickerHelper.GetSelectedItemDefaultValue(_meridiemColumn) : null;
+ pickerColumns.Add(_meridiemColumn);
+ break;
+ }
+ }
+
+ _columns = pickerColumns;
+ }
+
+ ///
+ /// Method to generate the hour column with items source and selected index based on format.
+ ///
+ /// The hour format.
+ /// The selected time value.
+ /// The valid selected date value.
+ /// Returns hour column details.
+ PickerColumn GenerateHourColumn(string format, TimeSpan? selectedTime, DateTime? selectedDate)
+ {
+ DateTime? minimumDate = null;
+ DateTime? maximumDate = null;
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ if (selectedDate != null && selectedDate.Value.Date <= MinimumDate.Date)
+ {
+ minimumDate = MinimumDate;
+ }
+
+ if (selectedDate != null && selectedDate.Value.Date >= maxDate.Date)
+ {
+ maximumDate = maxDate;
+ }
+
+ ObservableCollection hours = TimePickerHelper.GetHours(format, HourInterval, selectedDate, minimumDate, maximumDate);
+
+ int? hourIndex = selectedTime != null ? TimePickerHelper.GetHourIndex(format, hours, selectedTime.Value.Hours) : _previousSelectedDateTime.Hour;
+
+ return new PickerColumn()
+ {
+ ItemsSource = hours,
+ SelectedIndex = hourIndex != null ? (int)hourIndex : _previousSelectedDateTime.Hour,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.HourHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the minute column with items source and selected index based on format.
+ ///
+ /// The selected time value.
+ /// The valid selected date value.
+ /// Returns minute column details.
+ PickerColumn GenerateMinuteColumn(TimeSpan? selectedTime, DateTime? selectedDate)
+ {
+ DateTime? minimumDate = null;
+ DateTime? maximumDate = null;
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime? date = SelectedDate ?? _previousSelectedDateTime;
+ if (date.Value.Date <= MinimumDate.Date)
+ {
+ minimumDate = MinimumDate;
+ }
+
+ if (date.Value.Date >= maxDate.Date)
+ {
+ maximumDate = maxDate;
+ }
+
+ ObservableCollection minutes = TimePickerHelper.GetMinutes(MinuteInterval, date.Value.Hour, selectedDate, minimumDate, maximumDate);
+ return new PickerColumn()
+ {
+ ItemsSource = minutes,
+ SelectedIndex = selectedTime != null ? TimePickerHelper.GetMinuteOrSecondIndex(minutes, date.Value.Minute) : _previousSelectedDateTime.Minute,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MinuteHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the second column with items source and selected index based on format.
+ ///
+ /// The selected time value.
+ /// The valid selected date value.
+ /// Returns second column details.
+ PickerColumn GenerateSecondColumn(TimeSpan? selectedTime, DateTime? selectedDate)
+ {
+ DateTime? minimumDate = null;
+ DateTime? maximumDate = null;
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ DateTime date = SelectedDate ?? _previousSelectedDateTime;
+ if (date.Date <= MinimumDate.Date)
+ {
+ minimumDate = MinimumDate;
+ }
+
+ if (date.Date >= maxDate.Date)
+ {
+ maximumDate = maxDate;
+ }
+
+ ObservableCollection seconds = TimePickerHelper.GetSeconds(SecondInterval, date.Hour, date.Minute, selectedDate, minimumDate, maximumDate);
+ return new PickerColumn()
+ {
+ ItemsSource = seconds,
+ SelectedIndex = selectedTime != null ? TimePickerHelper.GetMinuteOrSecondIndex(seconds, selectedTime.Value.Seconds) : _previousSelectedDateTime.Second,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.SecondHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the meridiem column with items source and selected index based on format.
+ ///
+ /// The selected time value.
+ /// The valid selected date value.
+ /// Returns meridiem column details.
+ PickerColumn GenerateMeridiemColumn(TimeSpan? selectedTime, DateTime? selectedDate)
+ {
+ DateTime? minimumDate = null;
+ DateTime? maximumDate = null;
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(MinimumDate, MaximumDate);
+ if (selectedDate != null && selectedDate.Value.Date <= MinimumDate.Date)
+ {
+ minimumDate = MinimumDate;
+ }
+
+ if (selectedDate != null && selectedDate.Value.Date >= maxDate.Date)
+ {
+ maximumDate = maxDate;
+ }
+
+ ObservableCollection meridiems = TimePickerHelper.GetMeridiem(minimumDate, maximumDate, selectedDate);
+ return new PickerColumn()
+ {
+ ItemsSource = meridiems,
+ SelectedIndex = selectedTime != null && selectedTime.Value.Hours >= 12 ? meridiems.Count > 1 ? 1 : 0 : 0,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MeridiemHeaderText),
+ };
+ }
+
+ ///
+ /// Method trigged when the black out datetime collection gets changed.
+ ///
+ /// Datetime picker instance.
+ /// Collection changed event arguments.
+ void OnBlackoutDateTimes_CollectionChanged(object? sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
+ {
+ if (SelectedDate != null)
+ {
+ DateTime currentDate = SelectedDate.Value;
+ bool isTimeSpanAtZero = false;
+ while (BlackoutDateTimes.Any(blackOutDate => DatePickerHelper.IsBlackoutDateTime(blackOutDate, currentDate, out isTimeSpanAtZero)))
+ {
+ currentDate = isTimeSpanAtZero ? currentDate.AddDays(1) : currentDate.AddMinutes(1);
+ }
+
+ if (SelectedDate != currentDate)
+ {
+ SelectedDate = currentDate;
+ }
+ }
+ }
+
+ ///
+ /// Method to initialize the theme and to set dynamic resources.
+ ///
+ void InitializeTheme()
+ {
+ ThemeElement.InitializeThemeResources(this, "SfDateTimePickerTheme");
+ SetDynamicResource(DateTimePickerBackgroundProperty, "SfDateTimePickerNormalBackground");
+ SetDynamicResource(FooterBackgroundProperty, "SfDateTimePickerNormalFooterBackground");
+ SetDynamicResource(FooterDividerColorProperty, "SfDateTimePickerNormalFooterDividerColor");
+ SetDynamicResource(FooterTextColorProperty, "SfDateTimePickerNormalFooterTextColor");
+ SetDynamicResource(FooterFontSizeProperty, "SfDateTimePickerNormalFooterFontSize");
+
+ SetDynamicResource(SelectionBackgroundProperty, "SfDateTimePickerSelectionBackground");
+ SetDynamicResource(SelectionStrokeColorProperty, "SfDateTimePickerSelectionStroke");
+ SetDynamicResource(SelectionCornerRadiusProperty, "SfDateTimePickerSelectionCornerRadius");
+ SetDynamicResource(SelectedTextColorProperty, "SfDateTimePickerSelectedTextColor");
+ SetDynamicResource(SelectionTextColorProperty, "SfPickerSelectionTextColor");
+ SetDynamicResource(SelectedFontSizeProperty, "SfDateTimePickerSelectedFontSize");
+
+ SetDynamicResource(NormalTextColorProperty, "SfDateTimePickerNormalTextColor");
+ SetDynamicResource(NormalFontSizeProperty, "SfDateTimePickerNormalFontSize");
+
+ SetDynamicResource(DisabledTextColorProperty, "SfDateTimePickerDisabledTextColor");
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method to wire the events.
+ ///
+ protected override void Initialize()
+ {
+ base.Initialize();
+ BaseColumns = _columns;
+ if (HeaderView != null)
+ {
+ SetInheritedBindingContext(HeaderView, BindingContext);
+ HeaderView.PickerPropertyChanged += OnHeaderPropertyChanged;
+ BaseHeaderView = new PickerHeaderView()
+ {
+ Background = HeaderView.Background,
+ DividerColor = HeaderView.DividerColor,
+ Height = HeaderView.Height,
+ TextStyle = HeaderView.TextStyle,
+ SelectionTextStyle = HeaderView.SelectionTextStyle,
+ TimeText = GetTimeHeaderText(),
+ DateText = GetDateHeaderText(),
+ };
+ }
+
+ if (ColumnHeaderView != null)
+ {
+ SetInheritedBindingContext(ColumnHeaderView, BindingContext);
+ ColumnHeaderView.PickerPropertyChanged += OnColumnHeaderPropertyChanged;
+ BaseColumnHeaderView = new PickerColumnHeaderView()
+ {
+ Background = ColumnHeaderView.Background,
+ DividerColor = ColumnHeaderView.DividerColor,
+ Height = ColumnHeaderView.Height,
+ TextStyle = ColumnHeaderView.TextStyle,
+ };
+ }
+ }
+
+ ///
+ /// Method triggers when the property binding context changed.
+ ///
+ protected override void OnBindingContextChanged()
+ {
+ base.OnBindingContextChanged();
+ if (HeaderView != null)
+ {
+ SetInheritedBindingContext(HeaderView, BindingContext);
+ if (HeaderView.TextStyle != null)
+ {
+ SetInheritedBindingContext(HeaderView.TextStyle, BindingContext);
+ }
+
+ if (HeaderView.SelectionTextStyle != null)
+ {
+ SetInheritedBindingContext(HeaderView.SelectionTextStyle, BindingContext);
+ }
+ }
+
+ if (ColumnHeaderView != null)
+ {
+ SetInheritedBindingContext(ColumnHeaderView, BindingContext);
+ if (ColumnHeaderView.TextStyle != null)
+ {
+ SetInheritedBindingContext(ColumnHeaderView.TextStyle, BindingContext);
+ }
+ }
+
+ if (FooterView != null)
+ {
+ SetInheritedBindingContext(FooterView, BindingContext);
+ if (FooterView.TextStyle != null)
+ {
+ SetInheritedBindingContext(FooterView.TextStyle, BindingContext);
+ }
+ }
+
+ if (SelectedTextStyle != null)
+ {
+ SetInheritedBindingContext(SelectedTextStyle, BindingContext);
+ }
+
+ if (TextStyle != null)
+ {
+ SetInheritedBindingContext(TextStyle, BindingContext);
+ }
+
+ if (SelectionView != null)
+ {
+ SetInheritedBindingContext(SelectionView, BindingContext);
+ }
+ }
+
+ ///
+ /// Method triggers while the header button clicked.
+ ///
+ /// Index of the header button.
+ protected override void OnHeaderButtonClicked(int index)
+ {
+ if (_selectedIndex == index)
+ {
+ return;
+ }
+
+ _selectedIndex = index;
+ if (_selectedIndex == 0)
+ {
+ ResetDateColumns();
+ }
+ else
+ {
+ ResetTimeColumns();
+ }
+ }
+
+ ///
+ /// Method triggers while the popup opening or switched from popup to default.
+ ///
+ protected override void OnPickerLoading()
+ {
+ if (_selectedIndex == 0)
+ {
+ string dayFormat;
+ string monthFormat;
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out dayFormat, out monthFormat, DateFormat);
+ DateTime selectedDate = DatePickerHelper.GetValidDateTime(SelectedDate, MinimumDate, MaximumDate);
+ foreach (int index in formatStringOrder)
+ {
+ switch (index)
+ {
+ case 0:
+ int dayIndex = DatePickerHelper.GetDayIndex(dayFormat, (ObservableCollection)_dayColumn.ItemsSource, selectedDate.Day);
+ if (_dayColumn.SelectedIndex != dayIndex)
+ {
+ _dayColumn.SelectedIndex = dayIndex;
+ }
+
+ break;
+ case 1:
+ int monthIndex = DatePickerHelper.GetMonthIndex(monthFormat, (ObservableCollection)_monthColumn.ItemsSource, selectedDate.Month);
+ if (_monthColumn.SelectedIndex != monthIndex)
+ {
+ _monthColumn.SelectedIndex = monthIndex;
+ }
+
+ break;
+ case 2:
+ int yearIndex = DatePickerHelper.GetYearIndex((ObservableCollection)_yearColumn.ItemsSource, selectedDate.Year);
+ if (_yearColumn.SelectedIndex != yearIndex)
+ {
+ _yearColumn.SelectedIndex = yearIndex;
+ }
+
+ break;
+ }
+ }
+ }
+ else
+ {
+ _selectedIndex = 0;
+ ResetHeaderHighlight();
+ ResetDateColumns();
+ }
+ }
+
+ ///
+ /// Method triggers when the date time picker popup closed.
+ ///
+ /// The event arguments.
+ protected override void OnPopupClosed(EventArgs e)
+ {
+ InvokeClosedEvent(this, e);
+ }
+
+ ///
+ /// Method triggers when the date time picker popup closing.
+ ///
+ /// The event arguments.
+ protected override void OnPopupClosing(CancelEventArgs e)
+ {
+ InvokeClosingEvent(this, e);
+ }
+
+ ///
+ /// Method triggers when the date time picker popup opened.
+ ///
+ /// The event arguments.
+ protected override void OnPopupOpened(EventArgs e)
+ {
+ InvokeOpenedEvent(this, e);
+ }
+
+ ///
+ /// Method triggers when the date time picker ok button clicked.
+ ///
+ /// The event arguments.
+ protected override void OnOkButtonClicked(EventArgs e)
+ {
+ InvokeOkButtonClickedEvent(this, e);
+ if (AcceptCommand != null && AcceptCommand.CanExecute(e))
+ {
+ AcceptCommand.Execute(e);
+ }
+ }
+
+ ///
+ /// Method triggers when the date time picker cancel button clicked.
+ ///
+ /// The event arguments.
+ protected override void OnCancelButtonClicked(EventArgs e)
+ {
+ InvokeCancelButtonClickedEvent(this, e);
+ if (DeclineCommand != null && DeclineCommand.CanExecute(e))
+ {
+ DeclineCommand.Execute(e);
+ }
+ }
+
+ #endregion
+
+ #region Property Changed Methods
+
+ ///
+ /// Method invokes on picker header view changed.
+ ///
+ /// The picker object.
+ /// Old value of the property.
+ /// New value of the property.
+ static void OnHeaderViewChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ if (oldValue is DateTimePickerHeaderView oldStyle)
+ {
+ picker.HeaderView.PickerPropertyChanged -= picker.OnHeaderPropertyChanged;
+ picker.HeaderView.BindingContext = null;
+ oldStyle.Parent = null;
+ }
+
+ if (newValue is DateTimePickerHeaderView newStyle)
+ {
+ newStyle.Parent = picker;
+ SetInheritedBindingContext(picker.HeaderView, picker.BindingContext);
+ picker.HeaderView.PickerPropertyChanged += picker.OnHeaderPropertyChanged;
+ picker.BaseHeaderView = new PickerHeaderView()
+ {
+ Background = picker.HeaderView.Background,
+ DividerColor = picker.HeaderView.DividerColor,
+ Height = picker.HeaderView.Height,
+ TextStyle = picker.HeaderView.TextStyle,
+ SelectionTextStyle = picker.HeaderView.SelectionTextStyle,
+ TimeText = picker.GetTimeHeaderText(),
+ DateText = picker.GetDateHeaderText(),
+ };
+ }
+ }
+
+ ///
+ /// Method invokes on picker column header view changed.
+ ///
+ /// The picker object.
+ /// Old value of the property.
+ /// New value of the property.
+ static void OnColumnHeaderViewChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ if (oldValue is DateTimePickerColumnHeaderView oldStyle)
+ {
+ oldStyle.PickerPropertyChanged -= picker.OnColumnHeaderPropertyChanged;
+ oldStyle.BindingContext = null;
+ oldStyle.Parent = null;
+ }
+
+ if (newValue is DateTimePickerColumnHeaderView newStyle)
+ {
+ newStyle.Parent = picker;
+ SetInheritedBindingContext(newStyle, picker.BindingContext);
+ newStyle.PickerPropertyChanged += picker.OnColumnHeaderPropertyChanged;
+ picker.BaseColumnHeaderView = new PickerColumnHeaderView()
+ {
+ Background = newStyle.Background,
+ DividerColor = newStyle.DividerColor,
+ Height = newStyle.Height,
+ TextStyle = newStyle.TextStyle,
+ };
+
+ picker._dayColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.DayHeaderText);
+ picker._monthColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.MonthHeaderText);
+ picker._yearColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.YearHeaderText);
+ picker._hourColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.HourHeaderText);
+ picker._minuteColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.MinuteHeaderText);
+ picker._secondColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.SecondHeaderText);
+ picker._meridiemColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.MeridiemHeaderText);
+ }
+ }
+
+ ///
+ /// Method invokes on selected date property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedDatePropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ DateTime? previousSelectedDate = null;
+ DateTime? currentSelectedDate = null;
+ if (oldValue is DateTime oldSelectedDate)
+ {
+ previousSelectedDate = oldSelectedDate;
+ bool isTimeSpanAtZero = false;
+ //// Prevents Selection changed event from triggering if old value is black out date time.
+ if (picker.BlackoutDateTimes.Any(blackOutDateTime => DatePickerHelper.IsBlackoutDateTime(blackOutDateTime, previousSelectedDate, out isTimeSpanAtZero)))
+ {
+ picker.UpdateSelectedIndex((DateTime)newValue);
+
+ //// Skip the update and event call by checking if the whole date is blackout value or particular time.
+ if (isTimeSpanAtZero)
+ {
+ if (oldSelectedDate.Year == picker._previousSelectedDateTime.Year && oldSelectedDate.Month == picker._previousSelectedDateTime.Month)
+ {
+ return;
+ }
+ }
+ else
+ {
+ if (oldSelectedDate.Hour == picker._previousSelectedDateTime.Hour)
+ {
+ return;
+ }
+ }
+
+ previousSelectedDate = picker._previousSelectedDateTime;
+ }
+
+ picker._previousSelectedDateTime = oldSelectedDate;
+ }
+
+ if (newValue is DateTime newSelectedDate)
+ {
+ //// Prevents Selection changed event from triggering if new value is black out date time.
+ if (picker.BlackoutDateTimes.Any(blackOutDateTime => DatePickerHelper.IsBlackoutDateTime(blackOutDateTime, newSelectedDate, out bool isTimeSpanAtZero)))
+ {
+ return;
+ }
+
+ currentSelectedDate = newSelectedDate;
+ }
+
+ //// Skip the update and event call while the same date updated with different time value.
+ if (DatePickerHelper.IsSameDateTime(previousSelectedDate, currentSelectedDate))
+ {
+ return;
+ }
+
+ if (newValue == null)
+ {
+ picker._yearColumn.SelectedItem = null;
+ picker._monthColumn.SelectedItem = null;
+ picker._dayColumn.SelectedItem = null;
+ picker._hourColumn.SelectedItem = null;
+ picker._minuteColumn.SelectedItem = null;
+ picker._secondColumn.SelectedItem = null;
+ picker._meridiemColumn.SelectedItem = null;
+ picker.UpdateSelectedDateIndex(previousSelectedDate);
+ picker.UpdateSelectedTimeIndex(previousSelectedDate);
+ picker.SelectionChanged?.Invoke(picker, new DateTimePickerSelectionChangedEventArgs() { OldValue = previousSelectedDate, NewValue = currentSelectedDate });
+ picker.BaseHeaderView.DateText = picker.GetDateHeaderText();
+ picker.BaseHeaderView.TimeText = picker.GetTimeHeaderText();
+ return;
+ }
+ else
+ {
+ picker._yearColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._yearColumn);
+ picker._monthColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._monthColumn);
+ picker._dayColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._dayColumn);
+ picker._hourColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._hourColumn);
+ picker._minuteColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._minuteColumn);
+ picker._secondColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._secondColumn);
+ picker._meridiemColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._meridiemColumn);
+ PickerContainer? pickerContainer = picker.GetPickerContainerValue();
+ pickerContainer?.UpdateScrollViewDraw();
+ pickerContainer?.InvalidateDrawable();
+ }
+
+ //// Update the column with valid date(date between min and max date).
+ currentSelectedDate = DatePickerHelper.GetValidDateTime(currentSelectedDate, picker.MinimumDate, picker.MaximumDate);
+ var dateTimePickerSelectionChangedEventArgs = new DateTimePickerSelectionChangedEventArgs() { OldValue = previousSelectedDate, NewValue = currentSelectedDate };
+ if (picker.SelectionChanged != null)
+ {
+ picker.SelectionChanged?.Invoke(picker, dateTimePickerSelectionChangedEventArgs);
+ }
+
+ if (picker.SelectionChangedCommand != null && picker.SelectionChangedCommand.CanExecute(dateTimePickerSelectionChangedEventArgs))
+ {
+ picker.SelectionChangedCommand.Execute(dateTimePickerSelectionChangedEventArgs);
+ }
+
+ picker.UpdateSelectedIndex(currentSelectedDate);
+ }
+
+ ///
+ /// Method invokes on date format property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnDateFormatPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.ResetDateColumns();
+ }
+
+ ///
+ /// Method invokes on time format property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnTimeFormatPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.ResetTimeColumns();
+ }
+
+ ///
+ /// Method invokes on minimum date property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnMinimumDatePropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.UpdateMinimumMaximumDate(oldValue, newValue);
+ DateTime currentSelectedDate = DatePickerHelper.GetValidDateTime(picker.SelectedDate, picker.MinimumDate, picker.MaximumDate);
+ picker.UpdateSelectedIndex(currentSelectedDate);
+ }
+
+ ///
+ /// Method invokes on maximum date property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnMaximumDatePropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ DateTime newDate = DatePickerHelper.GetValidMaxDate(picker.MinimumDate, (DateTime)newValue);
+ picker.UpdateMinimumMaximumDate(oldValue, newDate);
+ DateTime currentSelectedDate = DatePickerHelper.GetValidDateTime(picker.SelectedDate, picker.MinimumDate, newDate);
+ picker.UpdateSelectedIndex(currentSelectedDate);
+ }
+
+ ///
+ /// Method invokes on day interval property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnDayIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ string dayFormat;
+ //// Get the day format and format string order and check the index.
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out dayFormat, out _, picker.DateFormat);
+ if (string.IsNullOrEmpty(dayFormat) || picker._selectedIndex != 0)
+ {
+ return;
+ }
+
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(picker.MinimumDate, picker.MaximumDate);
+ DateTime currentSelectedDate = DatePickerHelper.GetValidDateTime(picker.SelectedDate, picker.MinimumDate, maxDate);
+ picker._dayColumn = picker.GenerateDayColumn(dayFormat, currentSelectedDate);
+ int dayIndex = formatStringOrder.IndexOf(0);
+ //// Replace the day column with day interval.
+ picker._columns[dayIndex] = picker._dayColumn;
+ }
+
+ ///
+ /// Method invokes on month interval property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnMonthIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ string monthFormat;
+ //// Get the month format and format string order and check the index.
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out _, out monthFormat, picker.DateFormat);
+ if (string.IsNullOrEmpty(monthFormat) || picker._selectedIndex != 0)
+ {
+ return;
+ }
+
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(picker.MinimumDate, picker.MaximumDate);
+ DateTime currentSelectedDate = DatePickerHelper.GetValidDateTime(picker.SelectedDate, picker.MinimumDate, maxDate);
+ picker._monthColumn = picker.GenerateMonthColumn(monthFormat, currentSelectedDate);
+ int monthIndex = formatStringOrder.IndexOf(1);
+ //// Replace the month column with month interval.
+ picker._columns[monthIndex] = picker._monthColumn;
+ }
+
+ ///
+ /// Method invokes on year interval property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnYearIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ //// Get the format string order and check the index.
+ List formatStringOrder = DatePickerHelper.GetFormatStringOrder(out _, out _, picker.DateFormat);
+ int yearIndex = formatStringOrder.IndexOf(2);
+ if (yearIndex == -1 || picker._selectedIndex != 0)
+ {
+ return;
+ }
+
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(picker.MinimumDate, picker.MaximumDate);
+ DateTime currentSelectedDate = DatePickerHelper.GetValidDateTime(picker.SelectedDate, picker.MinimumDate, maxDate);
+ picker._yearColumn = picker.GenerateYearColumn(currentSelectedDate);
+ //// Replace the year column with year interval.
+ picker._columns[yearIndex] = picker._yearColumn;
+ }
+
+ ///
+ /// Method invokes on hour interval property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHourIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ string hourFormat;
+ //// Get the format string order and check the index.
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out hourFormat, picker.TimeFormat);
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(picker.MinimumDate, picker.MaximumDate);
+ DateTime selectedDate = DatePickerHelper.GetValidDateTime(picker.SelectedDate, picker.MinimumDate, maxDate);
+ TimeSpan selectedTime = new TimeSpan(selectedDate.Hour, selectedDate.Minute, selectedDate.Second);
+ picker._hourColumn = picker.GenerateHourColumn(hourFormat, selectedTime, selectedDate);
+ if (picker._selectedIndex == 1)
+ {
+ int hourIndex = formatStringOrder.IndexOf(0);
+ //// Replace the hour column with hour interval.
+ picker._columns[hourIndex] = picker._hourColumn;
+ }
+ }
+
+ ///
+ /// Method invokes on minute interval property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnMinuteIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ //// Get the format string order and check the index.
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out _, picker.TimeFormat);
+ int minuteIndex = formatStringOrder.IndexOf(1);
+ if (minuteIndex == -1)
+ {
+ return;
+ }
+
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(picker.MinimumDate, picker.MaximumDate);
+ DateTime selectedDate = DatePickerHelper.GetValidDateTime(picker.SelectedDate, picker.MinimumDate, maxDate);
+ TimeSpan selectedTime = new TimeSpan(selectedDate.Hour, selectedDate.Minute, selectedDate.Second);
+ if (picker._selectedIndex == 1)
+ {
+ picker._minuteColumn = picker.GenerateMinuteColumn(selectedTime, selectedDate);
+ //// Replace the minute column with minute interval.
+ picker._columns[minuteIndex] = picker._minuteColumn;
+ }
+ }
+
+ ///
+ /// Method invokes on second interval property changed.
+ ///
+ /// The picker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSecondIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ //// Get the format string order and check the index.
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out _, picker.TimeFormat);
+ int secondIndex = formatStringOrder.IndexOf(2);
+ if (secondIndex == -1)
+ {
+ return;
+ }
+
+ DateTime maxDate = DatePickerHelper.GetValidMaxDate(picker.MinimumDate, picker.MaximumDate);
+ DateTime selectedDate = DatePickerHelper.GetValidDateTime(picker.SelectedDate, picker.MinimumDate, maxDate);
+ TimeSpan selectedTime = new TimeSpan(selectedDate.Hour, selectedDate.Minute, selectedDate.Second);
+ if (picker._selectedIndex == 1)
+ {
+ picker._secondColumn = picker.GenerateSecondColumn(selectedTime, selectedDate);
+ //// Replace the second column with second interval.
+ picker._columns[secondIndex] = picker._secondColumn;
+ }
+ }
+
+ ///
+ /// Method invokes on blackout datetimes property changed.
+ ///
+ /// The sfdatetimepicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnBlackOutDateTimesPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? datetimepicker = bindable as SfDateTimePicker;
+ if (datetimepicker == null)
+ {
+ return;
+ }
+
+ //// Unwires collection changed from old and wires on new collection.
+ ((ObservableCollection)oldValue).CollectionChanged -= datetimepicker.OnBlackoutDateTimes_CollectionChanged;
+ ((ObservableCollection)newValue).CollectionChanged += datetimepicker.OnBlackoutDateTimes_CollectionChanged;
+
+ if (datetimepicker.SelectedDate != null)
+ {
+ DateTime currentDate = datetimepicker.SelectedDate.Value;
+ bool isTimeSpanAtZero = false;
+ while (datetimepicker.BlackoutDateTimes.Any(blackOutDate => DatePickerHelper.IsBlackoutDateTime(blackOutDate, currentDate, out isTimeSpanAtZero)))
+ {
+ currentDate = isTimeSpanAtZero ? currentDate.AddDays(1) : currentDate.AddMinutes(1);
+ }
+
+ if (datetimepicker.SelectedDate != currentDate)
+ {
+ datetimepicker.SelectedDate = currentDate;
+ }
+ }
+
+ //// Gets picker container value to update the view.
+ PickerContainer? pickerContainer = datetimepicker.GetPickerContainerValue();
+
+ pickerContainer?.UpdateScrollViewDraw();
+ pickerContainer?.UpdatePickerSelectionView();
+ }
+
+ #endregion
+
+ #region Internal Property Changed Methods
+
+ ///
+ /// called when property changed.
+ ///
+ /// The bindable object.
+ /// The old value.
+ /// The new value.
+ static void OnDateTimePickerBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.BackgroundColor = picker.DateTimePickerBackground;
+ }
+
+ ///
+ /// Method invokes on the picker footer background changed.
+ ///
+ /// The footer settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.Background = picker.FooterBackground;
+ }
+
+ ///
+ /// Method invokes on the picker selection background changed.
+ ///
+ /// The selection settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectionBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectionView.Background = picker.SelectionBackground;
+ }
+
+ ///
+ /// Method invokes on the picker selection stroke color changed.
+ ///
+ /// The selection settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectionStrokeColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectionView.Stroke = picker.SelectionStrokeColor;
+ }
+
+ ///
+ /// Method invokes on the picker selection corner radius changed.
+ ///
+ /// The selection settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectionCornerRadiusChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectionView.CornerRadius = picker.SelectionCornerRadius;
+ }
+
+ ///
+ /// Method invokes on the picker footer separator line background changed.
+ ///
+ /// The footer settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterDividerColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.DividerColor = picker.FooterDividerColor;
+ }
+
+ ///
+ /// Method invokes on the picker footer text color changed.
+ ///
+ /// The footer text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.TextStyle.TextColor = picker.FooterTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker footer font size changed.
+ ///
+ /// The footer text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.TextStyle.FontSize = picker.FooterFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker selection text color changed.
+ ///
+ /// The selection text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectedTextStyle.TextColor = picker.TextDisplayMode == PickerTextDisplayMode.Default ? picker.SelectedTextColor : picker.SelectionTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker selection font size changed.
+ ///
+ /// The selection text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectedTextStyle.FontSize = picker.SelectedFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker normal text color changed.
+ ///
+ /// The text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnNormalTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.TextStyle.TextColor = picker.NormalTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker normal font size changed.
+ ///
+ /// The text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnNormalFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.TextStyle.FontSize = picker.NormalFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker disabled text color changed.
+ ///
+ /// The text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnDisabledTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfDateTimePicker? picker = bindable as SfDateTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.DisabledTextStyle.TextColor = picker.DisabledTextColor;
+ }
+
+ #endregion
+
+ #region Interface Implementation
+
+ ///
+ /// This method is declared only in IParentThemeElement
+ /// and you need to implement this method only in main control.
+ ///
+ /// ResourceDictionary
+ ResourceDictionary IParentThemeElement.GetThemeDictionary()
+ {
+ return new SfDateTimePickerStyles();
+ }
+
+ ///
+ /// This method will be called when a theme dictionary
+ /// that contains the value for your control key is merged in application.
+ ///
+ /// The old value.
+ /// The new value.
+ void IThemeElement.OnCommonThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ ///
+ /// This method will be called when users merge a theme dictionary
+ /// that contains value for “SyncfusionTheme” dynamic resource key.
+ ///
+ /// Old theme.
+ /// New theme.
+ void IThemeElement.OnControlThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ #endregion
+
+ #region Events
+
+ ///
+ /// Occurs after the selected date is changed on SfDateTimePicker.
+ ///
+ public event EventHandler? SelectionChanged;
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/SfPicker.cs b/maui/src/Picker/SfPicker.cs
new file mode 100644
index 00000000..6d44a346
--- /dev/null
+++ b/maui/src/Picker/SfPicker.cs
@@ -0,0 +1,1301 @@
+using System.Collections.ObjectModel;
+using System.ComponentModel;
+using System.Windows.Input;
+using Syncfusion.Maui.Toolkit.Themes;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// Initializes a new instance of the class that represents a control, that allows you pick an item among a list of items.
+ ///
+ public class SfPicker : PickerBase, IParentThemeElement
+ {
+ #region Bindable Properties
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty HeaderViewProperty =
+ BindableProperty.Create(
+ nameof(HeaderView),
+ typeof(PickerHeaderView),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => new PickerHeaderView(),
+ propertyChanged: OnHeaderViewChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty ColumnHeaderViewProperty =
+ BindableProperty.Create(
+ nameof(ColumnHeaderView),
+ typeof(PickerColumnHeaderView),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => new PickerColumnHeaderView(),
+ propertyChanged: OnColumnHeaderViewChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty ColumnsProperty =
+ BindableProperty.Create(
+ nameof(Columns),
+ typeof(ObservableCollection),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => new ObservableCollection(),
+ propertyChanged: OnColumnsChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty ItemTemplateProperty =
+ BindableProperty.Create(
+ nameof(ItemTemplate),
+ typeof(DataTemplate),
+ typeof(SfPicker),
+ null,
+ propertyChanged: OnItemTemplateChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ public static readonly BindableProperty SelectionChangedCommandProperty =
+ BindableProperty.Create(
+ nameof(SelectionChangedCommand),
+ typeof(ICommand),
+ typeof(SfPicker),
+ null);
+
+ #endregion
+
+ #region Internal Bindable Properties
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ internal static readonly BindableProperty PickerBackgroundProperty =
+ BindableProperty.Create(
+ nameof(PickerBackground),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Color.FromArgb("#EEE8F4"),
+ propertyChanged: OnPickerBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty HeaderBackgroundProperty =
+ BindableProperty.Create(
+ nameof(HeaderBackground),
+ typeof(Brush),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => new SolidColorBrush(Color.FromArgb("#F7F2FB")),
+ propertyChanged: OnHeaderBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty FooterBackgroundProperty =
+ BindableProperty.Create(
+ nameof(FooterBackground),
+ typeof(Brush),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Brush.Transparent,
+ propertyChanged: OnFooterBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty SelectionBackgroundProperty =
+ BindableProperty.Create(
+ nameof(SelectionBackground),
+ typeof(Brush),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => new SolidColorBrush(Color.FromArgb("#6750A4")),
+ propertyChanged: OnSelectionBackgroundChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty SelectionStrokeColorProperty =
+ BindableProperty.Create(
+ nameof(SelectionStrokeColor),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Colors.Transparent,
+ propertyChanged: OnSelectionStrokeColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectionCornerRadiusProperty =
+ BindableProperty.Create(
+ nameof(SelectionCornerRadius),
+ typeof(CornerRadius),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => new CornerRadius(20),
+ propertyChanged: OnSelectionCornerRadiusChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty HeaderDividerColorProperty =
+ BindableProperty.Create(
+ nameof(HeaderDividerColor),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Color.FromArgb("#CAC4D0"),
+ propertyChanged: OnHeaderDividerColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// Identifies the bindable property.
+ ///
+ internal static readonly BindableProperty FooterDividerColorProperty =
+ BindableProperty.Create(
+ nameof(FooterDividerColor),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Color.FromArgb("#CAC4D0"),
+ propertyChanged: OnFooterDividerColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty HeaderTextColorProperty =
+ BindableProperty.Create(
+ nameof(HeaderTextColor),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Color.FromArgb("#49454F"),
+ propertyChanged: OnHeaderTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty HeaderFontSizeProperty =
+ BindableProperty.Create(
+ nameof(HeaderFontSize),
+ typeof(double),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => 16d,
+ propertyChanged: OnHeaderFontSizeChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty FooterTextColorProperty =
+ BindableProperty.Create(
+ nameof(FooterTextColor),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Color.FromArgb("#6750A4"),
+ propertyChanged: OnFooterTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty FooterFontSizeProperty =
+ BindableProperty.Create(
+ nameof(FooterFontSize),
+ typeof(double),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => 14d,
+ propertyChanged: OnFooterFontSizeChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectedTextColorProperty =
+ BindableProperty.Create(
+ nameof(SelectedTextColor),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Colors.White,
+ propertyChanged: OnSelectedTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectionTextColorProperty =
+ BindableProperty.Create(
+ nameof(SelectionTextColor),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Color.FromArgb("#6750A4"),
+ propertyChanged: OnSelectedTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty SelectedFontSizeProperty =
+ BindableProperty.Create(
+ nameof(SelectedFontSize),
+ typeof(double),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => 16d,
+ propertyChanged: OnSelectedFontSizeChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty NormalTextColorProperty =
+ BindableProperty.Create(
+ nameof(NormalTextColor),
+ typeof(Color),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => Color.FromArgb("#1C1B1F"),
+ propertyChanged: OnNormalTextColorChanged);
+
+ ///
+ /// Identifies the dependency property.
+ ///
+ ///
+ /// The identifier for dependency property.
+ ///
+ internal static readonly BindableProperty NormalFontSizeProperty =
+ BindableProperty.Create(
+ nameof(NormalFontSize),
+ typeof(double),
+ typeof(SfPicker),
+ defaultValueCreator: bindable => 16d,
+ propertyChanged: OnNormalFontSizeChanged);
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ public SfPicker()
+ {
+ Initialize();
+ Focus();
+ ColumnHeaderView.Parent = this;
+ BackgroundColor = PickerBackground;
+ Dispatcher.Dispatch(() =>
+ {
+ InitializeTheme();
+ });
+ }
+
+ #endregion
+
+ #region Properties
+
+ ///
+ /// Gets or sets the value of header view. This property can be used to customize the header in SfPicker.
+ ///
+ ///
+ /// The following example demonstrates how to customize the header view of SfPicker.
+ ///
+ ///
+ ///
+ ///
+ public PickerHeaderView HeaderView
+ {
+ get { return (PickerHeaderView)GetValue(HeaderViewProperty); }
+ set { SetValue(HeaderViewProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value of column header view. This property can be used to customize the column header in SfPicker.
+ ///
+ ///
+ /// The following example demonstrates how to customize the column header view of SfPicker.
+ ///
+ ///
+ ///
+ ///
+ public PickerColumnHeaderView ColumnHeaderView
+ {
+ get { return (PickerColumnHeaderView)GetValue(ColumnHeaderViewProperty); }
+ set { SetValue(ColumnHeaderViewProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value of picker columns. This property can be used to customize the column in SfPicker.
+ ///
+ ///
+ /// The following examples demonstrate how to set the columns in SfPicker.
+ /// # [XAML](#tab/tabid-1)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-2)
+ ///
+ ///
+ /// {
+ /// new PickerColumn { ItemsSource = new List { "Red", "Green", "Blue" } },
+ /// new PickerColumn { ItemsSource = new List { 1, 2, 3 } }
+ /// };
+ /// ]]>
+ ///
+ ///
+ public ObservableCollection Columns
+ {
+ get { return (ObservableCollection)GetValue(ColumnsProperty); }
+ set { SetValue(ColumnsProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the picker item template in SfPicker.
+ ///
+ ///
+ /// The following examples demonstrate how to set the item template in SfPicker.
+ /// # [XAML](#tab/tabid-1)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// SfPicker picker = new SfPicker();
+ /// DataTemplate customView = new DataTemplate(() =>
+ /// {
+ /// Grid grid = new Grid
+ /// {
+ /// Padding = new Thickness(0, 1, 0, 1),
+ /// };
+ /// Label label = new Label
+ /// {
+ /// HorizontalOptions = LayoutOptions.Center,
+ /// VerticalOptions = LayoutOptions.Center,
+ /// HorizontalTextAlignment = TextAlignment.Center,
+ /// VerticalTextAlignment = TextAlignment.Center,
+ /// TextColor = Colors.Black,
+ /// };
+ /// label.SetBinding(Label.TextProperty, new Binding("Data"));
+ /// grid.Children.Add(label);
+ /// return grid;
+ /// });
+ /// picker.ItemTemplate = customView;
+ ///
+ ///
+ public DataTemplate ItemTemplate
+ {
+ get { return (DataTemplate)GetValue(ItemTemplateProperty); }
+ set { SetValue(ItemTemplateProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the picker item selection changed command.
+ ///
+ /// The default value of is null.
+ ///
+ /// The following example demonstrates how to set the selection changed command in SfPicker.
+ /// # [XAML](#tab/tabid-49)
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-50)
+ ///
+ ///
+ ///
+ ///
+ public PickerHeaderView HeaderView
+ {
+ get { return (PickerHeaderView)GetValue(HeaderViewProperty); }
+ set { SetValue(HeaderViewProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the value of column header view. This property can be used to customize the header column in SfTimePicker.
+ ///
+ ///
+ /// The following example demonstrates how to customize the column header view of SfTimePicker.
+ ///
+ ///
+ ///
+ ///
+ public TimePickerColumnHeaderView ColumnHeaderView
+ {
+ get { return (TimePickerColumnHeaderView)GetValue(ColumnHeaderViewProperty); }
+ set { SetValue(ColumnHeaderViewProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the time picker selection time in SfTimePicker.
+ ///
+ /// The default value of is "TimeSpan(DateTime.Now.Hour, DateTime.Now.Minute, DateTime.Now.Second)".
+ ///
+ /// The following examples demonstrate how to set the selected time in SfTimePicker.
+ /// # [XAML](#tab/tabid-1)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.SelectedTime = new TimeSpan(14, 30, 0);
+ ///
+ ///
+ public TimeSpan? SelectedTime
+ {
+ get { return (TimeSpan?)GetValue(SelectedTimeProperty); }
+ set { SetValue(SelectedTimeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the hour interval in SfTimePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the hour interval in SfTimePicker.
+ /// # [XAML](#tab/tabid-3)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-4)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.HourInterval = 2;
+ ///
+ ///
+ public int HourInterval
+ {
+ get { return (int)GetValue(HourIntervalProperty); }
+ set { SetValue(HourIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the minute interval in SfTimePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the minute interval in SfTimePicker.
+ /// # [XAML](#tab/tabid-5)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-6)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.MinuteInterval = 2;
+ ///
+ ///
+ public int MinuteInterval
+ {
+ get { return (int)GetValue(MinuteIntervalProperty); }
+ set { SetValue(MinuteIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the second interval in SfTimePicker.
+ ///
+ /// The default value of is 1.
+ ///
+ /// The following examples demonstrate how to set the second interval in SfTimePicker.
+ /// # [XAML](#tab/tabid-7)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-8)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.SecondInterval = 2;
+ ///
+ ///
+ public int SecondInterval
+ {
+ get { return (int)GetValue(SecondIntervalProperty); }
+ set { SetValue(SecondIntervalProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the picker date format in SfTimePicker.
+ ///
+ /// The default value of is .
+ ///
+ /// The following examples demonstrate how to set the time format in SfTimePicker.
+ /// # [XAML](#tab/tabid-9)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-10)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.Format = PickerTimeFormat.HH_mm;
+ ///
+ ///
+ public PickerTimeFormat Format
+ {
+ get { return (PickerTimeFormat)GetValue(FormatProperty); }
+ set { SetValue(FormatProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection changed command in SfTimePicker.
+ ///
+ /// The default value of is null.
+ ///
+ /// The following example demonstrates how to set the selection changed command in SfTimePicker.
+ /// # [XAML](#tab/tabid-11)
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-12)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-14)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.MinimumTime = new TimeSpan(9, 0, 0);
+ ///
+ ///
+ public TimeSpan MinimumTime
+ {
+ get { return (TimeSpan)GetValue(MinimumTimeProperty); }
+ set { SetValue(MinimumTimeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the maximum time in SfTimePicker.
+ ///
+ /// The default value of is "TimeSpan(23, 59, 59)".
+ ///
+ /// The following examples demonstrate how to set the maximum time in SfTimePicker.
+ /// # [XAML](#tab/tabid-15)
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-16)
+ ///
+ /// SfTimePicker timePicker = new SfTimePicker();
+ /// timePicker.MaximumTime = new TimeSpan(17, 0, 0);
+ ///
+ ///
+ public TimeSpan MaximumTime
+ {
+ get { return (TimeSpan)GetValue(MaximumTimeProperty); }
+ set { SetValue(MaximumTimeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the BlackoutTimes in SfTimePicker.
+ ///
+ /// The selection view will not be applicable when setting blackout times.
+ ///
+ /// The following examples demonstrate how to set the blackout times in SfTimePicker.
+ /// # [XAML](#tab/tabid-17)
+ ///
+ ///
+ ///
+ /// 12:28:00
+ /// 12:26:00
+ /// 12:24:00
+ /// 12:22:00
+ /// 12:37:00
+ /// 12:35:00
+ /// 12:33:00
+ /// 12:32:00
+ ///
+ ///
+ /// ]]>
+ ///
+ /// # [C#](#tab/tabid-18)
+ ///
+ /// SfTimePicker picker = new SfTimePicker();
+ /// picker.BlackoutTimes.Add(new TimeSpan(12, 28, 0));
+ /// picker.BlackoutTimes.Add(new TimeSpan(12, 26, 0));
+ /// picker.BlackoutTimes.Add(new TimeSpan(12, 24, 0));
+ /// picker.BlackoutTimes.Add(new TimeSpan(12, 22, 0));
+ /// picker.BlackoutTimes.Add(new TimeSpan(12, 37, 0));
+ /// picker.BlackoutTimes.Add(new TimeSpan(12, 35, 0));
+ /// picker.BlackoutTimes.Add(new TimeSpan(12, 33, 0));
+ /// picker.BlackoutTimes.Add(new TimeSpan(12, 32, 0));
+ ///
+ ///
+ public ObservableCollection BlackoutTimes
+ {
+ get { return (ObservableCollection)GetValue(BlackoutTimesProperty); }
+ set { SetValue(BlackoutTimesProperty, value); }
+ }
+
+ #endregion
+
+ #region Internal Properties
+
+ ///
+ /// Gets or sets the background color of the time picker.
+ ///
+ internal Color TimePickerBackground
+ {
+ get { return (Color)GetValue(TimePickerBackgroundProperty); }
+ set { SetValue(TimePickerBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the header view in time picker.
+ ///
+ internal Brush HeaderBackground
+ {
+ get { return (Brush)GetValue(HeaderBackgroundProperty); }
+ set { SetValue(HeaderBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the footer view in SfTimePicker.
+ ///
+ internal Brush FooterBackground
+ {
+ get { return (Brush)GetValue(FooterBackgroundProperty); }
+ set { SetValue(FooterBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the selection view in SfTimePicker.
+ ///
+ internal Brush SelectionBackground
+ {
+ get { return (Brush)GetValue(SelectionBackgroundProperty); }
+ set { SetValue(SelectionBackgroundProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the stroke color of the selection view in SfTimePicker.
+ ///
+ internal Color SelectionStrokeColor
+ {
+ get { return (Color)GetValue(SelectionStrokeColorProperty); }
+ set { SetValue(SelectionStrokeColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the corner radius of the selection view in SfTimePicker.
+ ///
+ internal CornerRadius SelectionCornerRadius
+ {
+ get { return (CornerRadius)GetValue(SelectionCornerRadiusProperty); }
+ set { SetValue(SelectionCornerRadiusProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the color of the header separator line in time picker.
+ ///
+ internal Color HeaderDividerColor
+ {
+ get { return (Color)GetValue(HeaderDividerColorProperty); }
+ set { SetValue(HeaderDividerColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the background of the footer separator line background in SfTimePicker.
+ ///
+ internal Color FooterDividerColor
+ {
+ get { return (Color)GetValue(FooterDividerColorProperty); }
+ set { SetValue(FooterDividerColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the header text color of the text style.
+ ///
+ internal Color HeaderTextColor
+ {
+ get { return (Color)GetValue(HeaderTextColorProperty); }
+ set { SetValue(HeaderTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the header font size of the text style.
+ ///
+ internal double HeaderFontSize
+ {
+ get { return (double)GetValue(HeaderFontSizeProperty); }
+ set { SetValue(HeaderFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the footer text color of the text style.
+ ///
+ internal Color FooterTextColor
+ {
+ get { return (Color)GetValue(FooterTextColorProperty); }
+ set { SetValue(FooterTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the footer font size of the text style.
+ ///
+ internal double FooterFontSize
+ {
+ get { return (double)GetValue(FooterFontSizeProperty); }
+ set { SetValue(FooterFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection text color of the text style.
+ ///
+ ///
+ /// This color applicable for default text display mode.
+ ///
+ internal Color SelectedTextColor
+ {
+ get { return (Color)GetValue(SelectedTextColorProperty); }
+ set { SetValue(SelectedTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection text color of the text style.
+ ///
+ ///
+ /// This color is used for Fade, Shrink and FadeAndShrink mode.
+ ///
+ internal Color SelectionTextColor
+ {
+ get { return (Color)GetValue(SelectionTextColorProperty); }
+ set { SetValue(SelectionTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the selection font size of the text style.
+ ///
+ internal double SelectedFontSize
+ {
+ get { return (double)GetValue(SelectedFontSizeProperty); }
+ set { SetValue(SelectedFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the normal text color of the text style.
+ ///
+ internal Color NormalTextColor
+ {
+ get { return (Color)GetValue(NormalTextColorProperty); }
+ set { SetValue(NormalTextColorProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the normal font size of the text style.
+ ///
+ internal double NormalFontSize
+ {
+ get { return (double)GetValue(NormalFontSizeProperty); }
+ set { SetValue(NormalFontSizeProperty, value); }
+ }
+
+ ///
+ /// Gets or sets the disabled text color of the text style.
+ ///
+ internal Color DisabledTextColor
+ {
+ get { return (Color)GetValue(DisabledTextColorProperty); }
+ set { SetValue(DisabledTextColorProperty, value); }
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to reset the picker columns based on the updated format.
+ ///
+ internal void UpdateFormat()
+ {
+ _hourColumn = new PickerColumn();
+ _minuteColumn = new PickerColumn();
+ _secondColumn = new PickerColumn();
+ _meridiemColumn = new PickerColumn();
+ GeneratePickerColumns();
+ BaseColumns = _columns;
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Method trigged whenever the base panel selection is changed.
+ ///
+ /// Base picker instance value.
+ /// Selection changed event arguments.
+ void OnPickerSelectionIndexChanged(object? sender, PickerSelectionChangedEventArgs e)
+ {
+ string hourFormat;
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out hourFormat, Format);
+ int changedColumnValue = formatStringOrder[e.ColumnIndex];
+ TimeSpan maxTime = TimePickerHelper.GetValidMaxTime(MinimumTime, MaximumTime);
+ TimeSpan previousTime = new TimeSpan(_previousSelectedDateTime.Hour, _previousSelectedDateTime.Minute, _previousSelectedDateTime.Second);
+ TimeSpan currentTime = SelectedTime ?? previousTime;
+ TimeSpan? previousSelectedTime = TimePickerHelper.GetValidSelectedTime(currentTime, MinimumTime, maxTime);
+ DateTime minimumTime = Convert.ToDateTime(MinimumTime.ToString());
+ DateTime maximumTime = Convert.ToDateTime(maxTime.ToString());
+ DateTime selectedTime = Convert.ToDateTime(previousSelectedTime.ToString());
+ if (previousSelectedTime == null)
+ {
+ return;
+ }
+
+ switch (changedColumnValue)
+ {
+ case 0:
+ {
+ UpdateHourColumn(e, hourFormat, previousSelectedTime, selectedTime, minimumTime, maximumTime);
+ }
+
+ break;
+ case 1:
+ {
+ int minutes = 0;
+ if (_minuteColumn.ItemsSource != null && _minuteColumn.ItemsSource is ObservableCollection minuteCollection && minuteCollection.Count > e.NewValue)
+ {
+ //// Get the minute value based on the selected index changes value.
+ minutes = int.Parse(minuteCollection[e.NewValue]);
+ }
+
+ SetSelectedTime(new TimeSpan(previousSelectedTime.Value.Hours, minutes, previousSelectedTime.Value.Seconds));
+ }
+
+ break;
+ case 2:
+ {
+ int seconds = 0;
+ if (_secondColumn.ItemsSource != null && _secondColumn.ItemsSource is ObservableCollection secondCollection && secondCollection.Count > e.NewValue)
+ {
+ //// Get the seconds value based on the selected index changes value.
+ seconds = int.Parse(secondCollection[e.NewValue]);
+ }
+
+ SetSelectedTime(new TimeSpan(previousSelectedTime.Value.Hours, previousSelectedTime.Value.Minutes, seconds));
+ }
+
+ break;
+ case 3:
+ {
+ UpdateMeridiemColumn(e, hourFormat, previousSelectedTime, selectedTime, minimumTime, maximumTime);
+ }
+
+ break;
+ }
+ }
+
+ ///
+ /// Method to update the hour column based on the selected time value.
+ ///
+ /// Selection changed event arguments.
+ /// The hour format.
+ /// The previous selected time.
+ /// The selected time.
+ /// The minimum time.
+ /// The maximum time.
+ void UpdateHourColumn(PickerSelectionChangedEventArgs e, string hourFormat, TimeSpan? previousSelectedTime, DateTime selectedTime, DateTime minimumTime, DateTime maximumTime)
+ {
+ if (previousSelectedTime == null)
+ {
+ return;
+ }
+
+ int hour = 0;
+ if (_hourColumn.ItemsSource != null && _hourColumn.ItemsSource is ObservableCollection hourCollection && hourCollection.Count > e.NewValue)
+ {
+ //// Get the hour value based on the selected index changes value.
+ hour = int.Parse(hourCollection[e.NewValue]);
+ }
+
+ if (hourFormat == "h" || hourFormat == "hh")
+ {
+ hour = hour == 12 ? 0 : hour;
+ if (previousSelectedTime.Value.Hours >= 12)
+ {
+ hour += 12;
+ }
+ }
+
+ ObservableCollection minutes = TimePickerHelper.GetMinutes(MinuteInterval, hour, selectedTime, minimumTime, maximumTime);
+ ObservableCollection previousMinutes = _minuteColumn.ItemsSource is ObservableCollection previousMinuteCollection ? previousMinuteCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(minutes, previousMinutes))
+ {
+ _minuteColumn.ItemsSource = minutes;
+ }
+
+ int minuteIndex = TimePickerHelper.GetMinuteOrSecondIndex(minutes, previousSelectedTime.Value.Minutes);
+ //// Get the minute value based on the selected index changes value.
+ int minute = int.Parse(minutes[minuteIndex]);
+
+ SetSelectedTime(new TimeSpan(hour, minute, previousSelectedTime.Value.Seconds));
+ }
+
+ ///
+ /// Method to update the meridiem column based on the selected time value.
+ ///
+ /// Selection changed event arguments.
+ /// The hour format.
+ /// The previous selected time.
+ /// The selected time.
+ /// The minimum time.
+ /// The maximum time.
+ void UpdateMeridiemColumn(PickerSelectionChangedEventArgs e, string hourFormat, TimeSpan? previousSelectedTime, DateTime selectedTime, DateTime minimumTime, DateTime maximumTime)
+ {
+ if (previousSelectedTime == null)
+ {
+ return;
+ }
+
+ ObservableCollection meridiemCollection = new ObservableCollection();
+ if (_meridiemColumn.ItemsSource != null && _meridiemColumn.ItemsSource is ObservableCollection meridiems)
+ {
+ meridiemCollection = meridiems;
+ }
+
+ if (meridiemCollection.Count <= e.NewValue)
+ {
+ return;
+ }
+
+ bool isAMSelected = TimePickerHelper.IsAMText(meridiemCollection, e.NewValue);
+ int neededHour = isAMSelected ? 0 : 12;
+
+ TimeSpan selectedDate = new TimeSpan((previousSelectedTime.Value.Hours % 12) + neededHour, previousSelectedTime.Value.Minutes, previousSelectedTime.Value.Seconds);
+ DateTime selectedDates = Convert.ToDateTime(selectedDate.ToString());
+
+ ObservableCollection hours = TimePickerHelper.GetHours(hourFormat, HourInterval, selectedDates, minimumTime, maximumTime);
+ ObservableCollection previousHour = _hourColumn.ItemsSource is ObservableCollection previousHourCollection ? previousHourCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(hours, previousHour))
+ {
+ _hourColumn.ItemsSource = hours;
+ }
+
+ int? hourIndex = TimePickerHelper.GetHourIndex(hourFormat, hours, previousSelectedTime.Value.Hours);
+ if (hourIndex.HasValue)
+ {
+ int hour = int.Parse(hours[hourIndex.Value]);
+ hour = (hour % 12) + neededHour;
+
+ ObservableCollection minutes = TimePickerHelper.GetMinutes(MinuteInterval, hour, selectedTime, minimumTime, maximumTime);
+ ObservableCollection previousMinutes = _minuteColumn.ItemsSource is ObservableCollection previousMinuteCollection ? previousMinuteCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(minutes, previousMinutes))
+ {
+ _minuteColumn.ItemsSource = minutes;
+ }
+
+ int minuteIndex = TimePickerHelper.GetMinuteOrSecondIndex(minutes, previousSelectedTime.Value.Minutes);
+ //// Get the minute value based on the selected index changes value.
+ int minute = int.Parse(minutes[minuteIndex]);
+
+ SetSelectedTime(new TimeSpan(hour, minute, previousSelectedTime.Value.Seconds));
+ }
+ }
+
+ ///
+ /// Method to set the Selected Time value.
+ ///
+ /// The selected time.
+ void SetSelectedTime(TimeSpan selectedTime)
+ {
+ if (!TimePickerHelper.IsSameTimeSpan(selectedTime, SelectedTime))
+ {
+ SelectedTime = selectedTime;
+ }
+ }
+
+ ///
+ /// Method invokes on column header property changed.
+ ///
+ /// Column header view value.
+ /// Property changed arguments.
+ void OnColumnHeaderPropertyChanged(object? sender, PickerPropertyChangedEventArgs e)
+ {
+ if (e.PropertyName == nameof(TimePickerColumnHeaderView.Background))
+ {
+ BaseColumnHeaderView.Background = ColumnHeaderView.Background;
+ }
+ else if (e.PropertyName == nameof(TimePickerColumnHeaderView.Height))
+ {
+ BaseColumnHeaderView.Height = ColumnHeaderView.Height;
+ }
+ else if (e.PropertyName == nameof(TimePickerColumnHeaderView.DividerColor))
+ {
+ BaseColumnHeaderView.DividerColor = ColumnHeaderView.DividerColor;
+ }
+ else if (e.PropertyName == nameof(TimePickerColumnHeaderView.TextStyle))
+ {
+ SetInheritedBindingContext(ColumnHeaderView.TextStyle, BindingContext);
+ BaseColumnHeaderView.TextStyle = ColumnHeaderView.TextStyle;
+ }
+ else if (e.PropertyName == nameof(TimePickerColumnHeaderView.HourHeaderText))
+ {
+ _hourColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.HourHeaderText);
+ }
+ else if (e.PropertyName == nameof(TimePickerColumnHeaderView.MinuteHeaderText))
+ {
+ _minuteColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MinuteHeaderText);
+ }
+ else if (e.PropertyName == nameof(TimePickerColumnHeaderView.SecondHeaderText))
+ {
+ _secondColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.SecondHeaderText);
+ }
+ else if (e.PropertyName == nameof(TimePickerColumnHeaderView.MeridiemHeaderText))
+ {
+ _meridiemColumn.HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MeridiemHeaderText);
+ }
+ }
+
+ ///
+ /// Method to generate the hour, minute, second and meridiem columns based on the selected time value.
+ ///
+ void GeneratePickerColumns()
+ {
+ string hourFormat;
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out hourFormat, Format);
+ TimeSpan maxTime = TimePickerHelper.GetValidMaxTime(MinimumTime, MaximumTime);
+ TimeSpan? validSelectedTime = TimePickerHelper.GetValidSelectedTime(SelectedTime, MinimumTime, maxTime);
+ DateTime currentSelectedTime = validSelectedTime != null ? Convert.ToDateTime(validSelectedTime.ToString()) : DateTime.Now;
+ ObservableCollection pickerColumns = new ObservableCollection();
+ foreach (int index in formatStringOrder)
+ {
+ switch (index)
+ {
+ case 0:
+ _hourColumn = GenerateHourColumn(hourFormat, validSelectedTime, currentSelectedTime);
+ _hourColumn.SelectedItem = SelectedTime != null ? PickerHelper.GetSelectedItemDefaultValue(_hourColumn) : null;
+ pickerColumns.Add(_hourColumn);
+ break;
+ case 1:
+ _minuteColumn = GenerateMinuteColumn(validSelectedTime, currentSelectedTime);
+ _minuteColumn.SelectedItem = SelectedTime != null ? PickerHelper.GetSelectedItemDefaultValue(_minuteColumn) : null;
+ pickerColumns.Add(_minuteColumn);
+ break;
+ case 2:
+ _secondColumn = GenerateSecondColumn();
+ _secondColumn.SelectedItem = SelectedTime != null ? PickerHelper.GetSelectedItemDefaultValue(_secondColumn) : null;
+ pickerColumns.Add(_secondColumn);
+ break;
+ case 3:
+ _meridiemColumn = GenerateMeridiemColumn(validSelectedTime, currentSelectedTime);
+ _meridiemColumn.SelectedItem = SelectedTime != null ? PickerHelper.GetSelectedItemDefaultValue(_meridiemColumn) : null;
+ pickerColumns.Add(_meridiemColumn);
+ break;
+ }
+ }
+
+ _columns = pickerColumns;
+ }
+
+ ///
+ /// Method to generate the hour column with items source and selected index based on format.
+ ///
+ /// The hour format.
+ /// The selected time.
+ /// The current date.
+ /// Returns hour column details.
+ PickerColumn GenerateHourColumn(string format, TimeSpan? selectedTime, DateTime? selectedDate)
+ {
+ TimeSpan maxTime = TimePickerHelper.GetValidMaxTime(MinimumTime, MaximumTime);
+ DateTime minimumTime = Convert.ToDateTime(MinimumTime.ToString());
+ DateTime maximumTime = Convert.ToDateTime(maxTime.ToString());
+
+ ObservableCollection hours = TimePickerHelper.GetHours(format, HourInterval, selectedDate, minimumTime, maximumTime);
+
+ int? hourIndex = selectedTime != null ? TimePickerHelper.GetHourIndex(format, hours, selectedTime.Value.Hours) : _previousSelectedDateTime.Hour;
+
+ return new PickerColumn()
+ {
+ ItemsSource = hours,
+ SelectedIndex = hourIndex != null ? (int)hourIndex : _previousSelectedDateTime.Hour,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.HourHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the minute column with items source and selected index based on format.
+ ///
+ /// The selected time.
+ /// The current date.
+ /// Returns minute column details.
+ PickerColumn GenerateMinuteColumn(TimeSpan? selectedTime, DateTime? selectedDate)
+ {
+ TimeSpan maxTime = TimePickerHelper.GetValidMaxTime(MinimumTime, MaximumTime);
+ DateTime minimumTime = Convert.ToDateTime(MinimumTime.ToString());
+ DateTime maximumTime = Convert.ToDateTime(maxTime.ToString());
+ int selectedHour = selectedTime?.Hours ?? _previousSelectedDateTime.Hour;
+ int selectedMinute = selectedTime?.Minutes ?? _previousSelectedDateTime.Minute;
+
+ ObservableCollection minutes = TimePickerHelper.GetMinutes(MinuteInterval, selectedHour, selectedDate, minimumTime, maximumTime);
+ return new PickerColumn
+ {
+ ItemsSource = minutes,
+ SelectedIndex = TimePickerHelper.GetMinuteOrSecondIndex(minutes, selectedMinute),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MinuteHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the second column with items source and selected index based on format.
+ ///
+ /// Returns second column details.
+ PickerColumn GenerateSecondColumn()
+ {
+ int selectedHour = SelectedTime?.Hours ?? _previousSelectedDateTime.Hour;
+ int selectedMinute = SelectedTime?.Minutes ?? _previousSelectedDateTime.Minute;
+ int selectedSecond = SelectedTime?.Seconds ?? _previousSelectedDateTime.Second;
+
+ ObservableCollection seconds = TimePickerHelper.GetSeconds(SecondInterval, selectedHour, selectedMinute, null, null, null);
+ return new PickerColumn()
+ {
+ ItemsSource = seconds,
+ SelectedIndex = TimePickerHelper.GetMinuteOrSecondIndex(seconds, selectedSecond),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.SecondHeaderText),
+ };
+ }
+
+ ///
+ /// Method to generate the meridiem column with items source and selected index based on format.
+ ///
+ /// The selected time.
+ /// The current date.
+ /// Returns meridiem column details.
+ PickerColumn GenerateMeridiemColumn(TimeSpan? selectedTime, DateTime? selectedDate)
+ {
+ TimeSpan maxTime = TimePickerHelper.GetValidMaxTime(MinimumTime, MaximumTime);
+ DateTime minimumTime = Convert.ToDateTime(MinimumTime.ToString());
+ DateTime maximumTime = Convert.ToDateTime(maxTime.ToString());
+ int selectedHour = selectedTime?.Hours ?? _previousSelectedDateTime.Hour;
+ ObservableCollection meridiems = TimePickerHelper.GetMeridiem(minimumTime, maximumTime, selectedDate);
+ return new PickerColumn()
+ {
+ ItemsSource = meridiems,
+ SelectedIndex = selectedHour >= 12 ? 1 : 0,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MeridiemHeaderText),
+ };
+ }
+
+ ///
+ /// Method to update the selected index value for all the picker column based on the selected time value.
+ ///
+ void UpdateSelectedIndex()
+ {
+ if (SelectedTime == null)
+ {
+ return;
+ }
+
+ string hourFormat;
+ TimePickerHelper.GetFormatStringOrder(out hourFormat, Format);
+ if (_hourColumn.ItemsSource != null && _hourColumn.ItemsSource is ObservableCollection hourCollection && hourCollection.Count > 0)
+ {
+ int? index = TimePickerHelper.GetHourIndex(hourFormat, hourCollection, SelectedTime.Value.Hours);
+ if (index == null)
+ {
+ return;
+ }
+
+ if (_hourColumn.SelectedIndex != index)
+ {
+ _hourColumn.SelectedIndex = (int)index;
+ }
+ }
+
+ if (_minuteColumn.ItemsSource != null && _minuteColumn.ItemsSource is ObservableCollection minuteCollection && minuteCollection.Count > 0)
+ {
+ int index = TimePickerHelper.GetMinuteOrSecondIndex(minuteCollection, SelectedTime.Value.Minutes);
+ if (_minuteColumn.SelectedIndex != index)
+ {
+ _minuteColumn.SelectedIndex = index;
+ }
+ }
+
+ if (_secondColumn.ItemsSource != null && _secondColumn.ItemsSource is ObservableCollection secondCollection && secondCollection.Count > 0)
+ {
+ int index = TimePickerHelper.GetMinuteOrSecondIndex(secondCollection, SelectedTime.Value.Seconds);
+ if (_secondColumn.SelectedIndex != index)
+ {
+ _secondColumn.SelectedIndex = index;
+ }
+ }
+
+ if (_meridiemColumn.ItemsSource != null && _meridiemColumn.ItemsSource is ObservableCollection meridiemCollection && meridiemCollection.Count > 0)
+ {
+ int index = SelectedTime.Value.Hours >= 12 ? 1 : 0;
+ if (_meridiemColumn.SelectedIndex != index)
+ {
+ _meridiemColumn.SelectedIndex = index;
+ }
+ }
+ }
+
+ ///
+ /// Method to update the minimum and maximum time value for all the picker column based on the time value.
+ ///
+ void UpdateMinimumMaximumTime(object oldValue, object newValue)
+ {
+ TimeSpan? oldTime = (TimeSpan)oldValue;
+ TimeSpan? newTime = (TimeSpan)newValue;
+ TimeSpan maxTime = TimePickerHelper.GetValidMaxTime(MinimumTime, MaximumTime);
+ TimeSpan? validSelectedTime = TimePickerHelper.GetValidSelectedTime(SelectedTime, MinimumTime, maxTime);
+ DateTime minimumTime = Convert.ToDateTime(MinimumTime.ToString());
+ DateTime maximumTime = Convert.ToDateTime(maxTime.ToString());
+ DateTime currentSelectedTime = Convert.ToDateTime(validSelectedTime.ToString());
+
+ string hourFormat;
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out hourFormat, Format);
+ int index = formatStringOrder.IndexOf(0);
+ if (index != -1 && oldTime.Value.Hours != newTime.Value.Hours)
+ {
+ _hourColumn = GenerateHourColumn(hourFormat, SelectedTime, currentSelectedTime);
+ int hourIndex = index;
+ _columns[hourIndex] = _hourColumn;
+ }
+
+ index = formatStringOrder.IndexOf(1);
+ if (index != -1 && (currentSelectedTime.Hour == oldTime.Value.Hours || currentSelectedTime.Hour == newTime.Value.Hours))
+ {
+ ObservableCollection minutes = TimePickerHelper.GetMinutes(MinuteInterval, currentSelectedTime.Hour, currentSelectedTime, minimumTime, maximumTime);
+ ObservableCollection previousMinutes = _minuteColumn.ItemsSource is ObservableCollection previousMinuteCollection ? previousMinuteCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(minutes, previousMinutes))
+ {
+ _minuteColumn = new PickerColumn()
+ {
+ ItemsSource = minutes,
+ SelectedIndex = TimePickerHelper.GetMinuteOrSecondIndex(minutes, currentSelectedTime.Minute),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MinuteHeaderText),
+ };
+ _columns[index] = _minuteColumn;
+ }
+ }
+
+ index = formatStringOrder.IndexOf(2);
+ if (index != -1 && ((currentSelectedTime.Hour == oldTime.Value.Hours && currentSelectedTime.Minute == oldTime.Value.Minutes) || (currentSelectedTime.Hour == newTime.Value.Hours && currentSelectedTime.Minute == newTime.Value.Minutes)))
+ {
+ ObservableCollection seconds = TimePickerHelper.GetSeconds(SecondInterval, currentSelectedTime.Hour, currentSelectedTime.Minute, null, null, null);
+ ObservableCollection previousSeconds = _secondColumn.ItemsSource is ObservableCollection previousSecondCollection ? previousSecondCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(seconds, previousSeconds))
+ {
+ _secondColumn = new PickerColumn()
+ {
+ ItemsSource = seconds,
+ SelectedIndex = TimePickerHelper.GetMinuteOrSecondIndex(seconds, currentSelectedTime.Second),
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.SecondHeaderText),
+ };
+ _columns[index] = _secondColumn;
+ }
+ }
+
+ index = formatStringOrder.IndexOf(3);
+ if (index != -1 && ((int)(currentSelectedTime.Hour / 12) == (int)(oldTime.Value.Hours / 12) || (int)(currentSelectedTime.Hour / 12) == (int)(newTime.Value.Hours / 12)))
+ {
+ ObservableCollection meridiems = TimePickerHelper.GetMeridiem(minimumTime, maximumTime, currentSelectedTime);
+ ObservableCollection previousCollection = _meridiemColumn.ItemsSource is ObservableCollection previousMeridiemCollection ? previousMeridiemCollection : new ObservableCollection();
+ if (!PickerHelper.IsCollectionEquals(meridiems, previousCollection))
+ {
+ _meridiemColumn = new PickerColumn()
+ {
+ ItemsSource = meridiems,
+ SelectedIndex = currentSelectedTime.Hour >= 12 ? meridiems.Count > 1 ? 1 : 0 : 0,
+ HeaderText = SfPickerResources.GetLocalizedString(ColumnHeaderView.MeridiemHeaderText),
+ };
+ _columns[index] = _meridiemColumn;
+ }
+ }
+ }
+
+ ///
+ /// Method trigged when the black out time collection gets changed.
+ ///
+ /// time picker instance
+ /// collection changed event arguments
+ void OnBlackoutTimes_CollectionChanged(object? sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
+ {
+ if (SelectedTime != null)
+ {
+ TimeSpan currentTime = SelectedTime.Value;
+ while (BlackoutTimes.Any(blackOutTime => TimePickerHelper.IsBlackoutTime(blackOutTime, currentTime)))
+ {
+ currentTime = currentTime.Add(TimeSpan.FromMinutes(1));
+ }
+
+ if (SelectedTime != currentTime)
+ {
+ SelectedTime = currentTime;
+ }
+ }
+ }
+
+ ///
+ /// Need to update the parent for the new value.
+ ///
+ /// The old value.
+ /// The new value.
+ void SetParent(Element? oldValue, Element? newValue)
+ {
+ if (oldValue != null)
+ {
+ oldValue.Parent = null;
+ }
+
+ if (newValue != null)
+ {
+ newValue.Parent = this;
+ }
+ }
+
+ ///
+ /// Method to initialize the theme and to set dynamic resources.
+ ///
+ void InitializeTheme()
+ {
+ ThemeElement.InitializeThemeResources(this, "SfTimePickerTheme");
+ SetDynamicResource(TimePickerBackgroundProperty, "SfTimePickerNormalBackground");
+
+ SetDynamicResource(HeaderBackgroundProperty, "SfTimePickerNormalHeaderBackground");
+ SetDynamicResource(HeaderDividerColorProperty, "SfTimePickerNormalHeaderDividerColor");
+ SetDynamicResource(HeaderTextColorProperty, "SfTimePickerNormalHeaderTextColor");
+ SetDynamicResource(HeaderFontSizeProperty, "SfTimePickerNormalHeaderFontSize");
+
+ SetDynamicResource(FooterBackgroundProperty, "SfTimePickerNormalFooterBackground");
+ SetDynamicResource(FooterDividerColorProperty, "SfTimePickerNormalFooterDividerColor");
+ SetDynamicResource(FooterTextColorProperty, "SfTimePickerNormalFooterTextColor");
+ SetDynamicResource(FooterFontSizeProperty, "SfTimePickerNormalFooterFontSize");
+
+ SetDynamicResource(SelectionBackgroundProperty, "SfTimePickerSelectionBackground");
+ SetDynamicResource(SelectionStrokeColorProperty, "SfTimePickerSelectionStroke");
+ SetDynamicResource(SelectionCornerRadiusProperty, "SfTimePickerSelectionCornerRadius");
+ SetDynamicResource(SelectedTextColorProperty, "SfTimePickerSelectedTextColor");
+ SetDynamicResource(SelectionTextColorProperty, "SfPickerSelectionTextColor");
+ SetDynamicResource(SelectedFontSizeProperty, "SfTimePickerSelectedFontSize");
+
+ SetDynamicResource(NormalTextColorProperty, "SfTimePickerNormalTextColor");
+ SetDynamicResource(NormalFontSizeProperty, "SfTimePickerNormalFontSize");
+
+ SetDynamicResource(DisabledTextColorProperty, "SfTimePickerDisabledTextColor");
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method to wire the events.
+ ///
+ protected override void Initialize()
+ {
+ base.Initialize();
+ BaseColumns = _columns;
+ BaseHeaderView = HeaderView;
+ if (ColumnHeaderView != null)
+ {
+ SetInheritedBindingContext(ColumnHeaderView, BindingContext);
+ ColumnHeaderView.PickerPropertyChanged += OnColumnHeaderPropertyChanged;
+ BaseColumnHeaderView = new PickerColumnHeaderView()
+ {
+ Background = ColumnHeaderView.Background,
+ DividerColor = ColumnHeaderView.DividerColor,
+ Height = ColumnHeaderView.Height,
+ TextStyle = ColumnHeaderView.TextStyle,
+ };
+ }
+ }
+
+ ///
+ /// Method triggers when the property binding context changed.
+ ///
+ protected override void OnBindingContextChanged()
+ {
+ base.OnBindingContextChanged();
+ if (HeaderView != null)
+ {
+ SetInheritedBindingContext(HeaderView, BindingContext);
+ if (HeaderView.TextStyle != null)
+ {
+ SetInheritedBindingContext(HeaderView.TextStyle, BindingContext);
+ }
+
+ if (HeaderView.SelectionTextStyle != null)
+ {
+ SetInheritedBindingContext(HeaderView.SelectionTextStyle, BindingContext);
+ }
+ }
+
+ if (ColumnHeaderView != null)
+ {
+ SetInheritedBindingContext(ColumnHeaderView, BindingContext);
+ if (ColumnHeaderView.TextStyle != null)
+ {
+ SetInheritedBindingContext(ColumnHeaderView.TextStyle, BindingContext);
+ }
+ }
+
+ if (FooterView != null)
+ {
+ SetInheritedBindingContext(FooterView, BindingContext);
+ if (FooterView.TextStyle != null)
+ {
+ SetInheritedBindingContext(FooterView.TextStyle, BindingContext);
+ }
+ }
+
+ if (SelectedTextStyle != null)
+ {
+ SetInheritedBindingContext(SelectedTextStyle, BindingContext);
+ }
+
+ if (TextStyle != null)
+ {
+ SetInheritedBindingContext(TextStyle, BindingContext);
+ }
+
+ if (SelectionView != null)
+ {
+ SetInheritedBindingContext(SelectionView, BindingContext);
+ }
+ }
+
+ ///
+ /// Method triggers when the time picker popup closed.
+ ///
+ /// The event arguments
+ protected override void OnPopupClosed(EventArgs e)
+ {
+ InvokeClosedEvent(this, e);
+ }
+
+ ///
+ /// Method triggers when the time picker popup closing.
+ ///
+ /// The event arguments
+ protected override void OnPopupClosing(CancelEventArgs e)
+ {
+ InvokeClosingEvent(this, e);
+ }
+
+ ///
+ /// Method triggers when the time picker popup opened.
+ ///
+ /// The event arguments
+ protected override void OnPopupOpened(EventArgs e)
+ {
+ InvokeOpenedEvent(this, e);
+ }
+
+ ///
+ /// Method triggers when the time picker ok button clicked.
+ ///
+ /// The event arguments
+ protected override void OnOkButtonClicked(EventArgs e)
+ {
+ InvokeOkButtonClickedEvent(this, e);
+ if (AcceptCommand != null && AcceptCommand.CanExecute(e))
+ {
+ AcceptCommand.Execute(e);
+ }
+ }
+
+ ///
+ /// Method triggers when the time picker cancel button clicked.
+ ///
+ /// The event arguments
+ protected override void OnCancelButtonClicked(EventArgs e)
+ {
+ InvokeCancelButtonClickedEvent(this, e);
+ if (DeclineCommand != null && DeclineCommand.CanExecute(e))
+ {
+ DeclineCommand.Execute(e);
+ }
+ }
+
+ #endregion
+
+ #region Property Changed Methods
+
+ ///
+ /// Method invokes on picker header view changed.
+ ///
+ /// The picker object.
+ /// Old value of the property.
+ /// New value of the property.
+ static void OnHeaderViewChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.HeaderView.Parent = picker;
+ picker.BaseHeaderView = picker.HeaderView;
+ if (bindable is SfTimePicker timePicker)
+ {
+ timePicker.SetParent(oldValue as Element, newValue as Element);
+ }
+ }
+
+ ///
+ /// Method invokes on picker column header view changed.
+ ///
+ /// The picker object.
+ /// Old value of the property.
+ /// New value of the property.
+ static void OnColumnHeaderViewChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ if (oldValue is TimePickerColumnHeaderView oldStyle)
+ {
+ oldStyle.PickerPropertyChanged -= picker.OnColumnHeaderPropertyChanged;
+ oldStyle.BindingContext = null;
+ oldStyle.Parent = null;
+ }
+
+ if (newValue is TimePickerColumnHeaderView newStyle)
+ {
+ newStyle.Parent = picker;
+ SetInheritedBindingContext(newStyle, picker.BindingContext);
+ newStyle.PickerPropertyChanged += picker.OnColumnHeaderPropertyChanged;
+ picker.BaseColumnHeaderView = new PickerColumnHeaderView()
+ {
+ Background = newStyle.Background,
+ DividerColor = newStyle.DividerColor,
+ Height = newStyle.Height,
+ TextStyle = newStyle.TextStyle,
+ };
+
+ picker._hourColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.HourHeaderText);
+ picker._minuteColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.MinuteHeaderText);
+ picker._secondColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.SecondHeaderText);
+ picker._meridiemColumn.HeaderText = SfPickerResources.GetLocalizedString(picker.ColumnHeaderView.MeridiemHeaderText);
+ }
+ }
+
+ ///
+ /// Invokes on selection time property changed.
+ ///
+ /// The SfTimePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedTimePropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ TimeSpan? previousSelectedTime = null;
+ TimeSpan? currentSelectedTime = null;
+ if (oldValue is TimeSpan oldSelectedTime)
+ {
+ previousSelectedTime = oldSelectedTime;
+ //// Prevents Selection changed event from triggering if old value is black out time.
+ if (picker.BlackoutTimes.Any(blackOutTime => TimePickerHelper.IsBlackoutTime(blackOutTime, previousSelectedTime)))
+ {
+ PickerContainer? pickerContainer = picker.GetPickerContainerValue();
+ pickerContainer?.UpdateScrollViewDraw();
+ picker.UpdateSelectedIndex();
+ //// Skip the update and event call by checking if the time is blackout value and within current hour.
+ if (oldSelectedTime.Hours == picker._previousSelectedDateTime.Hour)
+ {
+ return;
+ }
+
+ previousSelectedTime = picker._previousSelectedDateTime.TimeOfDay;
+ }
+
+ picker._previousSelectedDateTime = DateTime.Today.Add(oldSelectedTime);
+ }
+
+ if (newValue is TimeSpan newSelectedTime)
+ {
+ //// Prevents Selection changed event from triggering if new value is black out time.
+ if (picker.BlackoutTimes.Any(blackOutTime => TimePickerHelper.IsBlackoutTime(blackOutTime, newSelectedTime)))
+ {
+ return;
+ }
+
+ currentSelectedTime = newSelectedTime;
+ }
+
+ //// Skip the update and event call while the same time updated with different time value.
+ if (TimePickerHelper.IsSameTimeSpan(previousSelectedTime, currentSelectedTime))
+ {
+ return;
+ }
+
+ if (newValue == null)
+ {
+ picker._hourColumn.SelectedItem = null;
+ picker._minuteColumn.SelectedItem = null;
+ picker._secondColumn.SelectedItem = null;
+ picker._meridiemColumn.SelectedItem = null;
+ picker.SelectionChanged?.Invoke(picker, new TimePickerSelectionChangedEventArgs() { OldValue = previousSelectedTime, NewValue = currentSelectedTime });
+ return;
+ }
+ else
+ {
+ picker._hourColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._hourColumn);
+ picker._minuteColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._minuteColumn);
+ picker._secondColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._secondColumn);
+ picker._meridiemColumn.SelectedItem = PickerHelper.GetSelectedItemDefaultValue(picker._meridiemColumn);
+ PickerContainer? pickerContainer = picker.GetPickerContainerValue();
+ pickerContainer?.UpdateScrollViewDraw();
+ pickerContainer?.InvalidateDrawable();
+ }
+
+ var timePickerSelectionChangedEventArgs = new TimePickerSelectionChangedEventArgs() { OldValue = previousSelectedTime, NewValue = currentSelectedTime };
+ if (picker.SelectionChanged != null)
+ {
+ picker.SelectionChanged?.Invoke(picker, timePickerSelectionChangedEventArgs);
+ }
+
+ if (picker.SelectionChangedCommand != null && picker.SelectionChangedCommand.CanExecute(timePickerSelectionChangedEventArgs))
+ {
+ picker.SelectionChangedCommand.Execute(timePickerSelectionChangedEventArgs);
+ }
+
+ picker.UpdateSelectedIndex();
+ }
+
+ ///
+ /// Method invokes on format property changed.
+ ///
+ /// The SfTimePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFormatPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.UpdateFormat();
+ }
+
+ ///
+ /// Method invokes on hour interval property changed.
+ ///
+ /// The SfTimePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHourIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ string hourFormat;
+ //// Get the format string order and check the index.
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out hourFormat, picker.Format);
+ int hourIndex = formatStringOrder.IndexOf(0);
+ if (hourIndex == -1)
+ {
+ return;
+ }
+
+ picker._hourColumn = picker.GenerateHourColumn(hourFormat, picker.SelectedTime, Convert.ToDateTime(picker.SelectedTime.ToString()));
+ //// Replace the hour column with hour interval.
+ picker._columns[hourIndex] = picker._hourColumn;
+ }
+
+ ///
+ /// Method invokes on minute interval property changed.
+ ///
+ /// The SfTimePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnMinuteIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ //// Get the format string order and check the index.
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out _, picker.Format);
+ int minuteIndex = formatStringOrder.IndexOf(1);
+ if (minuteIndex == -1)
+ {
+ return;
+ }
+
+ picker._minuteColumn = picker.GenerateMinuteColumn(picker.SelectedTime, Convert.ToDateTime(picker.SelectedTime.ToString()));
+ //// Replace the minute column with minute interval.
+ picker._columns[minuteIndex] = picker._minuteColumn;
+ }
+
+ ///
+ /// Method invokes on second interval property changed.
+ ///
+ /// The SfTimePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSecondIntervalPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ //// Get the format string order and check the index.
+ List formatStringOrder = TimePickerHelper.GetFormatStringOrder(out _, picker.Format);
+ int secondIndex = formatStringOrder.IndexOf(2);
+ if (secondIndex == -1)
+ {
+ return;
+ }
+
+ picker._secondColumn = picker.GenerateSecondColumn();
+ //// Replace the second column with second interval.
+ picker._columns[secondIndex] = picker._secondColumn;
+ }
+
+ ///
+ /// Method to get the default selected time span value for SfTimePicker.
+ ///
+ /// Returns the default selected time.
+ static TimeSpan GetDefaultTimeSpan()
+ {
+ DateTime today = DateTime.Now;
+ return new TimeSpan(today.Hour, today.Minute, today.Second);
+ }
+
+ ///
+ /// Method invokes on minimum time property changed.
+ ///
+ /// The SfDatePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnMinimumTimePropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? timepicker = bindable as SfTimePicker;
+ if (timepicker == null)
+ {
+ return;
+ }
+
+ TimeSpan minTime = (TimeSpan)newValue;
+ if (minTime.Days != 0)
+ {
+ timepicker.MinimumTime = (TimeSpan)oldValue;
+ return;
+ }
+
+ timepicker.UpdateMinimumMaximumTime(oldValue, newValue);
+ timepicker.UpdateSelectedIndex();
+ }
+
+ ///
+ /// Method invokes on maximum time property changed.
+ ///
+ /// The SfDatePicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnMaximumTimePropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? timepicker = bindable as SfTimePicker;
+ if (timepicker == null)
+ {
+ return;
+ }
+
+ TimeSpan maxTime = (TimeSpan)newValue;
+ if (maxTime.Days != 0)
+ {
+ timepicker.MaximumTime = (TimeSpan)oldValue;
+ return;
+ }
+
+ timepicker.UpdateMinimumMaximumTime(oldValue, newValue);
+ timepicker.UpdateSelectedIndex();
+ }
+
+ ///
+ /// Method invokes on blackout times property changed.
+ ///
+ /// The sftimepicker object.
+ /// Property old value.
+ /// Property new value.
+ static void OnBlackOutTimesPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? timepicker = bindable as SfTimePicker;
+ if (timepicker == null)
+ {
+ return;
+ }
+
+ //// Unwires collection changed from old and wires on new collection.
+ ((ObservableCollection)oldValue).CollectionChanged -= timepicker.OnBlackoutTimes_CollectionChanged;
+ ((ObservableCollection)newValue).CollectionChanged += timepicker.OnBlackoutTimes_CollectionChanged;
+
+ if (timepicker.SelectedTime != null)
+ {
+ TimeSpan currentTime = timepicker.SelectedTime.Value;
+ while (timepicker.BlackoutTimes.Any(blackOutTime => TimePickerHelper.IsBlackoutTime(blackOutTime, currentTime)))
+ {
+ currentTime = currentTime.Add(TimeSpan.FromMinutes(1));
+ }
+
+ if (timepicker.SelectedTime != currentTime)
+ {
+ timepicker.SelectedTime = currentTime;
+ }
+ }
+
+ //// Gets picker container value to update the view.
+ PickerContainer? pickerContainer = timepicker.GetPickerContainerValue();
+
+ pickerContainer?.UpdateScrollViewDraw();
+ pickerContainer?.UpdatePickerSelectionView();
+ }
+
+ #endregion
+
+ #region Internal Property Changed Methods
+
+ ///
+ /// called when property changed.
+ ///
+ /// The bindable object.
+ /// The old value.
+ /// The new value.
+ static void OnTimePickerBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.BackgroundColor = picker.TimePickerBackground;
+ }
+
+ ///
+ /// Method invokes on the picker header background changed.
+ ///
+ /// The header settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHeaderBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.HeaderView.Background = picker.HeaderBackground;
+ }
+
+ ///
+ /// Method invokes on the picker footer background changed.
+ ///
+ /// The footer settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.Background = picker.FooterBackground;
+ }
+
+ ///
+ /// Method invokes on the picker selection background changed.
+ ///
+ /// The selection settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectionBackgroundChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectionView.Background = picker.SelectionBackground;
+ }
+
+ ///
+ /// Method invokes on the picker selection stroke color changed.
+ ///
+ /// The selection settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectionStrokeColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectionView.Stroke = picker.SelectionStrokeColor;
+ }
+
+ ///
+ /// Method invokes on the picker selection corner radius changed.
+ ///
+ /// The selection settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectionCornerRadiusChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectionView.CornerRadius = picker.SelectionCornerRadius;
+ }
+
+ ///
+ /// Method invokes on the picker header separator line background changed.
+ ///
+ /// The header settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHeaderDividerColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.HeaderView.DividerColor = picker.HeaderDividerColor;
+ }
+
+ ///
+ /// Method invokes on the picker footer separator line background changed.
+ ///
+ /// The footer settings object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterDividerColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.DividerColor = picker.FooterDividerColor;
+ }
+
+ ///
+ /// Method invokes on the picker header text color changed.
+ ///
+ /// The header text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHeaderTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.HeaderView.TextStyle.TextColor = picker.HeaderTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker header font size changed.
+ ///
+ /// The header text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnHeaderFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.HeaderView.TextStyle.FontSize = picker.HeaderFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker footer text color changed.
+ ///
+ /// The footer text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.TextStyle.TextColor = picker.FooterTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker footer font size changed.
+ ///
+ /// The footer text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnFooterFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.FooterView.TextStyle.FontSize = picker.FooterFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker selection text color changed.
+ ///
+ /// The selection text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectedTextStyle.TextColor = picker.TextDisplayMode == PickerTextDisplayMode.Default ? picker.SelectedTextColor : picker.SelectionTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker selection font size changed.
+ ///
+ /// The selection text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnSelectedFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.SelectedTextStyle.FontSize = picker.SelectedFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker normal text color changed.
+ ///
+ /// The text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnNormalTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.TextStyle.TextColor = picker.NormalTextColor;
+ }
+
+ ///
+ /// Method invokes on the picker normal font size changed.
+ ///
+ /// The text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnNormalFontSizeChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.TextStyle.FontSize = picker.NormalFontSize;
+ }
+
+ ///
+ /// Method invokes on the picker disabled text color changed.
+ ///
+ /// The text style object.
+ /// Property old value.
+ /// Property new value.
+ static void OnDisabledTextColorChanged(BindableObject bindable, object oldValue, object newValue)
+ {
+ SfTimePicker? picker = bindable as SfTimePicker;
+ if (picker == null)
+ {
+ return;
+ }
+
+ picker.DisabledTextStyle.TextColor = picker.DisabledTextColor;
+ }
+
+ #endregion
+
+ #region Interface Implementation
+
+ ///
+ /// This method is declared only in IParentThemeElement
+ /// and you need to implement this method only in main control.
+ ///
+ /// ResourceDictionary
+ ResourceDictionary IParentThemeElement.GetThemeDictionary()
+ {
+ return new SfTimePickerStyles();
+ }
+
+ ///
+ /// This method will be called when a theme dictionary
+ /// that contains the value for your control key is merged in application.
+ ///
+ /// The old value.
+ /// The new value.
+ void IThemeElement.OnCommonThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ ///
+ /// This method will be called when users merge a theme dictionary
+ /// that contains value for “SyncfusionTheme” dynamic resource key.
+ ///
+ /// Old theme.
+ /// New theme.
+ void IThemeElement.OnControlThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ #endregion
+
+ #region Events
+
+ ///
+ /// Occurs after the selected time is changed on SfTimePicker.
+ ///
+ public event EventHandler? SelectionChanged;
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Views/FooterLayout/FooterLayout.cs b/maui/src/Picker/Views/FooterLayout/FooterLayout.cs
new file mode 100644
index 00000000..11f93491
--- /dev/null
+++ b/maui/src/Picker/Views/FooterLayout/FooterLayout.cs
@@ -0,0 +1,524 @@
+using Syncfusion.Maui.Toolkit.Graphics.Internals;
+using Syncfusion.Maui.Toolkit.Themes;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// This represents a class that contains information about the picker footer layout.
+ ///
+ internal class FooterLayout : SfView, IThemeElement
+ {
+ #region Fields
+
+ ///
+ /// The separator line thickness for footer and picker layout.
+ ///
+ const float StrokeThickness = 1;
+
+ ///
+ /// Defines the padding value between the layout and the button left and right spacing.
+ ///
+ const double LayoutPadding = 10;
+
+ ///
+ /// The action buttons left and right padding.
+ ///
+ const double ButtonLeftAndRightPadding = 30;
+
+ ///
+ /// The buttons top and bottom padding.
+ ///
+ const double ButtonTopandBottomPadding = 20;
+
+ ///
+ /// The footer view info.
+ ///
+ readonly IFooterView _footerViewInfo;
+
+ ///
+ /// The ok button.
+ ///
+ SfIconButton? _confirmButton;
+
+ ///
+ /// The cancel button.
+ ///
+ SfIconButton? _cancelButton;
+
+ ///
+ /// The ok button view.
+ ///
+ SfIconView? _confirmButtonView;
+
+ ///
+ /// The cancel button view.
+ ///
+ SfIconView? _cancelButtonView;
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ /// The footer view info.
+ internal FooterLayout(IFooterView footerViewInfo)
+ {
+ DrawingOrder = DrawingOrder.AboveContent;
+ _footerViewInfo = footerViewInfo;
+ AddOrRemoveFooterButtons();
+ ThemeElement.InitializeThemeResources(this, "SfPickerTheme");
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to add the confirm and cancel button to the footer layout.
+ ///
+ internal void AddOrRemoveFooterButtons()
+ {
+ if (_footerViewInfo.FooterView.ShowOkButton)
+ {
+ AddConfirmButton();
+ }
+ else
+ {
+ RemoveConfirmButton();
+ }
+
+ AddCancelButton();
+ }
+
+ ///
+ /// Method to remove the confirm and cancel button from the footer layout.
+ ///
+ internal void RemoveFooterButtons()
+ {
+ RemoveConfirmButton();
+ RemoveCancelButton();
+ }
+
+ ///
+ /// Method to update the ok and cancel button text style.
+ ///
+ internal void UpdateButtonTextStyle()
+ {
+ if (_cancelButtonView != null)
+ {
+ _cancelButtonView.UpdateStyle(_footerViewInfo.FooterView.TextStyle);
+ _cancelButtonView.HighlightTextColor = _footerViewInfo.FooterView.TextStyle.TextColor;
+ _cancelButtonView.TextStyle.FontAutoScalingEnabled = _footerViewInfo.FooterView.TextStyle.FontAutoScalingEnabled;
+ }
+
+ if (_confirmButtonView != null)
+ {
+ _confirmButtonView.UpdateStyle(_footerViewInfo.FooterView.TextStyle);
+ _confirmButtonView.HighlightTextColor = _footerViewInfo.FooterView.TextStyle.TextColor;
+ _confirmButtonView.TextStyle.FontAutoScalingEnabled = _footerViewInfo.FooterView.TextStyle.FontAutoScalingEnabled;
+ }
+ }
+
+ ///
+ /// Method to update the separator color.
+ ///
+ internal void UpdateSeparatorColor()
+ {
+ InvalidateDrawable();
+ }
+
+ ///
+ /// Method to update the confirm button text.
+ ///
+ internal void UpdateConfirmButtonText()
+ {
+ if (_confirmButtonView == null)
+ {
+ return;
+ }
+
+ _confirmButtonView.Text = SfPickerResources.GetLocalizedString(_footerViewInfo.FooterView.OkButtonText);
+ SemanticProperties.SetDescription(_confirmButton, _footerViewInfo.FooterView.OkButtonText);
+ //// While changing the confirm button text, the confirm button view is not updated. So, we have invalidated the drawable.
+ _confirmButtonView.InvalidateDrawable();
+ }
+
+ ///
+ /// Method to update the cancel button text.
+ ///
+ internal void UpdateCancelButtonText()
+ {
+ if (_cancelButtonView == null)
+ {
+ return;
+ }
+
+ _cancelButtonView.Text = SfPickerResources.GetLocalizedString(_footerViewInfo.FooterView.CancelButtonText);
+ SemanticProperties.SetDescription(_cancelButton, _footerViewInfo.FooterView.CancelButtonText);
+ //// While changing the cancel button text, the cancel button view is not updated. So, we have invalidated the drawable.
+ _cancelButtonView.InvalidateDrawable();
+ }
+
+ ///
+ /// Method to update the footer style.
+ ///
+ internal void UpdateFooterStyle()
+ {
+ AddOrRemoveFooterButtons();
+ UpdateConfirmButtonText();
+ UpdateCancelButtonText();
+ UpdateButtonTextStyle();
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Method to add the confirm button to the footer layout.
+ ///
+ void AddConfirmButton()
+ {
+ if (_confirmButtonView != null)
+ {
+ return;
+ }
+
+ SemanticsNode confirmButtonNode = new SemanticsNode()
+ {
+ Id = 0,
+ Text = SfPickerResources.GetLocalizedString(_footerViewInfo.FooterView.OkButtonText),
+ IsTouchEnabled = true,
+ OnClick = OnConfirmButtonNodeClicked,
+ };
+
+ _confirmButtonView = new SfIconView(SfIcon.TodayButton, _footerViewInfo.FooterView.TextStyle, SfPickerResources.GetLocalizedString(_footerViewInfo.FooterView.OkButtonText), null, Colors.Transparent, isSelected: true, semanticsNode: confirmButtonNode, highlightTextColor: _footerViewInfo.FooterView.TextStyle.TextColor);
+ _confirmButtonView.DrawingOrder = DrawingOrder.AboveContent;
+ _confirmButton = new SfIconButton(_confirmButtonView, isHoveringOnReleased: false);
+ _confirmButton.AutomationId = $"{PickerHelper.GetParentName(_footerViewInfo.FooterView.Parent)} Ok";
+ _confirmButton.Clicked += ConfirmButtonClicked;
+ Children.Add(_confirmButton);
+ }
+
+ ///
+ /// Method to add the cancel button to the footer layout.
+ ///
+ void AddCancelButton()
+ {
+ if (_cancelButtonView != null)
+ {
+ return;
+ }
+
+ SemanticsNode cancelButtonNode = new SemanticsNode()
+ {
+ Id = 0,
+ Text = SfPickerResources.GetLocalizedString(_footerViewInfo.FooterView.CancelButtonText),
+ IsTouchEnabled = true,
+ OnClick = OnCancelButtonNodeClicked,
+ };
+
+ _cancelButtonView = new SfIconView(SfIcon.TodayButton, _footerViewInfo.FooterView.TextStyle, SfPickerResources.GetLocalizedString(_footerViewInfo.FooterView.CancelButtonText), null, Colors.Transparent, isSelected: true, semanticsNode: cancelButtonNode, highlightTextColor: _footerViewInfo.FooterView.TextStyle.TextColor);
+ _cancelButtonView.DrawingOrder = DrawingOrder.AboveContent;
+ _cancelButton = new SfIconButton(_cancelButtonView, isHoveringOnReleased: false);
+ _cancelButton.AutomationId = $"{PickerHelper.GetParentName(_footerViewInfo.FooterView.Parent)} Cancel";
+ _cancelButton.Clicked += CancelButtonClicked;
+ Children.Add(_cancelButton);
+ }
+
+ ///
+ /// Method to remove the confirm button from the footer layout.
+ ///
+ void RemoveConfirmButton()
+ {
+ if (_confirmButton == null)
+ {
+ return;
+ }
+
+ _confirmButton.Clicked -= ConfirmButtonClicked;
+ Remove(_confirmButton);
+ for (int i = _confirmButton.Children.Count - 1; i >= 0; i--)
+ {
+ _confirmButton.RemoveAt(i);
+ }
+
+ if (_confirmButton.Handler != null && _confirmButton.Handler.PlatformView != null)
+ {
+ _confirmButton.Handler.DisconnectHandler();
+ }
+
+ _confirmButton = null;
+ if (_confirmButtonView == null)
+ {
+ return;
+ }
+
+ if (_confirmButtonView.Handler != null && _confirmButtonView.Handler.PlatformView != null)
+ {
+ _confirmButtonView.Handler.DisconnectHandler();
+ }
+
+ _confirmButtonView = null;
+ }
+
+ ///
+ /// Method to remove the cancel button from the footer layout.
+ ///
+ void RemoveCancelButton()
+ {
+ if (_cancelButton == null)
+ {
+ return;
+ }
+
+ _cancelButton.Clicked -= CancelButtonClicked;
+ Remove(_cancelButton);
+ for (int i = _cancelButton.Children.Count - 1; i >= 0; i--)
+ {
+ _cancelButton.RemoveAt(i);
+ }
+
+ if (_cancelButton.Handler != null && _cancelButton.Handler.PlatformView != null)
+ {
+ _cancelButton.Handler.DisconnectHandler();
+ }
+
+ _cancelButton = null;
+ if (_cancelButtonView == null)
+ {
+ return;
+ }
+
+ if (_cancelButtonView.Handler != null && _cancelButtonView.Handler.PlatformView != null)
+ {
+ _cancelButtonView.Handler.DisconnectHandler();
+ }
+
+ _cancelButtonView = null;
+ }
+
+ ///
+ /// Method to handle the Ok button clicked event.
+ ///
+ /// The object.
+ void ConfirmButtonClicked(string obj)
+ {
+ _footerViewInfo.OnConfirmButtonClicked();
+ }
+
+ ///
+ /// Method to handle the Cancel button clicked event.
+ ///
+ /// The object.
+ void CancelButtonClicked(string obj)
+ {
+ _footerViewInfo.OnCancelButtonClicked();
+ }
+
+ ///
+ /// Occurs when confirm button tapped while accessibility enabled.
+ ///
+ /// Confirm button semantic node.
+ void OnConfirmButtonNodeClicked(SemanticsNode node)
+ {
+ _footerViewInfo.OnConfirmButtonClicked();
+ }
+
+ ///
+ /// Occurs when cancel button tapped while accessibility enabled.
+ ///
+ /// Cancel button semantic node.
+ void OnCancelButtonNodeClicked(SemanticsNode node)
+ {
+ _footerViewInfo.OnCancelButtonClicked();
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method to draw the separator line for footer and picker layout.
+ ///
+ /// The canvas.
+ /// The dirtyRect.
+ protected override void OnDraw(ICanvas canvas, RectF dirtyRect)
+ {
+ if (dirtyRect.Width == 0 || dirtyRect.Height == 0)
+ {
+ return;
+ }
+
+ canvas.SaveState();
+ if (_footerViewInfo.FooterView.DividerColor != Colors.Transparent)
+ {
+ canvas.StrokeColor = _footerViewInfo.FooterView.DividerColor;
+ canvas.StrokeSize = StrokeThickness;
+ float lineTopPosition = dirtyRect.Top + (float)(StrokeThickness * 0.5);
+ canvas.DrawLine(dirtyRect.Left, lineTopPosition, dirtyRect.Left + dirtyRect.Width, lineTopPosition);
+ }
+
+ canvas.RestoreState();
+ }
+
+ ///
+ /// Method used to arrange the children with in the bounds.
+ ///
+ /// The size of the layout.
+ /// The layout size.
+ protected override Size ArrangeContent(Rect bounds)
+ {
+ //// It holds the size of the confirm button text size.
+ Size confirmButtonTextSize = Size.Zero;
+ //// It holds the size of the cancel button text size.
+ Size cancelButtonTextSize = Size.Zero;
+ //// It holds the confirm button width with left and right padding.
+ double confirmButtonWidth = 0;
+ //// It holds the cancel button width with left and right padding.
+ double cancelButtonWidth = 0;
+ if (_footerViewInfo.FooterView.ShowOkButton && _confirmButtonView != null)
+ {
+ confirmButtonTextSize = _confirmButtonView.Text.Measure(_footerViewInfo.FooterView.TextStyle);
+ confirmButtonWidth = confirmButtonTextSize.Width + ButtonLeftAndRightPadding;
+ }
+
+ if (_cancelButtonView != null)
+ {
+ cancelButtonTextSize = _cancelButtonView.Text.Measure(_footerViewInfo.FooterView.TextStyle);
+ cancelButtonWidth = cancelButtonTextSize.Width + ButtonLeftAndRightPadding;
+ }
+
+ double buttonHeight = (cancelButtonTextSize.Height > confirmButtonTextSize.Height ? cancelButtonTextSize.Height : confirmButtonTextSize.Height) + ButtonTopandBottomPadding;
+ //// Value 4 denotes the top and bottom 2 padding.
+ double maximumButtonHeight = bounds.Height - 4;
+ if (buttonHeight > maximumButtonHeight)
+ {
+ buttonHeight = maximumButtonHeight;
+ }
+
+ //// It holds the y position of the button.
+ double buttonYPosition = (bounds.Height - buttonHeight) * 0.5;
+ if (_footerViewInfo.IsRTLLayout)
+ {
+ foreach (var child in Children)
+ {
+ if (child == _cancelButton)
+ {
+ //// Example: Width = 500, confirmButtonWidth = 30, cancelButtonWidth= 50. xPosition = 500 - 30 - 50 - 16 - 10 = 394. So that the cancel button draw start from the x position(394).
+ //// From above values. cancelButtonXPosition = 30 + 10 = 40. So that the cancel button draw start from the x position(40).
+ double cancelButtonXPosition = confirmButtonWidth + LayoutPadding;
+ //// The confirm button width is 0 while it is not visible, So need to start the cancel button draw from the layout padding(10).
+ //// xPosition = LayoutPadding(10).
+ //// The confirm button with is not 0 when the confirm button is visible, So need to draw the cancel button, The cancel button draw start from based on the addition of cancelButtonXPosition and layout padding.
+ //// xPosition = 40 + 10 => 50.
+ double xPosition = confirmButtonWidth == 0 ? LayoutPadding : cancelButtonXPosition + LayoutPadding;
+ child.Arrange(new Rect(xPosition, buttonYPosition, cancelButtonWidth, buttonHeight));
+ }
+ else if (child == _confirmButton)
+ {
+ double xPosition = LayoutPadding;
+ child.Arrange(new Rect(xPosition, buttonYPosition, confirmButtonWidth, buttonHeight));
+ }
+ }
+ }
+ else
+ {
+ foreach (var child in Children)
+ {
+ if (child == _cancelButton)
+ {
+ //// Here need to subtract confirm and cancel button width from the total width to render the cancel button.
+ //// Example: Width = 500, confirmButtonWidth = 30, cancelButtonWidth= 50. xPosition = 500 - 30 - 50 - 16 - 10 = 394. So that the cancel button draw start from the x position(394).
+ double cancelButtonXPosition = bounds.Width - confirmButtonWidth - cancelButtonWidth - LayoutPadding;
+ //// While the confirm button is not visible then the confirm button width is 0, the cancel button is drawn from the right side of the layout with layout padding value and cancel button width.
+ //// xPosition = cancelButtonXPosition(394) - LayoutPadding(10) => 384.
+ double xPosition = confirmButtonWidth == 0 ? cancelButtonXPosition : cancelButtonXPosition - LayoutPadding;
+ child.Arrange(new Rect(xPosition, buttonYPosition, cancelButtonWidth, buttonHeight));
+ }
+ else if (child == _confirmButton)
+ {
+ //// From above values. xPosition = 500 - 30 - 10 = 460. So that the ok button draw start from the x position(460).
+ double xPosition = bounds.Width - confirmButtonWidth - LayoutPadding;
+ child.Arrange(new Rect(xPosition, buttonYPosition, confirmButtonWidth, buttonHeight));
+ }
+ }
+ }
+
+ return bounds.Size;
+ }
+
+ ///
+ /// Method used to measure the children based on width and height value.
+ ///
+ /// The maximum width request of the layout.
+ /// The maximum height request of the layout.
+ /// The maximum size of the layout.
+ protected override Size MeasureContent(double widthConstraint, double heightConstraint)
+ {
+ double width = double.IsFinite(widthConstraint) ? widthConstraint : 0;
+ double height = double.IsFinite(heightConstraint) ? heightConstraint : 0;
+ Size confirmButtonTextSize = Size.Zero;
+ Size cancelButtonTextSize = Size.Zero;
+ if (_footerViewInfo.FooterView.ShowOkButton && _confirmButtonView != null)
+ {
+ confirmButtonTextSize = _confirmButtonView.Text.Measure(_footerViewInfo.FooterView.TextStyle);
+ }
+
+ if (_cancelButtonView != null)
+ {
+ cancelButtonTextSize = _cancelButtonView.Text.Measure(_footerViewInfo.FooterView.TextStyle);
+ }
+
+ double buttonHeight = (cancelButtonTextSize.Height > confirmButtonTextSize.Height ? cancelButtonTextSize.Height : confirmButtonTextSize.Height) + ButtonTopandBottomPadding;
+ //// Value 4 denotes the top and bottom 2 padding.
+ double maximumButtonHeight = height - 4;
+ if (buttonHeight > maximumButtonHeight)
+ {
+ buttonHeight = maximumButtonHeight;
+ }
+
+ foreach (SfIconButton child in Children)
+ {
+ if (child == _cancelButton)
+ {
+ child.Measure(cancelButtonTextSize.Width + ButtonLeftAndRightPadding, buttonHeight);
+ }
+ else if (child == _confirmButton)
+ {
+ child.Measure(confirmButtonTextSize.Width + ButtonLeftAndRightPadding, buttonHeight);
+ }
+ }
+
+ return new Size(width, height);
+ }
+
+ #endregion
+
+ #region Interface Implementation
+
+ ///
+ /// This method will be called when a theme dictionary
+ /// that contains the value for your control key is merged in application.
+ ///
+ /// The old value.
+ /// The new value.
+ void IThemeElement.OnCommonThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ ///
+ /// This method will be called when users merge a theme dictionary
+ /// that contains value for “SyncfusionTheme” dynamic resource key.
+ ///
+ /// Old theme.
+ /// New theme.
+ void IThemeElement.OnControlThemeChanged(string oldTheme, string newTheme)
+ {
+ }
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Views/HeaderLayout/HeaderLayout.cs b/maui/src/Picker/Views/HeaderLayout/HeaderLayout.cs
new file mode 100644
index 00000000..27435a26
--- /dev/null
+++ b/maui/src/Picker/Views/HeaderLayout/HeaderLayout.cs
@@ -0,0 +1,415 @@
+using Syncfusion.Maui.Toolkit.Graphics.Internals;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// This represents a class that contains information about the picker header layout.
+ ///
+ internal class HeaderLayout : SfView
+ {
+ #region Fields
+
+ ///
+ /// The separator line thickness.
+ ///
+ const int StrokeThickness = 1;
+
+ ///
+ /// The header view.
+ ///
+ readonly IHeaderView _pickerInfo;
+
+ ///
+ /// Gets or sets the virtual header layout semantic nodes.
+ ///
+ List? _semanticsNodes;
+
+ ///
+ /// Gets or sets the size of the semantic.
+ ///
+ Size _semanticsSize = Size.Zero;
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ /// The picker header view details.
+ internal HeaderLayout(IHeaderView pickerInfo)
+ {
+ _pickerInfo = pickerInfo;
+ if (_pickerInfo.HeaderView.Parent != null)
+ {
+ DrawingOrder = DrawingOrder.AboveContent;
+ AutomationId = $"{PickerHelper.GetParentName(_pickerInfo.HeaderView.Parent)} HeaderView";
+ BackgroundColor = Colors.Transparent;
+ }
+ else
+ {
+ DrawingOrder = DrawingOrder.BelowContent;
+ }
+
+ AddChildren();
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to update the header view.
+ ///
+ internal void InvalidateHeaderView()
+ {
+ InvalidateDrawable();
+ }
+
+ ///
+ /// Method to update the header date text value.
+ ///
+ internal void UpdateHeaderDateText()
+ {
+ if (Children.Count != 2)
+ {
+ return;
+ }
+
+ if (Children[0] is SfIconButton dateButton && dateButton.EffectsView != null && dateButton.EffectsView.Content is SfIconView iconView)
+ {
+ iconView.Text = _pickerInfo.HeaderView.DateText;
+ SemanticProperties.SetDescription(dateButton, _pickerInfo.HeaderView.DateText);
+ iconView.InvalidateDrawable();
+ }
+ }
+
+ ///
+ /// Method to update the header time text value.
+ ///
+ internal void UpdateHeaderTimeText()
+ {
+ if (Children.Count != 2)
+ {
+ return;
+ }
+
+ if (Children[1] is SfIconButton timeButton && timeButton.EffectsView != null && timeButton.EffectsView.Content is SfIconView iconView)
+ {
+ iconView.Text = _pickerInfo.HeaderView.TimeText;
+ SemanticProperties.SetDescription(timeButton, _pickerInfo.HeaderView.TimeText);
+ iconView.InvalidateDrawable();
+ }
+ }
+
+ ///
+ /// Update icon button text style.
+ ///
+ internal void UpdateIconButtonTextStyle()
+ {
+ if (Children.Count != 2)
+ {
+ return;
+ }
+
+ if (Children[0] is SfIconButton dateButton && dateButton.EffectsView != null && dateButton.EffectsView.Content is SfIconView dateIconView)
+ {
+ dateButton.UpdateStyle(dateIconView.IsTabHighlight ? _pickerInfo.HeaderView.SelectionTextStyle : _pickerInfo.HeaderView.TextStyle);
+ }
+
+ if (Children[1] is SfIconButton timeButton && timeButton.EffectsView != null && timeButton.EffectsView.Content is SfIconView iconView)
+ {
+ timeButton.UpdateStyle(iconView.IsTabHighlight ? _pickerInfo.HeaderView.SelectionTextStyle : _pickerInfo.HeaderView.TextStyle);
+ }
+ }
+
+ ///
+ /// Used to reset the header interaction highlight.
+ ///
+ internal void ResetHeaderHighlight()
+ {
+ OnDateButtonClicked("Date");
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Method to draw the button.
+ ///
+ void AddChildren()
+ {
+ if (Children.Count != 0)
+ {
+ return;
+ }
+
+ if (!string.IsNullOrEmpty(_pickerInfo.HeaderView.DateText))
+ {
+ SemanticsNode buttonViewNode = new SemanticsNode()
+ {
+ Id = 0,
+ Text = _pickerInfo.HeaderView.DateText,
+ IsTouchEnabled = true,
+ OnClick = OnDateNodeButtonClicked,
+ };
+
+ SfIconView buttonView = new SfIconView(SfIcon.TodayButton, _pickerInfo.HeaderView.SelectionTextStyle, _pickerInfo.HeaderView.DateText.ToString(), null, Colors.Transparent, isTabHighlight: true, semanticsNode: buttonViewNode);
+ buttonView.DrawingOrder = DrawingOrder.AboveContent;
+ SfIconButton button = new SfIconButton(buttonView);
+ button.AutomationId = $"DateTimePicker DateHeaderView";
+ Add(button);
+ button.Clicked = OnDateButtonClicked;
+ }
+
+ if (!string.IsNullOrEmpty(_pickerInfo.HeaderView.TimeText))
+ {
+ SemanticsNode buttonViewNode = new SemanticsNode()
+ {
+ Id = 0,
+ Text = _pickerInfo.HeaderView.TimeText,
+ IsTouchEnabled = true,
+ OnClick = OnTimeNodeButtonClicked,
+ };
+ SfIconView buttonView = new SfIconView(SfIcon.TodayButton, _pickerInfo.HeaderView.TextStyle, _pickerInfo.HeaderView.TimeText.ToString(), null, Colors.Transparent, semanticsNode: buttonViewNode);
+ buttonView.DrawingOrder = DrawingOrder.AboveContent;
+ SfIconButton button = new SfIconButton(buttonView);
+ button.AutomationId = $"DateTimePicker TimeHeaderView";
+ Add(button);
+ button.Clicked = OnTimeButtonClicked;
+ }
+ }
+
+ ///
+ /// Method to update the time button after clicked.
+ ///
+ /// The button text.
+ void OnTimeButtonClicked(string buttonText)
+ {
+ OnTimeButtonClicked();
+ }
+
+ ///
+ /// Method to update the date button after clicked.
+ ///
+ /// The button text.
+ void OnDateButtonClicked(string buttonText)
+ {
+ OnDateButtonClicked();
+ }
+
+ ///
+ /// Occurs when date button clicked while accessibility enabled.
+ ///
+ /// Date button semantic node.
+ void OnDateNodeButtonClicked(SemanticsNode node)
+ {
+ OnDateButtonClicked();
+ }
+
+ ///
+ /// Occurs when time button clicked while accessibility enabled.
+ ///
+ /// Time button semantic node.
+ void OnTimeNodeButtonClicked(SemanticsNode node)
+ {
+ OnTimeButtonClicked();
+ }
+
+ ///
+ /// Method to update the time button after clicked.
+ ///
+ void OnTimeButtonClicked()
+ {
+ if (Children.Count != 2)
+ {
+ return;
+ }
+
+ if (Children[0] is SfIconButton dateButton && dateButton.EffectsView != null && dateButton.EffectsView.Content is SfIconView dateIconView)
+ {
+ dateButton.UpdateStyle(_pickerInfo.HeaderView.TextStyle);
+ dateIconView.IsTabHighlight = false;
+ }
+
+ if (Children[1] is SfIconButton timeButton && timeButton.EffectsView != null && timeButton.EffectsView.Content is SfIconView iconView)
+ {
+ timeButton.UpdateStyle(_pickerInfo.HeaderView.SelectionTextStyle);
+ iconView.IsTabHighlight = true;
+ }
+
+ _pickerInfo.OnTimeButtonClicked();
+ }
+
+ ///
+ /// Method to update the date button after clicked.
+ ///
+ void OnDateButtonClicked()
+ {
+ if (Children.Count != 2)
+ {
+ return;
+ }
+
+ if (Children[1] is SfIconButton timeButton && timeButton.EffectsView != null && timeButton.EffectsView.Content is SfIconView iconView)
+ {
+ timeButton.UpdateStyle(_pickerInfo.HeaderView.TextStyle);
+ iconView.IsTabHighlight = false;
+ }
+
+ if (Children[0] is SfIconButton dateButton && dateButton.EffectsView != null && dateButton.EffectsView.Content is SfIconView dateIconView)
+ {
+ dateButton.UpdateStyle(_pickerInfo.HeaderView.SelectionTextStyle);
+ dateIconView.IsTabHighlight = true;
+ }
+
+ _pickerInfo.OnDateButtonClicked();
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method to draw the separator line for header and picker layout.
+ ///
+ /// The canvas.
+ /// The dirtyRect.
+ protected override void OnDraw(ICanvas canvas, RectF dirtyRect)
+ {
+ if (dirtyRect.Width == 0 || dirtyRect.Height == 0)
+ {
+ return;
+ }
+
+ canvas.SaveState();
+ float height = dirtyRect.Height;
+ float width = dirtyRect.Width;
+ float xPosition = dirtyRect.Left;
+ float yPosition = dirtyRect.Top;
+ bool isDividerEnabled = _pickerInfo.HeaderView.DividerColor != Colors.Transparent;
+ //// To avoid the separator line overlapping with the text, the height of the rectangle is reduced by the stroke thickness.
+ Rect rectangle = new Rect(xPosition, yPosition, width, height - (isDividerEnabled ? StrokeThickness : 0));
+ Color fillColor = _pickerInfo.HeaderView.Background.ToColor();
+ if (fillColor != Colors.Transparent)
+ {
+ canvas.FillColor = fillColor;
+ canvas.FillRectangle(rectangle);
+ }
+
+ if (!string.IsNullOrEmpty(_pickerInfo.HeaderView.Text))
+ {
+ string headerText = PickerHelper.TrimText(_pickerInfo.HeaderView.Text, width, _pickerInfo.HeaderView.TextStyle);
+ SemanticProperties.SetDescription(this, headerText);
+ canvas.DrawText(headerText, rectangle, HorizontalAlignment.Center, VerticalAlignment.Center, _pickerInfo.HeaderView.TextStyle);
+ }
+
+ if (isDividerEnabled)
+ {
+ canvas.StrokeColor = _pickerInfo.HeaderView.DividerColor;
+ canvas.StrokeSize = StrokeThickness;
+ float lineBottomPosition = height - (float)(StrokeThickness * 0.5);
+ //// To avoid the separator line overlapping with the text, the height of the rectangle is reduced by the stroke thickness.
+ canvas.DrawLine(xPosition, lineBottomPosition, width, lineBottomPosition);
+ }
+
+ canvas.RestoreState();
+ }
+
+ ///
+ /// Method used to arrange the children with in the bounds.
+ ///
+ /// The size of the view.
+ /// The view size.
+ protected override Size ArrangeContent(Rect bounds)
+ {
+ if (Children.Count == 0)
+ {
+ return base.ArrangeContent(bounds);
+ }
+
+ double width = bounds.Width / 2;
+ //// Stroke thickness denotes the below divider line space.
+ double height = bounds.Height - StrokeThickness;
+ bool isRTL = _pickerInfo.IsRTLLayout;
+ double buttonXPosition = 0;
+ if (isRTL)
+ {
+ buttonXPosition = width;
+ }
+
+ foreach (var child in Children)
+ {
+ child.Arrange(new Rect(buttonXPosition, 0, width, height));
+ if (isRTL)
+ {
+ buttonXPosition -= width;
+ }
+ else
+ {
+ buttonXPosition += width;
+ }
+ }
+
+ return bounds.Size;
+ }
+
+ ///
+ /// Method used to measure the children based on width and height value.
+ ///
+ /// The maximum width request of the view.
+ /// The maximum height request of the view.
+ /// The maximum size of the view.
+ protected override Size MeasureContent(double widthConstraint, double heightConstraint)
+ {
+ if (Children.Count == 0)
+ {
+ return base.MeasureContent(widthConstraint, heightConstraint);
+ }
+
+ double width = double.IsFinite(widthConstraint) ? widthConstraint : 0;
+ double height = double.IsFinite(heightConstraint) ? heightConstraint : 0;
+ double buttonWidth = width / 2;
+ //// Stroke thickness denotes the below divider line space.
+ double buttonHeight = height - 1;
+ foreach (var child in Children)
+ {
+ child.Measure(buttonWidth, buttonHeight);
+ }
+
+ return new Size(width, height);
+ }
+
+ ///
+ /// Method to create the semantics node for header layout.
+ ///
+ /// The width.
+ /// The height.
+ /// Returns semantic virtual view.
+ protected override List? GetSemanticsNodesCore(double width, double height)
+ {
+ Size newSize = new Size(width, height);
+
+ _semanticsNodes = new List();
+ _semanticsSize = newSize;
+ bool isDividerEnabled = _pickerInfo.HeaderView.DividerColor != Colors.Transparent;
+ //// To avoid the separator line overlapping with the text, the height of the rectangle is reduced by the stroke thickness.
+ Rect rectangle = new Rect(0, 0, width, height - (isDividerEnabled ? StrokeThickness : 0));
+ if (!string.IsNullOrEmpty(_pickerInfo.HeaderView.Text))
+ {
+ SemanticsNode node = new SemanticsNode()
+ {
+ Text = _pickerInfo.HeaderView.Text,
+ Bounds = rectangle,
+ IsTouchEnabled = true,
+ };
+ _semanticsNodes.Add(node);
+ }
+
+ return _semanticsNodes;
+ }
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Views/PickerLayout/ColumnHeaderLayout.cs b/maui/src/Picker/Views/PickerLayout/ColumnHeaderLayout.cs
new file mode 100644
index 00000000..34282e8a
--- /dev/null
+++ b/maui/src/Picker/Views/PickerLayout/ColumnHeaderLayout.cs
@@ -0,0 +1,175 @@
+using Syncfusion.Maui.Toolkit.Graphics.Internals;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// This represents a class that contains information about the picker column header layout.
+ ///
+ internal class ColumnHeaderLayout : SfView
+ {
+ #region Fields
+
+ ///
+ /// The picker view info.
+ ///
+ readonly IColumnHeaderView _columnHeaderInfo;
+
+ ///
+ /// The column header text.
+ ///
+ string _columnHeaderText;
+
+ ///
+ /// Gets or sets the virtual column header layout semantic nodes.
+ ///
+ List? _semanticsNodes;
+
+ ///
+ /// Gets or sets the size of the semantic.
+ ///
+ Size _semanticsSize = Size.Zero;
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ /// The picker column header view details.
+ /// The column header text value.
+ internal ColumnHeaderLayout(IColumnHeaderView columnHeaderInfo, string headerText)
+ {
+ DrawingOrder = DrawingOrder.BelowContent;
+ _columnHeaderInfo = columnHeaderInfo;
+ _columnHeaderText = headerText;
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to trigger the picker column header draw.
+ ///
+ internal void TriggerColumnHeaderDraw()
+ {
+ InvalidateDrawable();
+ }
+
+ ///
+ /// Method to update the column header text.
+ ///
+ /// The column header text.
+ internal void UpdateColumnHeaderText(string columnHeaderText)
+ {
+ if (_columnHeaderText == columnHeaderText)
+ {
+ return;
+ }
+
+ _columnHeaderText = columnHeaderText;
+ InvalidateDrawable();
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Method to trim the text based on available width.
+ ///
+ /// The text to trim.
+ /// The available width.
+ /// The text style.
+ /// Returns the text for the available width.
+ static string TrimText(string text, double width, PickerTextStyle textStyle)
+ {
+ if (width <= 0)
+ {
+ return string.Empty;
+ }
+
+ Size textSize = text.Measure(textStyle);
+ if (textSize.Width < width)
+ {
+ return text;
+ }
+
+ string textTrim = text;
+ while ((int)textSize.Width + 1 > width)
+ {
+ if (textTrim.Length == 0)
+ {
+ break;
+ }
+
+ textTrim = textTrim.Substring(0, textTrim.Length - 1);
+ textSize = (textTrim + "..").Measure((float)textStyle.FontSize, textStyle.FontAttributes, textStyle.FontFamily);
+ }
+
+ return textTrim + "..";
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method to draw the separator line for column header and picker layout.
+ ///
+ /// The canvas.
+ /// The dirtyRectangle.
+ protected override void OnDraw(ICanvas canvas, RectF dirtyRect)
+ {
+ if (dirtyRect.Width == 0 || dirtyRect.Height == 0)
+ {
+ return;
+ }
+
+ canvas.SaveState();
+ float width = dirtyRect.Width;
+ Rect rectangle = new Rect(0, 0, width, dirtyRect.Height);
+ Color fillColor = _columnHeaderInfo.ColumnHeaderView.Background.ToColor();
+ if (fillColor != Colors.Transparent)
+ {
+ canvas.FillColor = fillColor;
+ canvas.FillRectangle(rectangle);
+ }
+
+ string? headerText = TrimText(_columnHeaderText, width, _columnHeaderInfo.ColumnHeaderView.TextStyle);
+ if (!string.IsNullOrEmpty(headerText))
+ {
+ canvas.DrawText(headerText, rectangle, HorizontalAlignment.Center, VerticalAlignment.Center, _columnHeaderInfo.ColumnHeaderView.TextStyle);
+ }
+
+ canvas.RestoreState();
+ }
+
+ ///
+ /// Method to create the semantics node for header layout.
+ ///
+ /// The width.
+ /// The height.
+ /// Returns semantic virtual view.
+ protected override List? GetSemanticsNodesCore(double width, double height)
+ {
+ Size newSize = new Size(width, height);
+
+ _semanticsNodes = new List();
+ _semanticsSize = newSize;
+ Rect rectangle = new Rect(0, 0, width, height);
+ SemanticsNode node = new SemanticsNode()
+ {
+ Id = 0,
+ Text = _columnHeaderText,
+ Bounds = rectangle,
+ IsTouchEnabled = true,
+ };
+ _semanticsNodes.Add(node);
+ return _semanticsNodes;
+ }
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Views/PickerLayout/PickerContainer.cs b/maui/src/Picker/Views/PickerLayout/PickerContainer.cs
new file mode 100644
index 00000000..3bdce8a6
--- /dev/null
+++ b/maui/src/Picker/Views/PickerLayout/PickerContainer.cs
@@ -0,0 +1,572 @@
+using System.Collections.ObjectModel;
+using System.Collections.Specialized;
+using System.Diagnostics.CodeAnalysis;
+using Syncfusion.Maui.Toolkit.Internals;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// This represents a class that contains information about the picker container.
+ ///
+ internal class PickerContainer : SfView
+ {
+ #region Fields
+
+ ///
+ /// The stroke thickness.
+ ///
+ const float StrokeThickness = 1;
+
+ ///
+ /// The picker info.
+ ///
+ readonly IPicker _pickerInfo;
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ /// The picker info.
+ internal PickerContainer(IPicker pickerInfo)
+ {
+ DrawingOrder = DrawingOrder.BelowContent;
+ _pickerInfo = pickerInfo;
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to update the Picker keyboard interaction.
+ ///
+ /// The keyboard event args.
+ /// The column index.
+ internal void PickerRightLeftKeys(KeyEventArgs args, int columnIndex)
+ {
+ int columnCount = Children.Count;
+ if (args.Key == KeyboardKey.Right)
+ {
+ columnIndex = (columnIndex + 1) % columnCount;
+ }
+ else if (args.Key == KeyboardKey.Left)
+ {
+ if (columnIndex == 0)
+ {
+ columnIndex = columnCount - 1;
+ }
+ else
+ {
+ columnIndex = Math.Abs(columnIndex - 1);
+ columnIndex = columnIndex == 0 ? columnIndex : columnIndex % columnCount;
+ }
+ }
+
+ PickerLayout? pickerLayout = Children[columnIndex] as PickerLayout;
+ pickerLayout?.UpdateKeyboardLayoutFocus();
+ }
+
+ ///
+ /// Method to update the selected index changed.
+ ///
+ /// The updated column index.
+ internal void UpdateSelectedIndexValue(int columnIndex)
+ {
+ if (columnIndex >= Children.Count)
+ {
+ return;
+ }
+
+ PickerLayout? pickerLayout = Children[columnIndex] as PickerLayout;
+ if (pickerLayout == null)
+ {
+ return;
+ }
+
+ pickerLayout.UpdateSelectedIndexValue();
+ }
+
+ ///
+ /// Method to update the items source changed.
+ ///
+ /// The updated column index.
+ [RequiresUnreferencedCode("The GetPropertyValue method is not trim compatible")]
+ internal void UpdateItemsSource(int columnIndex)
+ {
+ if (columnIndex >= Children.Count)
+ {
+ return;
+ }
+
+ PickerLayout? pickerLayout = Children[columnIndex] as PickerLayout;
+ if (pickerLayout == null)
+ {
+ return;
+ }
+
+ pickerLayout.UpdateItemSource(false);
+ }
+
+ ///
+ /// Method to invokes while the columns collection changed.
+ ///
+ /// The collection changed event arguments.
+ [RequiresUnreferencedCode("The GetPropertyValue method is not trim compatible")]
+ internal void OnColumnsCollectionChanged(NotifyCollectionChangedEventArgs e)
+ {
+ if (Children.Count == 0)
+ {
+ TriggerPickerContainerMeasure();
+ UpdatePickerSelectionViewDraw();
+ return;
+ }
+
+ if (e.Action == NotifyCollectionChangedAction.Add)
+ {
+ if (e.NewStartingIndex == -1)
+ {
+ return;
+ }
+
+ PickerColumn column = _pickerInfo.Columns[e.NewStartingIndex];
+ Insert(e.NewStartingIndex, new PickerLayout(_pickerInfo, column));
+ TriggerPickerContainerMeasure();
+ UpdatePickerSelectionViewDraw();
+ }
+ else if (e.Action == NotifyCollectionChangedAction.Remove)
+ {
+ if (e.OldStartingIndex == -1)
+ {
+ return;
+ }
+
+ Remove((View)Children[e.OldStartingIndex]);
+ UpdatePickerSelectionViewDraw();
+ TriggerPickerContainerMeasure();
+ }
+ else if (e.Action == NotifyCollectionChangedAction.Replace)
+ {
+ if (e.NewStartingIndex == -1)
+ {
+ return;
+ }
+
+ PickerLayout? pickerLayout = Children[e.NewStartingIndex] as PickerLayout;
+ if (pickerLayout != null)
+ {
+ PickerColumn column = _pickerInfo.Columns[e.NewStartingIndex];
+ pickerLayout.UpdateColumnData(column);
+ pickerLayout.UpdateItemSource(true);
+ pickerLayout.UpdateSelectedIndexValue();
+ }
+
+ TriggerPickerContainerMeasure();
+ }
+ else if (e.Action == NotifyCollectionChangedAction.Move)
+ {
+ if (e.NewStartingIndex == -1)
+ {
+ return;
+ }
+
+ PickerLayout? pickerLayout = Children[e.OldStartingIndex] as PickerLayout;
+ if (pickerLayout != null)
+ {
+ Remove(pickerLayout);
+ Insert(e.NewStartingIndex, pickerLayout);
+ }
+
+ TriggerPickerContainerMeasure();
+ }
+ else if (e.Action == NotifyCollectionChangedAction.Reset)
+ {
+ ResetPickerColumns(_pickerInfo.Columns);
+ }
+ }
+
+ ///
+ /// Method to the update the picker container.
+ ///
+ /// The new columns details.
+ [RequiresUnreferencedCode("The GetPropertyValue method is not trim compatible")]
+ internal void ResetPickerColumns(ObservableCollection newColumns)
+ {
+ int columnsCount = newColumns.Count;
+ if (columnsCount <= Children.Count)
+ {
+ for (int index = 0; index < columnsCount; index++)
+ {
+ PickerColumn pickerColumn = newColumns[index];
+ PickerLayout? pickerLayout = Children[index] as PickerLayout;
+ if (pickerLayout != null)
+ {
+ pickerLayout.UpdateColumnData(pickerColumn);
+ pickerLayout.UpdateColumnHeaderText();
+ pickerLayout.UpdateItemSource(true);
+ }
+ }
+
+ for (int index = Children.Count - 1; index >= columnsCount; index--)
+ {
+ Remove((View)Children[index]);
+ }
+ }
+ else
+ {
+ for (int index = 0; index < Children.Count; index++)
+ {
+ PickerColumn pickerColumn = newColumns[index];
+ PickerLayout? pickerLayout = Children[index] as PickerLayout;
+ if (pickerLayout != null)
+ {
+ pickerLayout.UpdateColumnData(pickerColumn);
+ pickerLayout.UpdateColumnHeaderText();
+ pickerLayout.UpdateItemSource(true);
+ }
+ }
+
+ for (int index = Children.Count; index < columnsCount; index++)
+ {
+ PickerColumn pickerColumn = newColumns[index];
+ Add(new PickerLayout(_pickerInfo, pickerColumn));
+ }
+ }
+
+ TriggerPickerContainerMeasure();
+ UpdatePickerSelectionViewDraw();
+ }
+
+ ///
+ /// Method to update the scroll view draw.
+ ///
+ internal void UpdateScrollViewDraw()
+ {
+ foreach (var child in Children)
+ {
+ if (child is PickerLayout pickerLayout)
+ {
+ pickerLayout.UpdateScrollViewDraw();
+ }
+ }
+ }
+
+ ///
+ /// Method to update the picker item template changes.
+ ///
+ internal void UpdateItemTemplate()
+ {
+ foreach (var child in Children)
+ {
+ if (child is PickerLayout pickerLayout)
+ {
+ pickerLayout.UpdateItemTemplate();
+ }
+ }
+ }
+
+ ///
+ /// Method to update the column header height.
+ ///
+ internal void UpdateColumnHeaderHeight()
+ {
+ //// Need to update the picker layout while change the column header height. Because , the picker layout height is based on the column header height.
+ foreach (PickerLayout pickerLayout in Children)
+ {
+ pickerLayout.UpdateColumnHeaderHeight();
+ }
+
+ //// After update the picker layout height, need to update the picker container height.
+ TriggerPickerContainerMeasure();
+ UpdatePickerSelectionViewDraw();
+ }
+
+ ///
+ /// Method to update the picker column header draw.
+ ///
+ internal void UpdateColumnHeaderDraw()
+ {
+ //// Need to update the picker layout drawing when changing the column header text style, background color, because the column header drawing is within the picker layout.
+ foreach (PickerLayout pickerLayout in Children)
+ {
+ pickerLayout.UpdateColumnHeaderDraw();
+ }
+ }
+
+ ///
+ /// Method to update the column divider color.
+ ///
+ internal void UpdateColumnDividerColor()
+ {
+ //// Need to update the picker layout drawing when changing the column divider color, because the column divider drawing is within the picker layout.
+ foreach (PickerLayout pickerLayout in Children)
+ {
+ pickerLayout.UpdateColumnDividerColor();
+ }
+ }
+
+ ///
+ /// Method to update the column header divider color.
+ ///
+ internal void UpdateColumnHeaderDividerColor()
+ {
+ foreach (PickerLayout pickerLayout in Children)
+ {
+ pickerLayout.UpdateColumnHeaderDividerColor();
+ }
+ }
+
+ ///
+ /// Method to update the item height.
+ ///
+ internal void UpdateItemHeight()
+ {
+ foreach (PickerLayout pickerLayout in Children)
+ {
+ pickerLayout.UpdateItemHeight();
+ }
+
+ UpdatePickerSelectionViewDraw();
+ }
+
+ ///
+ /// Method to update the picker column width.
+ ///
+ internal void UpdatePickerColumnWidth()
+ {
+ TriggerPickerContainerMeasure();
+ UpdatePickerSelectionViewDraw();
+ }
+
+ ///
+ /// Method to used to update the header text.
+ ///
+ /// The column index.
+ internal void UpdateHeaderText(int columnIndex)
+ {
+ if (columnIndex >= Children.Count)
+ {
+ return;
+ }
+
+ PickerLayout? pickerLayout = Children[columnIndex] as PickerLayout;
+ if (pickerLayout == null)
+ {
+ return;
+ }
+
+ pickerLayout.UpdateColumnHeaderText();
+ }
+
+ ///
+ /// Method to update the picker selection view.
+ ///
+ internal void UpdatePickerSelectionView()
+ {
+ UpdatePickerSelectionViewDraw();
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Method to update the picker selection view draw.
+ ///
+ void UpdatePickerSelectionViewDraw()
+ {
+ InvalidateDrawable();
+ }
+
+ ///
+ /// Method to add children for the current layout.
+ ///
+ [UnconditionalSuppressMessage("Trimming", "IL2026:Members annotated with 'RequiresUnreferencedCodeAttribute' require dynamic access otherwise can break functionality when trimming application code", Justification = "")]
+ void GenerateChildren()
+ {
+ foreach (PickerColumn item in _pickerInfo.Columns)
+ {
+ Add(new PickerLayout(_pickerInfo, item));
+ }
+ }
+
+ ///
+ /// Method to get the total assigned width and default column width.
+ ///
+ /// The total width.
+ /// Returns total assigned width and default column width.
+ Point GetDefaultColumnWidth(double totalWidth)
+ {
+ double assignedWidth = 0;
+ int unAssignedColumnCount = 0;
+ foreach (PickerColumn column in _pickerInfo.Columns)
+ {
+ if (column.Width == -1)
+ {
+ unAssignedColumnCount++;
+ }
+ else
+ {
+ assignedWidth += column.Width <= -1 ? 0 : column.Width;
+ }
+ }
+
+ assignedWidth = assignedWidth > totalWidth ? totalWidth : assignedWidth;
+ double unAssignedWidth = totalWidth - assignedWidth;
+ assignedWidth += unAssignedColumnCount > 0 ? unAssignedWidth : 0;
+ double defaultColumnWidth = unAssignedWidth / unAssignedColumnCount;
+ //// Here the assigned width is total assigned and default column width is un assigned per column width.
+ return new Point(assignedWidth, defaultColumnWidth);
+ }
+
+ ///
+ /// Method to trigger the picker container measure.
+ ///
+ void TriggerPickerContainerMeasure()
+ {
+ InvalidateMeasure();
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method to draw the selection UI.
+ ///
+ /// The canvas.
+ /// The dirty rectangle.
+ protected override void OnDraw(ICanvas canvas, RectF dirtyRectangle)
+ {
+ //// The picker selection view is drawn only when the columns count greater than 0.
+ if (_pickerInfo.Columns.Count == 0 || !(_pickerInfo.TextDisplayMode == PickerTextDisplayMode.Default))
+ {
+ return;
+ }
+
+ for (int index = 0; index < _pickerInfo.Columns.Count; index++)
+ {
+ if (_pickerInfo.Columns[index].SelectedItem == null || _pickerInfo.Columns[index].SelectedIndex <= -1)
+ {
+ return;
+ }
+ }
+
+ canvas.SaveState();
+ //// The item source height.
+ double itemHeight = _pickerInfo.ItemHeight;
+ double columnHeaderHeight = _pickerInfo.ColumnHeaderView.Height;
+ //// The view port item count is calculated based on the view port height.
+ //// Assume the view port height is 100 and item height is 50, then the view port item count is 2.
+ double viewPortItemCount = Math.Round((dirtyRectangle.Height - columnHeaderHeight) / itemHeight);
+ //// The selectionIndex count is calculated based on the view port item count.
+ //// Assume the view port item count is 2, then the top count is 0.
+ int selectionIndex = (int)Math.Ceiling(viewPortItemCount / 2) - 1;
+
+ if (selectionIndex < 0)
+ {
+ canvas.RestoreState();
+ return;
+ }
+
+ //// The top padding is calculated based on the top count and item height.
+ //// Assume the selectionIndex is 0 and item height is 50, then the top padding is 0.
+ double yPosition = (selectionIndex * itemHeight) + columnHeaderHeight;
+ float xPosition = dirtyRectangle.Left;
+ float width = dirtyRectangle.Width;
+ float totalColumnWidth = (float)GetDefaultColumnWidth(width).X;
+ if (totalColumnWidth == 0)
+ {
+ canvas.RestoreState();
+ return;
+ }
+
+ float leftPadding = (float)(width - totalColumnWidth) * 0.5f;
+ xPosition += leftPadding;
+
+ //// Calculate the selection highlight rectangle based on padding value.
+ Thickness padding = _pickerInfo.SelectionView.Padding;
+ xPosition += (float)padding.Left;
+ totalColumnWidth -= (float)padding.HorizontalThickness;
+ yPosition += padding.Top;
+ itemHeight -= padding.VerticalThickness;
+ Rect selectionRectangle = new Rect(xPosition, yPosition, totalColumnWidth, itemHeight);
+ CornerRadius cornerRadius = _pickerInfo.SelectionView.CornerRadius;
+
+ Color fillColor = _pickerInfo.SelectionView.Background.ToColor();
+ if (fillColor != Colors.Transparent)
+ {
+ canvas.FillColor = fillColor;
+ canvas.FillRoundedRectangle(selectionRectangle, cornerRadius.TopLeft, cornerRadius.TopRight, cornerRadius.BottomLeft, cornerRadius.BottomRight);
+ }
+
+ if (_pickerInfo.SelectionView.Stroke != Colors.Transparent)
+ {
+ canvas.StrokeColor = _pickerInfo.SelectionView.Stroke;
+ canvas.StrokeSize = StrokeThickness;
+ float strokeOffset = StrokeThickness * 0.5f;
+ selectionRectangle = new Rect(xPosition + strokeOffset, yPosition + strokeOffset, totalColumnWidth - StrokeThickness, itemHeight - StrokeThickness);
+ canvas.DrawRoundedRectangle(selectionRectangle, cornerRadius.TopLeft, cornerRadius.TopRight, cornerRadius.BottomLeft, cornerRadius.BottomRight);
+ }
+
+ canvas.RestoreState();
+ }
+
+ ///
+ /// Method used to arrange the children with in the bounds.
+ ///
+ /// The size of the layout.
+ /// The layout size.
+ protected override Size ArrangeContent(Rect bounds)
+ {
+ Point columnWidthInfo = GetDefaultColumnWidth(bounds.Width);
+ double defaultColumnWidth = columnWidthInfo.Y;
+ double totalColumnWidth = columnWidthInfo.X;
+ int columnCount = _pickerInfo.Columns.Count;
+ double xPosition = (bounds.Width - totalColumnWidth) * 0.5;
+ for (int index = 0; index < columnCount; index++)
+ {
+ int actualIndex = _pickerInfo.IsRTLLayout ? columnCount - 1 - index : index;
+ var child = Children[actualIndex];
+ double columnWidth = _pickerInfo.Columns[actualIndex].Width;
+ columnWidth = columnWidth == -1 ? defaultColumnWidth : (columnWidth < -1 ? 0 : columnWidth);
+ child.Arrange(new Rect(xPosition, 0, columnWidth, bounds.Height));
+ xPosition += columnWidth;
+ }
+
+ return bounds.Size;
+ }
+
+ ///
+ /// Method to measures child elements size in a container, picker layout is measured with given column width and height constraints.
+ ///
+ /// The maximum width request of the layout.
+ /// The maximum height request of the layout.
+ /// The maximum size of the layout.
+ protected override Size MeasureContent(double widthConstraint, double heightConstraint)
+ {
+ if (Children.Count <= 0)
+ {
+ GenerateChildren();
+ }
+
+ Point columnWidthInfo = GetDefaultColumnWidth(widthConstraint);
+ double defaultColumnWidth = columnWidthInfo.Y;
+
+ int childCount = Math.Min(_pickerInfo.Columns.Count, Children.Count);
+ for (int index = 0; index < childCount; index++)
+ {
+ var child = Children[index];
+ double columnWidth = _pickerInfo.Columns[index].Width;
+ columnWidth = columnWidth == -1 ? defaultColumnWidth : (columnWidth < -1 ? 0 : columnWidth);
+ child.Measure(columnWidth, heightConstraint);
+ }
+
+ return new Size(widthConstraint, heightConstraint);
+ }
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Views/PickerLayout/PickerDrawableView.cs b/maui/src/Picker/Views/PickerLayout/PickerDrawableView.cs
new file mode 100644
index 00000000..938ac4ec
--- /dev/null
+++ b/maui/src/Picker/Views/PickerLayout/PickerDrawableView.cs
@@ -0,0 +1,295 @@
+using System.Collections.ObjectModel;
+using Syncfusion.Maui.Toolkit.Graphics.Internals;
+
+namespace Syncfusion.Maui.Toolkit.Picker;
+
+///
+/// Holds the picker items drawing based on virtualization.
+///
+internal class PickerDrawableView : SfDrawableView
+{
+ #region Fields
+
+ ///
+ /// The selected index holds the current selected index based on the current scroll position.
+ /// It is used to restricted the unwanted drawing of the item source element while scrolling.
+ ///
+ int _selectedIndex = 0;
+
+ ///
+ /// The items source.
+ ///
+ ObservableCollection _itemsSource;
+
+ ///
+ /// The items source collection based on size.
+ ///
+ readonly ObservableCollection _sizeBasedItemsSource;
+
+ ///
+ /// The drawn width used to calculate the items source based on drawn width value.
+ ///
+ double _drawnWidth = 0;
+
+ ///
+ /// The picker view info.
+ ///
+ readonly IPickerLayout _pickerLayoutInfo;
+
+ ///
+ /// Method to get the current scroll view starting index.
+ ///
+ readonly Func _getStartingIndex;
+
+ ///
+ /// The picker view info.
+ ///
+ readonly PickerView _pickerView;
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ /// The picker layout info.
+ /// The picker view info.
+ /// The items source.
+ /// Method to get the current scroll view starting index.
+ internal PickerDrawableView(IPickerLayout pickerLayoutInfo, PickerView pickerView, ObservableCollection itemsSource, Func getStartingIndex)
+ {
+ _pickerView = pickerView;
+ _pickerLayoutInfo = pickerLayoutInfo;
+ _itemsSource = itemsSource;
+ _getStartingIndex = getStartingIndex;
+ _sizeBasedItemsSource = new ObservableCollection();
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to update the selected index.
+ ///
+ /// The index.
+ internal void UpdateSelectedIndexValue(int index)
+ {
+ if (index == _selectedIndex)
+ {
+ return;
+ }
+
+ _selectedIndex = index;
+ InvalidateDrawable();
+ }
+
+ ///
+ /// Method to update the selected index on animation end.
+ ///
+ /// The index.
+ internal void UpdateSelectedIndexOnAnimationEnd(int index)
+ {
+ _selectedIndex = index;
+ InvalidateDrawable();
+ }
+
+ ///
+ /// Method to update the items source.
+ ///
+ /// The items source.
+ internal void UpdateItemsSource(ObservableCollection itemsSource)
+ {
+ _itemsSource = itemsSource;
+ _sizeBasedItemsSource.Clear();
+ InvalidateDrawable();
+ }
+
+ ///
+ /// Method to update the picker view draw.
+ ///
+ internal void UpdatePickerViewDraw()
+ {
+ InvalidateDrawable();
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Used for checking whether value is disabled or not.
+ ///
+ /// Current value of picker column.
+ /// Current value is selected or not.
+ /// Returns true or false based on disabled values.
+ bool UpdateBlackoutStyle(string currentValue, bool isSelected)
+ {
+ //// Since black out selection not applicable.
+ if (_pickerLayoutInfo.PickerInfo is SfPicker)
+ {
+ return false;
+ }
+
+ if (_pickerLayoutInfo.PickerInfo is SfTimePicker timePicker)
+ {
+ //// Used to check the given time is black out time or not.
+ if (_pickerLayoutInfo.Column.HeaderText == SfPickerResources.GetLocalizedString(timePicker.ColumnHeaderView.MinuteHeaderText))
+ {
+ TimeSpan selectedTime = timePicker.SelectedTime ?? timePicker._previousSelectedDateTime.TimeOfDay;
+ return timePicker.BlackoutTimes.Any(blackOutTime => blackOutTime.Hours == selectedTime.Hours && blackOutTime.Minutes == int.Parse(currentValue));
+ }
+ }
+
+ if (_pickerLayoutInfo.PickerInfo is SfDatePicker datePicker)
+ {
+ //// Used to check the given date is black out date or not.
+ if (_pickerLayoutInfo.Column.HeaderText == SfPickerResources.GetLocalizedString(datePicker.ColumnHeaderView.DayHeaderText))
+ {
+ DateTime selectedDate = datePicker.SelectedDate ?? datePicker._previousSelectedDateTime;
+ return datePicker.BlackoutDates.Any(blackOutDate => DatePickerHelper.IsBlackoutDate(false, currentValue, blackOutDate, selectedDate));
+ }
+ }
+
+ if (_pickerLayoutInfo.PickerInfo is SfDateTimePicker dateTimePicker)
+ {
+ DateTime selectedDateTime = dateTimePicker.SelectedDate ?? dateTimePicker._previousSelectedDateTime;
+
+ //// Used to check the given date time is black out date time or not.
+ if (_pickerLayoutInfo.Column.HeaderText == SfPickerResources.GetLocalizedString(dateTimePicker.ColumnHeaderView.DayHeaderText))
+ {
+ return dateTimePicker.BlackoutDateTimes.Any(blackOutDateTime => DatePickerHelper.IsBlackoutDate(false, currentValue, blackOutDateTime, selectedDateTime) && blackOutDateTime.TimeOfDay == TimeSpan.Zero);
+ }
+
+ if (_pickerLayoutInfo.Column.HeaderText == SfPickerResources.GetLocalizedString(dateTimePicker.ColumnHeaderView.MinuteHeaderText))
+ {
+ return dateTimePicker.BlackoutDateTimes.Any(blackOutDateTime => DatePickerHelper.IsBlackoutDate(true, currentValue, blackOutDateTime, selectedDateTime) && blackOutDateTime.Hour == selectedDateTime.Hour && blackOutDateTime.Minute == int.Parse(currentValue));
+ }
+ }
+
+ return false;
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method to draw the item source element inside the scroll view.
+ ///
+ /// The canvas.
+ /// The dirty rectangle.
+ protected override void OnDraw(ICanvas canvas, RectF dirtyRect)
+ {
+ if (dirtyRect.Width == 0 || dirtyRect.Height == 0)
+ {
+ return;
+ }
+
+ int padding = 5;
+ if (_drawnWidth != dirtyRect.Width || _sizeBasedItemsSource.Count == 0)
+ {
+ _drawnWidth = dirtyRect.Width;
+ _sizeBasedItemsSource.Clear();
+ double maxTextWidth = _drawnWidth - padding;
+ foreach (string value in _itemsSource)
+ {
+ //// Initially checks that the given value is need to be trimmed by using font size and text length.
+ string unSelectedText = value.Length * (_pickerLayoutInfo.PickerInfo.TextStyle.FontSize * 0.6) > maxTextWidth ? PickerHelper.TrimText(value, maxTextWidth, _pickerLayoutInfo.PickerInfo.TextStyle) : value;
+ string selectedText = value.Length * (_pickerLayoutInfo.PickerInfo.SelectedTextStyle.FontSize * 0.6) > maxTextWidth ? PickerHelper.TrimText(value, maxTextWidth, _pickerLayoutInfo.PickerInfo.SelectedTextStyle) : value;
+
+ string textToAdd = unSelectedText.Length < selectedText.Length ? unSelectedText : selectedText;
+ _sizeBasedItemsSource.Add(textToAdd);
+ }
+ }
+
+ canvas.SaveState();
+ //// The item height.
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ double yPosition = 0;
+ int startIndex = _getStartingIndex();
+
+ float minimumThresholdFontSize = 8;
+ var unselectedTextStyle = _pickerLayoutInfo.PickerInfo.TextStyle;
+ var selectedTextStyle = _pickerLayoutInfo.PickerInfo.SelectedTextStyle;
+ int maxDistance = (int)(_pickerView.GetPickerItemViewPortCount() / 2) + 1;
+
+ //// Draw item source item based on the item source collection. And change the text style based on selected item and selected index.
+ for (int i = startIndex; i < _sizeBasedItemsSource.Count; i++)
+ {
+ Rect rectangle = new Rect(0, yPosition, dirtyRect.Width, itemHeight);
+ PickerTextStyle textStyle;
+ PickerTextStyle blackoutStyle = _pickerLayoutInfo.PickerInfo.DisabledTextStyle;
+ blackoutStyle.FontSize = unselectedTextStyle.FontSize;
+
+ if (i == _selectedIndex)
+ {
+ PickerTextStyle defaultSelectedStyle = new PickerTextStyle { FontSize = selectedTextStyle.FontSize, TextColor = selectedTextStyle.TextColor, FontFamily = selectedTextStyle.FontFamily, FontAttributes = selectedTextStyle.FontAttributes, FontAutoScalingEnabled = selectedTextStyle.FontAutoScalingEnabled };
+ if (_pickerLayoutInfo.Column.SelectedItem == null || _pickerLayoutInfo.Column.SelectedIndex <= -1)
+ {
+ defaultSelectedStyle = _pickerLayoutInfo.PickerInfo.TextStyle;
+ }
+
+ canvas.DrawText(_sizeBasedItemsSource[i], rectangle, HorizontalAlignment.Center, VerticalAlignment.Center, defaultSelectedStyle);
+ }
+ else
+ {
+ int distance = Math.Abs(i - _selectedIndex);
+
+ if (distance <= maxDistance)
+ {
+ switch (_pickerLayoutInfo.PickerInfo.TextDisplayMode)
+ {
+ case PickerTextDisplayMode.Default:
+ textStyle = _pickerLayoutInfo.PickerInfo.TextStyle;
+ canvas.DrawText(_sizeBasedItemsSource[i], rectangle, HorizontalAlignment.Center, VerticalAlignment.Center, UpdateBlackoutStyle(_sizeBasedItemsSource[i], false) ? blackoutStyle : textStyle);
+ break;
+
+ case PickerTextDisplayMode.Fade:
+ {
+ PickerTextStyle fadeStyle = new PickerTextStyle() { TextColor = unselectedTextStyle.TextColor, FontSize = unselectedTextStyle.FontSize, FontAttributes = unselectedTextStyle.FontAttributes, FontFamily = unselectedTextStyle.FontFamily, FontAutoScalingEnabled = unselectedTextStyle.FontAutoScalingEnabled };
+ float opacity = 1.0f - (distance / (float)maxDistance);
+ fadeStyle.TextColor = fadeStyle.TextColor.WithAlpha(opacity);
+ canvas.DrawText(_sizeBasedItemsSource[i], rectangle, HorizontalAlignment.Center, VerticalAlignment.Center, UpdateBlackoutStyle(_sizeBasedItemsSource[i], false) ? blackoutStyle : fadeStyle);
+ }
+
+ break;
+
+ case PickerTextDisplayMode.Shrink:
+ {
+ PickerTextStyle shrinkStyle = new PickerTextStyle() { TextColor = unselectedTextStyle.TextColor, FontSize = unselectedTextStyle.FontSize, FontAttributes = unselectedTextStyle.FontAttributes, FontFamily = unselectedTextStyle.FontFamily, FontAutoScalingEnabled = unselectedTextStyle.FontAutoScalingEnabled };
+ float size = (float)(shrinkStyle.FontSize - (distance / (float)maxDistance * (shrinkStyle.FontSize - minimumThresholdFontSize)));
+ shrinkStyle.FontSize = Math.Max(minimumThresholdFontSize, size);
+ canvas.DrawText(_sizeBasedItemsSource[i], rectangle, HorizontalAlignment.Center, VerticalAlignment.Center, UpdateBlackoutStyle(_sizeBasedItemsSource[i], false) ? blackoutStyle : shrinkStyle);
+ }
+
+ break;
+
+ case PickerTextDisplayMode.FadeAndShrink:
+ {
+ PickerTextStyle fadeandShrinkStyle = new PickerTextStyle() { TextColor = unselectedTextStyle.TextColor, FontSize = unselectedTextStyle.FontSize, FontAttributes = unselectedTextStyle.FontAttributes, FontFamily = unselectedTextStyle.FontFamily, FontAutoScalingEnabled = unselectedTextStyle.FontAutoScalingEnabled };
+ float opacity = 1.0f - (distance / (float)maxDistance);
+ float size = (float)(fadeandShrinkStyle.FontSize - (distance / (float)maxDistance * (fadeandShrinkStyle.FontSize - minimumThresholdFontSize)));
+ fadeandShrinkStyle.FontSize = Math.Max(minimumThresholdFontSize, size);
+ fadeandShrinkStyle.TextColor = fadeandShrinkStyle.TextColor.WithAlpha(opacity);
+ canvas.DrawText(_sizeBasedItemsSource[i], rectangle, HorizontalAlignment.Center, VerticalAlignment.Center, UpdateBlackoutStyle(_sizeBasedItemsSource[i], false) ? blackoutStyle : fadeandShrinkStyle);
+ }
+
+ break;
+ }
+ }
+ }
+
+ yPosition += itemHeight;
+ if (yPosition >= dirtyRect.Height)
+ {
+ break;
+ }
+ }
+
+ canvas.RestoreState();
+ }
+
+ #endregion
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Views/PickerLayout/PickerLayout.cs b/maui/src/Picker/Views/PickerLayout/PickerLayout.cs
new file mode 100644
index 00000000..560dbebe
--- /dev/null
+++ b/maui/src/Picker/Views/PickerLayout/PickerLayout.cs
@@ -0,0 +1,436 @@
+using System.Collections;
+using System.Collections.ObjectModel;
+using System.Diagnostics.CodeAnalysis;
+using System.Reflection;
+
+namespace Syncfusion.Maui.Toolkit.Picker;
+
+///
+/// This represents a class that contains information about the picker layout.
+///
+internal class PickerLayout : SfView, IPickerLayout
+{
+ #region Fields
+
+ ///
+ /// The separator line thickness.
+ ///
+ const int StrokeThickness = 1;
+
+ ///
+ /// The picker view info.
+ ///
+ readonly IPicker _pickerViewInfo;
+
+ ///
+ /// The picker scroll view.
+ ///
+ PickerScrollView _pickerScrollView;
+
+ ///
+ /// The picker column.
+ ///
+ PickerColumn _column;
+
+ ///
+ /// The items source.
+ ///
+ ObservableCollection _itemsSource;
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ /// The picker view info.
+ /// The picker column.
+ [RequiresUnreferencedCode("The GetPropertyValue method is not trim compatible")]
+ internal PickerLayout(IPicker pickerViewInfo, PickerColumn pickerColumn)
+ {
+ _pickerViewInfo = pickerViewInfo;
+ _column = pickerColumn;
+ _itemsSource = new ObservableCollection();
+ UpdateItemSource(false);
+ DrawingOrder = DrawingOrder.AboveContent;
+ ColumnHeaderLayout columnHeaderLayout = new ColumnHeaderLayout(_pickerViewInfo, _column.HeaderText);
+ Add(columnHeaderLayout);
+ _pickerScrollView = new PickerScrollView(this, _pickerViewInfo, _itemsSource);
+ Add(_pickerScrollView);
+ }
+
+ #endregion
+
+ #region Public Properties
+
+ ///
+ /// Gets the pickerViewInfo variable of IPickerLayout to the IPickerView property.
+ ///
+ IPickerView IPickerLayout.PickerInfo => _pickerViewInfo;
+
+ ///
+ /// Gets the column variable of IPickerLayout to the IPickerView property.
+ ///
+ PickerColumn IPickerLayout.Column => _column;
+
+ ///
+ /// Gets the scroll position of the scroll view.
+ ///
+ double IPickerLayout.ScrollOffset => _pickerScrollView.ScrollY;
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to update the column header height.
+ ///
+ internal void UpdateColumnHeaderHeight()
+ {
+ TriggerPickerLayoutMeasure();
+ TriggerPickerLayoutDraw();
+ }
+
+ ///
+ /// Method to update the column divider color.
+ ///
+ internal void UpdateColumnDividerColor()
+ {
+ TriggerPickerLayoutDraw();
+ }
+
+ ///
+ /// Method to update the column header draw.
+ ///
+ internal void UpdateColumnHeaderDraw()
+ {
+ foreach (var child in Children)
+ {
+ if (child is ColumnHeaderLayout columnHeaderLayout)
+ {
+ columnHeaderLayout.TriggerColumnHeaderDraw();
+ }
+ }
+ }
+
+ ///
+ /// Method to update the column header divider color.
+ ///
+ internal void UpdateColumnHeaderDividerColor()
+ {
+ TriggerPickerLayoutDraw();
+ }
+
+ ///
+ /// Method to update the item height.
+ ///
+ internal void UpdateItemHeight()
+ {
+ foreach (var child in Children)
+ {
+ if (child is PickerScrollView pickerScrollView)
+ {
+ pickerScrollView.UpdateItemHeight();
+ }
+ }
+ }
+
+ ///
+ /// Method to update the picker item template changes.
+ ///
+ internal void UpdateItemTemplate()
+ {
+ foreach (var child in Children)
+ {
+ if (child is PickerScrollView pickerScrollView)
+ {
+ pickerScrollView.UpdateItemTemplate();
+ }
+ }
+ }
+
+ ///
+ /// Method to update the column header text.
+ ///
+ internal void UpdateColumnHeaderText()
+ {
+ foreach (var child in Children)
+ {
+ if (child is ColumnHeaderLayout columnHeaderLayout)
+ {
+ columnHeaderLayout.UpdateColumnHeaderText(_column.HeaderText);
+ }
+ }
+ }
+
+ ///
+ /// Method to updater the scroll view draw.
+ ///
+ internal void UpdateScrollViewDraw()
+ {
+ foreach (var child in Children)
+ {
+ if (child is PickerScrollView pickerScrollView)
+ {
+ pickerScrollView.InvalidatePickerViewDraw();
+ }
+ }
+ }
+
+ ///
+ /// Method to update the picker column data.
+ ///
+ /// The column data.
+ internal void UpdateColumnData(PickerColumn column)
+ {
+ _column = column;
+ }
+
+ ///
+ /// Method to update the item source.
+ ///
+ /// Used to reset the picker scroll view.
+ [RequiresUnreferencedCode("The GetPropertyValue method is not trim compatible")]
+ internal void UpdateItemSource(bool isNeedResetColumn)
+ {
+ ObservableCollection dataSource = new ObservableCollection();
+ if (_column.ItemsSource != null && _column.ItemsSource is ICollection collection)
+ {
+ if (!string.IsNullOrEmpty(_column.DisplayMemberPath))
+ {
+ PropertyInfo? property = null;
+ foreach (var item in collection)
+ {
+ if (property == null)
+ {
+ property = item.GetType().GetProperty(_column.DisplayMemberPath);
+ }
+
+ if (property == null)
+ {
+ continue;
+ }
+
+ string? value = property.GetValue(item) as string;
+ if (value != null)
+ {
+ dataSource.Add(value);
+ }
+ }
+ }
+
+ if (dataSource.Count == 0)
+ {
+ foreach (var item in collection)
+ {
+ string? text = item?.ToString();
+ if (text != null)
+ {
+ dataSource.Add(text);
+ }
+ }
+ }
+ }
+
+ if (PickerHelper.IsCollectionEquals(_itemsSource, dataSource))
+ {
+ return;
+ }
+
+ _itemsSource = dataSource;
+ if (_pickerScrollView == null)
+ {
+ return;
+ }
+
+ if (isNeedResetColumn)
+ {
+ Remove(_pickerScrollView);
+ _pickerScrollView.Dispose();
+ _pickerScrollView = new PickerScrollView(this, _pickerViewInfo, _itemsSource);
+ Add(_pickerScrollView);
+ }
+ else
+ {
+ _pickerScrollView.UpdateItemsSource(_itemsSource);
+ }
+
+ TriggerPickerLayoutMeasure();
+ }
+
+ ///
+ /// Method to update the selected index changed.
+ ///
+ internal void UpdateSelectedIndexValue()
+ {
+ if (_pickerScrollView == null)
+ {
+ return;
+ }
+
+ if (_pickerScrollView.ContentSize != Size.Zero)
+ {
+ _pickerScrollView.UpdateSelectedIndexValue();
+ }
+ }
+
+ ///
+ /// Method to update the focus for the keyboard interaction.
+ ///
+ internal void UpdateKeyboardLayoutFocus()
+ {
+ foreach (var child in Children)
+ {
+ if (child is PickerScrollView pickerScrollView)
+ {
+ pickerScrollView.UpdateKeyboardViewFocus();
+ }
+ }
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Method to update the picker layout draw.
+ ///
+ void TriggerPickerLayoutDraw()
+ {
+ InvalidateDrawable();
+ }
+
+ ///
+ /// Method to update the picker layout measure.
+ ///
+ void TriggerPickerLayoutMeasure()
+ {
+ InvalidateMeasure();
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method used to arrange the children with in the bounds.
+ ///
+ /// The size of the layout.
+ /// The layout size.
+ protected override Size ArrangeContent(Rect bounds)
+ {
+ double width = bounds.Width;
+ double height = bounds.Height;
+ double headerColumHeight = _pickerViewInfo.ColumnHeaderView.Height;
+ foreach (var child in Children)
+ {
+ if (child is ColumnHeaderLayout)
+ {
+ child.Arrange(new Rect(0, 0, width, headerColumHeight));
+ }
+ else if (child is PickerScrollView)
+ {
+ double childWidth = width - StrokeThickness;
+ childWidth = childWidth < 0 ? 0 : childWidth;
+ double childHeight = height - headerColumHeight;
+ childHeight = childHeight < 0 ? 0 : childHeight;
+ child.Arrange(new Rect(0, headerColumHeight, childWidth, childHeight));
+ }
+ }
+
+ return bounds.Size;
+ }
+
+ ///
+ /// Method used to measure the children based on width and height value.
+ ///
+ /// The maximum width request of the layout.
+ /// The maximum height request of the layout.
+ /// The maximum size of the layout.
+ protected override Size MeasureContent(double widthConstraint, double heightConstraint)
+ {
+ //// The header column height.
+ double headerColumHeight = _pickerViewInfo.ColumnHeaderView.Height;
+ foreach (var child in Children)
+ {
+ if (child is ColumnHeaderLayout)
+ {
+ child.Measure(widthConstraint, headerColumHeight);
+ }
+ else if (child is PickerScrollView)
+ {
+ double childWidth = widthConstraint - StrokeThickness;
+ childWidth = childWidth < 0 ? 0 : childWidth;
+ double childHeight = heightConstraint - headerColumHeight;
+ childHeight = childHeight < 0 ? 0 : childHeight;
+ child.Measure(childWidth, childHeight);
+ }
+ }
+
+ return new Size(widthConstraint, heightConstraint);
+ }
+
+ ///
+ /// Method to draw the selection background and border for picker view.
+ ///
+ /// The canvas.
+ /// The dirty rectangle.
+ protected override void OnDraw(ICanvas canvas, RectF dirtyRectangle)
+ {
+ float width = dirtyRectangle.Width;
+ float height = dirtyRectangle.Height;
+ float headerColumHeight = (float)_pickerViewInfo.ColumnHeaderView.Height;
+ float topPosition = dirtyRectangle.Top + headerColumHeight;
+ float leftPosition = dirtyRectangle.Left;
+ canvas.SaveState();
+
+ //// The columns count is 1 then no need to draw the column separator line.
+ if (_pickerViewInfo.ColumnDividerColor != Colors.Transparent && _column._columnIndex < _pickerViewInfo.Columns.Count - 1)
+ {
+ //// To draw the separator line between the column headers.
+ canvas.StrokeColor = _pickerViewInfo.ColumnDividerColor;
+ canvas.StrokeSize = StrokeThickness;
+ float strokeThickness = (float)(StrokeThickness * 0.5);
+ float columnRightPosition = width - strokeThickness;
+ columnRightPosition = _pickerViewInfo.IsRTLLayout ? strokeThickness : columnRightPosition;
+ canvas.DrawLine(columnRightPosition, topPosition, columnRightPosition, height);
+ }
+
+ if (_pickerViewInfo.ColumnHeaderView.DividerColor != Colors.Transparent && headerColumHeight > 0)
+ {
+ //// To draw the separator line at bottom of the column header.
+ canvas.StrokeColor = _pickerViewInfo.ColumnHeaderView.DividerColor;
+ canvas.StrokeSize = StrokeThickness;
+ float columnHeaderBottomPosition = topPosition;
+ canvas.DrawLine(leftPosition, columnHeaderBottomPosition, width, columnHeaderBottomPosition);
+ }
+
+ canvas.RestoreState();
+ }
+
+ #endregion
+
+ #region Interface Implementation
+
+ ///
+ /// Method to update the selected index.
+ ///
+ /// The tapped index.
+ /// Check whether is initial loading or not.
+ void IPickerLayout.UpdateSelectedIndexValue(int tappedIndex, bool isInitialLoading)
+ {
+ if (tappedIndex >= _itemsSource.Count)
+ {
+ tappedIndex = _itemsSource.Count - 1;
+ }
+ else if (tappedIndex < 0)
+ {
+ tappedIndex = 0;
+ }
+
+ _pickerViewInfo.UpdateSelectedIndexValue(tappedIndex, _column._columnIndex, isInitialLoading);
+ }
+
+ #endregion
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Views/PickerLayout/PickerScrollView.cs b/maui/src/Picker/Views/PickerLayout/PickerScrollView.cs
new file mode 100644
index 00000000..13bcc786
--- /dev/null
+++ b/maui/src/Picker/Views/PickerLayout/PickerScrollView.cs
@@ -0,0 +1,716 @@
+using System.Collections.ObjectModel;
+using System.ComponentModel;
+using Syncfusion.Maui.Toolkit.Internals;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// This represents a class that contains information about the picker scroll view.
+ ///
+ internal class PickerScrollView : SfPickerView
+ {
+ #region Fields
+
+ ///
+ /// The picker view info.
+ ///
+ readonly IPickerLayout _pickerLayoutInfo;
+
+ ///
+ /// The picker info.
+ ///
+ readonly IPicker _pickerInfo;
+
+ ///
+ /// The picker view .
+ ///
+ readonly PickerView _pickerView;
+
+ ///
+ /// Holds the measure height value because on windows, while change mode from default(resize the height) to dialog native change, base measure automatically change the scroll position, so it moves to other positions, so checking the content size before the scroll to fix the issue.
+ ///
+ double _availableHeight = 0;
+
+#if __ANDROID__
+
+ ///
+ /// Touch end position value on scroll end.
+ ///
+ double _touchEndPosition = -1;
+
+ ///
+ /// Timer used to trigger scroll end based on item height.
+ ///
+ IDispatcherTimer? _timer;
+#endif
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ /// The picker layout info.
+ /// The picker view info.
+ /// The items source.
+ internal PickerScrollView(IPickerLayout pickerLayoutInfo, IPicker pickerViewInfo, ObservableCollection itemsSource)
+ {
+ _pickerInfo = pickerViewInfo;
+ _pickerLayoutInfo = pickerLayoutInfo;
+ //// No need to show the scroll bar in picker control so that the scroll bar visibility set to be as never.
+ VerticalScrollBarVisibility = ScrollBarVisibility.Never;
+ _pickerView = new PickerView(_pickerLayoutInfo, pickerViewInfo, itemsSource);
+ //// This event is triggered while the scroll view is scrolling.
+ //// Using this event to update the selected and unselected text style when the scroll view is scrolling.
+ Scrolled += OnViewScrolling;
+ Content = _pickerView;
+ PropertyChanged += OnScrollPropertyChanged;
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to update the selected index changed.
+ ///
+ internal void UpdateSelectedIndexValue()
+ {
+ if (!_pickerLayoutInfo.PickerInfo.IsValidParent)
+ {
+ Dispatcher.Dispatch(() =>
+ {
+#if __ANDROID__
+ RequestLayout();
+#endif
+ UpdateSelectedIndex();
+ });
+ }
+ else
+ {
+#if __ANDROID__
+ RequestLayout();
+#endif
+ UpdateSelectedIndex();
+ }
+ }
+
+ ///
+ /// Method to update the items source.
+ ///
+ /// The items source.
+ internal void UpdateItemsSource(ObservableCollection itemsSource)
+ {
+ _pickerView.UpdateItemsSource(itemsSource);
+ InvalidateMeasure();
+ if (!_pickerLayoutInfo.PickerInfo.IsValidParent)
+ {
+ Dispatcher.Dispatch(() =>
+ {
+#if __ANDROID__
+ RequestLayout();
+#endif
+ UpdateSelectedIndex();
+ });
+ }
+ else
+ {
+#if __ANDROID__
+ RequestLayout();
+#endif
+ UpdateSelectedIndex();
+ }
+ }
+
+ ///
+ /// Method to update the picker scroll view.
+ ///
+ internal void InvalidatePickerViewDraw()
+ {
+ _pickerView.InvalidatePickerViewDraw();
+ }
+
+ ///
+ /// Method to update the item height.
+ ///
+ internal void UpdateItemHeight()
+ {
+ _pickerView.UpdateItemHeight();
+ TriggerPickerScrollViewMeasure();
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ int itemsCount = PickerHelper.GetItemsCount(_pickerLayoutInfo.Column.ItemsSource);
+ int selectedIndex = PickerHelper.GetValidSelectedIndex(_pickerLayoutInfo.Column.SelectedIndex, itemsCount);
+ ScrollToAsync(0, selectedIndex * itemHeight, false);
+ }
+
+ ///
+ /// Method to update the picker item template changes.
+ ///
+ internal void UpdateItemTemplate()
+ {
+ _pickerView.UpdateItemTemplate();
+ }
+
+ ///
+ /// Unwire the events.
+ ///
+ internal void Dispose()
+ {
+ Scrolled -= OnViewScrolling;
+ PropertyChanged -= OnScrollPropertyChanged;
+ if (Content != null)
+ {
+ Content = null;
+ }
+ }
+
+ ///
+ /// Method to update the keyboard interaction.
+ ///
+ internal void UpdateKeyboardViewFocus()
+ {
+ _pickerView.UpdatePickerFocus();
+ }
+
+ #endregion
+
+ #region Private Methods
+
+ ///
+ /// Method to call scroll view is scrolling.
+ ///
+ /// The sender.
+ /// The scroll event args.
+ void OnViewScrolling(object? sender, ScrolledEventArgs e)
+ {
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ //// Assume the scrollY position is 109 and the item height is 20, While using Math.Round then the selectionIndex is 109 / 20 = 5.4 => 5(SelectionIndex).
+ //// Assume the scrollY position is 110 and the item height is 20, While using Math.Round then the selectionIndex is 110 / 20 = 5.5 => 6(SelectionIndex).
+ int selectionIndex = (int)Math.Round(e.ScrollY / itemHeight);
+ int itemsCount = PickerHelper.GetItemsCount(_pickerLayoutInfo.Column.ItemsSource);
+ selectionIndex = PickerHelper.GetValidSelectedIndex(selectionIndex, itemsCount);
+ if (UpdateBlackoutSelection())
+ {
+ return;
+ }
+
+ _pickerView.UpdateSelectedIndexValue(selectionIndex);
+ }
+
+#if __ANDROID__
+ ///
+ /// Triggered while the touch completed.
+ ///
+ void OnTouchCompleted()
+ {
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ if (_timer == null)
+ {
+ _timer = Dispatcher.CreateTimer();
+ _timer.Interval = TimeSpan.FromMilliseconds(50);
+ }
+
+ _timer.Tick += (s, e) =>
+ {
+ if (_touchEndPosition == ScrollY)
+ {
+ double selectionIndex = Math.Round(_touchEndPosition / itemHeight);
+ //// From above example the selectionIndex is 5. So that the current item position is 5 * 20 = 100.
+ double currentItemPosition = selectionIndex * itemHeight;
+ //// From above example the scrollEndPosition is 109. So that the positionDifference is 109 - 100 = 9.
+ double positionDifference = _touchEndPosition - currentItemPosition;
+ //// For windows, While using custom animation for windows, triggers scroll event. So that default scroll to async method is used.
+ //// For other than windows, While scroll view fast scrolling and we started new scrolling before end of the previous scrolling then the scroll view is not scrolled to the exact position.
+ // Method to update the position based on animation value.
+ void UpdateProperty(double value)
+ {
+ //// From above example the positionDifference is 9. So that the center position is 109 - (9 * 1) = 100. So that the scroll position is 100.
+ double centerPosition = _touchEndPosition - (positionDifference * value);
+ //// From above example the center position is 100. So that the scroll position is 100.
+ //// The scroll to async does not trigger the scroll event. Because in android we handled scroll using touch event.
+ //// In iOS and Mac we handled scroll end using drag end event.
+ ScrollToAsync(0, centerPosition, false);
+ }
+
+ void Finished(double value, bool isFinished)
+ {
+ _pickerLayoutInfo.UpdateSelectedIndexValue((int)selectionIndex);
+ }
+
+ if (_pickerLayoutInfo.PickerInfo.IsValidParent)
+ {
+ //// Animation duration is 100 milliseconds for smooth animation.
+ AnimationExtensions.Animate(this, "Scrolled", UpdateProperty, 0, 1, 16, 100U, Easing.Linear, Finished);
+ }
+ else
+ {
+ ScrollToAsync(0, currentItemPosition, false);
+ RequestLayout();
+ _pickerLayoutInfo.UpdateSelectedIndexValue((int)selectionIndex);
+ }
+
+ _timer.Stop();
+ _timer = null;
+ }
+ else
+ {
+ _touchEndPosition = ScrollY;
+ }
+ };
+
+ _timer.Start();
+ }
+
+ ///
+ /// Method used to request layout while the scroll view is scrolled. because the
+ /// scroll view does not scroll properly while the previous scroll does not end correctly.
+ /// Example, if dialog is closed while the scroll view scrolling on fast fling then the
+ /// scroll view does not scroll to the exact position on first time due to incomplete previous scroll.
+ ///
+ void RequestLayout()
+ {
+ if (Handler != null && Handler.PlatformView != null && Handler.PlatformView is NativeCustomScrolLayout scrolLayout)
+ {
+ scrolLayout.RequestLayout();
+ }
+ }
+#endif
+
+ ///
+ /// Method to update the selected index changed while the scroll view content size is greater than item source needed size.
+ ///
+ void UpdateSelectedIndex()
+ {
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ //// While scrolled the scroll position is updated in UI but not update selected index. After scroll position updated in UI then the selected index changed based on the scroll position and its property changed event will triggered.
+ //// In this case no need to update the scroll position again.
+ int scrolledIndex = (int)Math.Round(ScrollY / itemHeight);
+ int itemsCount = PickerHelper.GetItemsCount(_pickerLayoutInfo.Column.ItemsSource);
+ int selectedIndex = PickerHelper.GetValidSelectedIndex(_pickerLayoutInfo.Column.SelectedIndex, itemsCount);
+ if (selectedIndex == scrolledIndex)
+ {
+ return;
+ }
+
+ double totalContentSize = (itemsCount * itemHeight) + DesiredSize.Height - itemHeight;
+ double scrollPosition = selectedIndex * itemHeight;
+ double contentHeight = Math.Floor(ContentSize.Height);
+ if (contentHeight < Math.Floor(totalContentSize) && contentHeight - DesiredSize.Height <= Math.Ceiling(scrollPosition))
+ {
+ return;
+ }
+
+ //// No need to animate the scroll position while changing the selected index value.
+ ScrollToAsync(0, scrollPosition, false);
+ }
+
+ ///
+ /// Method to update the selected scroll position on initial scrolling and content size changed.
+ ///
+ void UpdateSelectedIndexPosition()
+ {
+ if (UpdateBlackoutSelection())
+ {
+ return;
+ }
+
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ int itemsCount = PickerHelper.GetItemsCount(_pickerLayoutInfo.Column.ItemsSource);
+ int selectedIndex = PickerHelper.GetValidSelectedIndex(_pickerLayoutInfo.Column.SelectedIndex, itemsCount);
+ //// Check if any column selected index is initially set to -1 or less than -1, and change the other column selected index as -1.
+ if (_pickerLayoutInfo.Column.SelectedIndex <= -1)
+ {
+ for (int index = 0; index < _pickerInfo.Columns.Count; index++)
+ {
+ _pickerInfo.Columns[index].SelectedIndex = -1;
+ }
+ }
+ //// Check the selected item is null and selected index has default value and change the selected index value.
+ else if (_pickerLayoutInfo.Column.SelectedIndex == 0 && _pickerLayoutInfo.Column.SelectedItem == null)
+ {
+ if (_pickerLayoutInfo.Column.Parent == null)
+ {
+ _pickerLayoutInfo.Column.SelectedIndex = -1;
+ }
+ }
+ //// Check the default value of selected index and update the index based on selected item.
+ else if (_pickerLayoutInfo.Column.SelectedIndex == 0 && _pickerLayoutInfo.Column.SelectedItem != null)
+ {
+ int valueCount = PickerHelper.GetSelectedItemIndex(_pickerLayoutInfo.Column);
+ selectedIndex = PickerHelper.GetValidSelectedIndex(valueCount, itemsCount);
+ _pickerLayoutInfo.Column.SelectedIndex = selectedIndex;
+ }
+
+ double newScrollPosition = selectedIndex * itemHeight;
+ //// Checking position rather than index because switching to default mode and change screen height and again move into dialog mode then the selected item does not shown correctly center of selection highlight.
+ if (newScrollPosition == ScrollY)
+ {
+ return;
+ }
+
+ //// No need to animate the scroll position while changing the selected index value.
+ ScrollToAsync(0, newScrollPosition, false);
+ }
+
+ ///
+ /// Triggered whenever the scroll view property changed. Used to scroll after the content size changed.
+ ///
+ /// The scroll view instance.
+ /// Property changed event argument.
+ void OnScrollPropertyChanged(object? sender, PropertyChangedEventArgs e)
+ {
+ if (e.PropertyName != nameof(ContentSize))
+ {
+ return;
+ }
+
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ int itemsCount = PickerHelper.GetItemsCount(_pickerLayoutInfo.Column.ItemsSource);
+ double totalContentSize = (itemsCount * itemHeight) + DesiredSize.Height - itemHeight;
+ double availableContentSize = Math.Floor(ContentSize.Height);
+ if (availableContentSize - 1 > totalContentSize || availableContentSize + 1 < totalContentSize)
+ {
+ return;
+ }
+
+ Dispatcher.Dispatch(() =>
+ {
+ UpdateSelectedIndexPosition();
+ });
+ }
+
+ ///
+ /// Method to Check and update selection based on blackout value.
+ ///
+ bool UpdateBlackoutSelection()
+ {
+ //// Since black out selection not applicable.
+ if (_pickerLayoutInfo.PickerInfo is SfPicker)
+ {
+ return false;
+ }
+
+ //// Checks the current selected time is black out date or not to allow scrolling.
+ if (_pickerLayoutInfo.PickerInfo is SfDatePicker datePicker)
+ {
+ if (datePicker.SelectedDate != null && datePicker.BlackoutDates.Any(blackOutDate => blackOutDate.Date == datePicker.SelectedDate.Value.Date))
+ {
+ //// If the selected date is blackout date and is within the current month it reverts to previous selected date.
+ //// In else case, it will increment the selected date by one day until it finds a non-blackout date.
+ //// also if it reaches the end of the month it will get reset to the start of the month.
+ if (datePicker.SelectedDate.Value.Month == datePicker._previousSelectedDateTime.Date.Month && datePicker.SelectedDate.Value.Year == datePicker._previousSelectedDateTime.Date.Year)
+ {
+ datePicker.SelectedDate = datePicker._previousSelectedDateTime.Date;
+ }
+ else
+ {
+ DateTime selectedDate = datePicker.SelectedDate.Value.AddDays(datePicker.DayInterval);
+ selectedDate = selectedDate > datePicker.MaximumDate ? datePicker.MaximumDate : selectedDate;
+ bool isDayReset = false;
+ while (datePicker.BlackoutDates.Any(blackOutDate => blackOutDate.Date == selectedDate.Date))
+ {
+ //// Increase the date by day interval.
+ selectedDate = selectedDate.AddDays(datePicker.DayInterval);
+
+ if (selectedDate.Month != datePicker.SelectedDate.Value.Month)
+ {
+ //// To avoid the infinite loop while the blackout date is set for the whole month.
+ if (!isDayReset)
+ {
+ break;
+ }
+
+ //// Reset the date to the start of the month based on minimum Date.
+ selectedDate = new DateTime(selectedDate.Year, selectedDate.Month, datePicker.MinimumDate.Month == selectedDate.Month ? datePicker.MinimumDate.Day : 1);
+ isDayReset = true;
+ }
+
+ //// Reset the date to the start of the month based on maximum Date.
+ if (selectedDate > datePicker.MaximumDate)
+ {
+ selectedDate = new DateTime(selectedDate.Year, selectedDate.Month, datePicker.MinimumDate.Month == selectedDate.Month ? datePicker.MinimumDate.Day : 1);
+ }
+ }
+
+ datePicker.SelectedDate = selectedDate;
+ }
+
+ return true;
+ }
+ }
+
+ //// Checks the current selected time is black out time or not to allow scrolling.
+ if (_pickerLayoutInfo.PickerInfo is SfTimePicker timePicker)
+ {
+ if (timePicker.SelectedTime != null && timePicker.BlackoutTimes.Any(blackOutTime => blackOutTime.Hours == timePicker.SelectedTime.Value.Hours && blackOutTime.Minutes == timePicker.SelectedTime.Value.Minutes))
+ {
+ //// If the selected time is blackout time and is within the current hour it reverts to previous selected time.
+ //// In else case, it will increment the selected time by one minute until it finds a non-blackout time.
+ //// also if it reaches the end of the hour it will get reset to the start of the hour.
+ if (timePicker.SelectedTime.Value.Hours == timePicker._previousSelectedDateTime.Hour)
+ {
+ timePicker.SelectedTime = timePicker._previousSelectedDateTime.TimeOfDay;
+ }
+ else
+ {
+ TimeSpan selectedTime = timePicker.SelectedTime.Value.Add(TimeSpan.FromMinutes(timePicker.MinuteInterval));
+ selectedTime = selectedTime > timePicker.MaximumTime ? timePicker.MaximumTime : selectedTime;
+ bool isHourReset = false;
+ while (timePicker.BlackoutTimes.Any(blackOutTime => blackOutTime.Hours == selectedTime.Hours && blackOutTime.Minutes == selectedTime.Minutes))
+ {
+ selectedTime = selectedTime.Add(TimeSpan.FromMinutes(timePicker.MinuteInterval));
+ if (selectedTime.Hours != timePicker.SelectedTime.Value.Hours)
+ {
+ //// To avoid the infinite loop while the blackout time is set for the whole hour.
+ if (isHourReset)
+ {
+ break;
+ }
+
+ //// Reset the time to the start of the hour based on minimum time.
+ selectedTime = new TimeSpan(selectedTime.Hours, timePicker.MinimumTime.Hours == selectedTime.Hours ? timePicker.MinimumTime.Hours : 0, selectedTime.Seconds);
+ isHourReset = true;
+ }
+
+ //// Reset the time to the start of the hour based on maximum time.
+ if (selectedTime > timePicker.MaximumTime)
+ {
+ selectedTime = new TimeSpan(selectedTime.Hours, timePicker.MinimumTime.Hours == selectedTime.Hours ? timePicker.MinimumTime.Hours : 0, selectedTime.Seconds);
+ }
+ }
+
+ timePicker.SelectedTime = selectedTime;
+ }
+
+ return true;
+ }
+ }
+
+ //// Checks the current selected time is black out datetime or not to allow scrolling.
+ if (_pickerLayoutInfo.PickerInfo is SfDateTimePicker dateTimePicker)
+ {
+ bool isTimeSpanAtZero = false;
+ if (dateTimePicker.SelectedDate != null && dateTimePicker.BlackoutDateTimes.Any(blackOutDateTime => DatePickerHelper.IsBlackoutDateTime(blackOutDateTime, dateTimePicker.SelectedDate, out isTimeSpanAtZero)))
+ {
+ //// For calculating the blackout date time, if the whole date is black out value the if case will get executed.
+ //// If only the time is black out value the else case will get executed
+ if (isTimeSpanAtZero)
+ {
+ //// If the selected date time is blackout value and is within the current month it reverts to previous selected date time.
+ //// In else case, it will increment the selected date time by one day until it finds a non-blackout date time.
+ //// also if it reaches the end of the month it will get reset to the start of the month.
+ if (dateTimePicker.SelectedDate.Value.Month == dateTimePicker._previousSelectedDateTime.Month && dateTimePicker.SelectedDate.Value.Year == dateTimePicker._previousSelectedDateTime.Year)
+ {
+ dateTimePicker.SelectedDate = dateTimePicker._previousSelectedDateTime;
+ }
+ else
+ {
+ DateTime selectedDate = dateTimePicker.SelectedDate.Value.AddDays(dateTimePicker.DayInterval);
+ selectedDate = selectedDate > dateTimePicker.MaximumDate ? dateTimePicker.MaximumDate : selectedDate;
+ bool isDayReset = false;
+ while (dateTimePicker.BlackoutDateTimes.Any(blackOutDateTime => DatePickerHelper.IsBlackoutDateTime(blackOutDateTime, selectedDate, out bool isTimeSpanZero)))
+ {
+ selectedDate = selectedDate.AddDays(dateTimePicker.DayInterval);
+ if (selectedDate.Month != dateTimePicker.SelectedDate.Value.Month)
+ {
+ //// To avoid the infinite loop while the blackout date is set for the whole month.
+ if (isDayReset)
+ {
+ break;
+ }
+
+ selectedDate = new DateTime(selectedDate.Year, selectedDate.Month, dateTimePicker.MinimumDate.Month == dateTimePicker.MinimumDate.Month ? dateTimePicker.MinimumDate.Day : 1);
+ isDayReset = true;
+ }
+
+ //// Reset the date to the start of the month based on maximum date.
+ if (selectedDate > dateTimePicker.MaximumDate)
+ {
+ selectedDate = new DateTime(selectedDate.Year, selectedDate.Month, dateTimePicker.MinimumDate.Month == dateTimePicker.MinimumDate.Month ? dateTimePicker.MinimumDate.Day : 1);
+ }
+ }
+
+ dateTimePicker.SelectedDate = selectedDate;
+ }
+ }
+ else
+ {
+ //// If the selected date time is blackout value and is within the current hour it reverts to previous selected time.
+ //// In else case, it will increment the selected date time by one minute until it finds a non-blackout date time.
+ //// also if it reaches the end of the hour it will get reset to the start of the hour.
+ if (dateTimePicker.SelectedDate.Value.Hour == dateTimePicker._previousSelectedDateTime.Hour)
+ {
+ dateTimePicker.SelectedDate = dateTimePicker._previousSelectedDateTime;
+ }
+ else
+ {
+ DateTime selectedTime = dateTimePicker.SelectedDate.Value.AddMinutes(dateTimePicker.MinuteInterval);
+ selectedTime = selectedTime > dateTimePicker.MaximumDate ? dateTimePicker.MaximumDate : selectedTime;
+ bool isHourReset = false;
+ while (dateTimePicker.BlackoutDateTimes.Any(blackOutDateTime => DatePickerHelper.IsBlackoutDateTime(blackOutDateTime, selectedTime, out bool isTimeSpanZero)))
+ {
+ selectedTime = selectedTime.AddMinutes(dateTimePicker.MinuteInterval);
+ if (selectedTime.Hour != dateTimePicker.SelectedDate.Value.Hour)
+ {
+ //// To avoid the infinite loop while the blackout time is set for the whole hour.
+ if (isHourReset)
+ {
+ break;
+ }
+
+ selectedTime = new DateTime(selectedTime.Year, selectedTime.Month, selectedTime.Day, selectedTime.Hour, dateTimePicker.MinimumDate.Hour == selectedTime.Hour ? dateTimePicker.MinimumDate.Hour : 0, selectedTime.Second);
+ isHourReset = true;
+ }
+
+ //// Reset the time to the start of the hour based on maximum time.
+ if (selectedTime > dateTimePicker.MaximumDate)
+ {
+ selectedTime = new DateTime(selectedTime.Year, selectedTime.Month, selectedTime.Day, selectedTime.Hour, dateTimePicker.MinimumDate.Hour == selectedTime.Hour ? dateTimePicker.MinimumDate.Hour : 0, selectedTime.Second);
+ }
+ }
+
+ dateTimePicker.SelectedDate = selectedTime;
+ }
+ }
+
+ return true;
+ }
+ }
+
+ return false;
+ }
+
+ ///
+ /// Method to update the picker scroll view measure.
+ ///
+ void TriggerPickerScrollViewMeasure()
+ {
+ InvalidateMeasure();
+ }
+
+ #endregion
+
+ #region Internal Override Methods
+
+ ///
+ /// Method to check the scroll view scroll started through interaction.
+ ///
+ internal override void OnPickerViewScrollStart()
+ {
+#if __ANDROID__
+ if (_timer != null)
+ {
+ _timer.Stop();
+ _timer = null;
+ }
+#endif
+ }
+
+ ///
+ /// Method to update the scroll view scroll position when the scroll ends.
+ ///
+ /// The scroll end position.
+ internal override void OnPickerViewScrollEnd(double scrollEndPosition)
+ {
+#if __ANDROID__
+ _touchEndPosition = scrollEndPosition;
+ OnTouchCompleted();
+ return;
+#else
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ int itemsCount = PickerHelper.GetItemsCount(_pickerLayoutInfo.Column.ItemsSource);
+ double totalContentSize = (itemsCount * itemHeight) + _availableHeight - itemHeight;
+ //// On windows, while change mode from default(resize the height) to dialog native change, base measure automatically change the scroll position, so it moves to other positions, so checking the content size before the scroll to fix the issue.
+ double availableContentSize = Math.Floor(ContentSize.Height);
+ if (availableContentSize - 1 > totalContentSize || availableContentSize + 1 < totalContentSize)
+ {
+ return;
+ }
+
+ if (UpdateBlackoutSelection())
+ {
+ return;
+ }
+
+ //// Assume the scrollEndPosition is 109 and the item height is 20, While using Math.Round then the selectionIndex is 109 / 20 = 5.4 => 5(SelectionIndex).
+ //// Assume the scrollEndPosition is 110 and the item height is 20, While using Math.Round then the selectionIndex is 110 / 20 = 5.5 => 6(SelectionIndex).
+ double selectionIndex = Math.Round(scrollEndPosition / itemHeight);
+ //// From above example the selectionIndex is 5. So that the current item position is 5 * 20 = 100.
+ double currentItemPosition = selectionIndex * itemHeight;
+ //// From above example the scrollEndPosition is 109. So that the positionDifference is 109 - 100 = 9.
+ double positionDifference = scrollEndPosition - currentItemPosition;
+ //// While scroll view fast scrolling and we started new scrolling before end of the previous scrolling then the scroll view is not scrolled to the exact position.
+ //// Method to update the position based on animation value.
+ void UpdateProperty(double value)
+ {
+ //// From above example the positionDifference is 9. So that the center position is 109 - (9 * 1) = 100. So that the scroll position is 100.
+ double centerPosition = scrollEndPosition - (positionDifference * value);
+ //// From above example the center position is 100. So that the scroll position is 100.
+ //// The scroll to async does not trigger the scroll event. Because in android we handled scroll using touch event.
+ //// In iOS and Mac we handled scroll end using drag end event.
+ ScrollToAsync(0, centerPosition, false);
+ }
+
+ void Finished(double value, bool isFinished)
+ {
+ _pickerLayoutInfo.UpdateSelectedIndexValue((int)selectionIndex);
+ _pickerView.UpdateSelectedIndexOnAnimationEnd((int)selectionIndex);
+ }
+
+ //// Animation duration is 100 milliseconds for smooth animation.
+ AnimationExtensions.Animate(this, "Scrolled", UpdateProperty, 0, 1, 16, 100U, Easing.Linear, Finished);
+#endif
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method to measures child elements size in a container, scroll view is measured with given width and height constraints.
+ ///
+ /// The maximum width request of the layout.
+ /// The maximum height request of the layout.
+ /// Returns size of the scroll view.
+ protected override Size MeasureOverride(double widthConstraint, double heightConstraint)
+ {
+#if MACCATALYST || IOS
+ if (DesiredSize.Width == widthConstraint && DesiredSize.Height == heightConstraint)
+ {
+ return new Size(widthConstraint, heightConstraint);
+ }
+#endif
+
+ bool isContentViewPortChanged = _pickerView.UpdatePickerViewPortHeight(heightConstraint);
+ _availableHeight = heightConstraint;
+ if (isContentViewPortChanged)
+ {
+ //// If the content view port size changed then the content measure will not triggered. So that the content measure is triggered manually.
+ Content.Handler?.GetDesiredSize(widthConstraint, heightConstraint);
+ }
+
+ base.MeasureOverride(widthConstraint, heightConstraint);
+ DesiredSize = new Size(widthConstraint, heightConstraint);
+
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ int itemsCount = PickerHelper.GetItemsCount(_pickerLayoutInfo.Column.ItemsSource);
+ double totalContentSize = (itemsCount * itemHeight) + DesiredSize.Height - itemHeight;
+ double availableContentSize = Math.Floor(ContentSize.Height);
+ //// Need to scroll selected index value while content size is same, content size will be assigned while handling visibility.
+ //// Eg., if user shown the picker and dynamically change the visibility and update the selected index then the scroll view does not update the UI,
+ //// so update the scroll position while the UI visible. Measure will trigger while the UI visibility changed.
+ if (availableContentSize - 1 <= totalContentSize && availableContentSize + 1 >= totalContentSize)
+ {
+ Dispatcher.Dispatch(() =>
+ {
+ UpdateSelectedIndexPosition();
+ });
+ }
+
+ return new Size(widthConstraint, heightConstraint);
+ }
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Picker/Views/PickerLayout/PickerView.cs b/maui/src/Picker/Views/PickerLayout/PickerView.cs
new file mode 100644
index 00000000..d4ec9164
--- /dev/null
+++ b/maui/src/Picker/Views/PickerLayout/PickerView.cs
@@ -0,0 +1,744 @@
+using System.Collections.ObjectModel;
+using Syncfusion.Maui.Toolkit.Internals;
+using Syncfusion.Maui.Toolkit.Graphics.Internals;
+
+namespace Syncfusion.Maui.Toolkit.Picker
+{
+ ///
+ /// This represents a class that contains information about the picker view.
+ ///
+ internal class PickerView : SfView, ITapGestureListener, IKeyboardListener
+ {
+ #region Fields
+
+ ///
+ /// The picker view info.
+ ///
+ readonly IPickerLayout _pickerLayoutInfo;
+
+ ///
+ /// The picker info.
+ ///
+ readonly IPicker _pickerViewInfo;
+
+ ///
+ /// The picker view port height.
+ /// Here -2 values is used to restrict the initial viewportSize assigning.
+ ///
+ double _pickerViewPortHeight = -2;
+
+ ///
+ /// The selected index holds the current selected index based on the current scroll position.
+ /// It is used to restricted the unwanted drawing of the item source element while scrolling.
+ ///
+ int _selectedIndex = 0;
+
+ ///
+ /// This initial node top position is used to store the starting position of first picker item of y axis to generate the picker item semantic node.
+ ///
+ double _initialNodeTopPosition = 0;
+
+ ///
+ /// The items source.
+ ///
+ ObservableCollection _itemsSource;
+
+ ///
+ /// Holds the picker item drawing view based on picker view height.
+ ///
+ PickerDrawableView? _pickerDrawableView;
+
+ ///
+ /// Gets or sets the virtual picker items semantic nodes.
+ ///
+ List? _semanticsNodes;
+
+ ///
+ /// Gets or sets the size of the semantic.
+ ///
+ Size _semanticsSize = Size.Zero;
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ /// The picker layout info.
+ /// The items source.
+ /// The picker info.
+ internal PickerView(IPickerLayout pickerLayoutInfo, IPicker pickerViewInfo, ObservableCollection itemsSource)
+ {
+ this.AddGestureListener(this);
+ this.AddKeyboardListener(this);
+ _pickerLayoutInfo = pickerLayoutInfo;
+ _pickerViewInfo = pickerViewInfo;
+ _itemsSource = itemsSource;
+#if __IOS__ || __MACCATALYST__
+ DrawingOrder = DrawingOrder.BelowContent;
+#else
+ DrawingOrder = DrawingOrder.AboveContentWithTouch;
+#endif
+#if WINDOWS
+ //// If the SfView drawing canvas size exceeds MaximumBitmapSizeInPixels when adding more items,
+ //// an OS limitation with CanvasImageSource size (refer: https://github.com/dotnet/maui/issues/3785)
+ //// requires restricting the draw function when semantics or accessibility are used on SfView. This prevents OS limitation issues on the Windows platform.
+ //// For accessibility, SfView should be enabled with AboveContentWithTouch to add a native user control and override the AutomationPeer.
+ //// Virtualization isn't possible because automation peers must be added initially to access scrollable content.
+ //// Since accessibility highlights are managed by native framework automation peers, SfView canvas drawing is unnecessary.
+ IsCanvasNeeded = false;
+#endif
+ if (_pickerLayoutInfo.PickerInfo.ItemTemplate != null)
+ {
+ GeneratePickerItemsTemplate();
+ }
+ else
+ {
+ _pickerDrawableView = new PickerDrawableView(pickerLayoutInfo, this, itemsSource, GetStartingIndex);
+ Add(_pickerDrawableView);
+ }
+
+ Focus();
+ }
+
+ #endregion
+
+ #region Internal Methods
+
+ ///
+ /// Method to update the view port height while scroll view height is changed.
+ ///
+ /// The view port height.
+ /// Return true while the view port size changed.
+ internal bool UpdatePickerViewPortHeight(double viewPortHeight)
+ {
+ bool isSizeUpdated = _pickerViewPortHeight != -2;
+ if (_pickerViewPortHeight == viewPortHeight)
+ {
+ return false;
+ }
+
+ _pickerViewPortHeight = viewPortHeight;
+ return isSizeUpdated;
+ }
+
+ ///
+ /// Method to update the selected index.
+ ///
+ /// The index.
+ internal void UpdateSelectedIndexValue(int index)
+ {
+ if (index == _selectedIndex)
+ {
+ return;
+ }
+
+ _selectedIndex = index;
+
+ if (_pickerLayoutInfo.PickerInfo.ItemTemplate != null)
+ {
+ return;
+ }
+
+ int maximumViewPortCount = GetMaximumViewPort();
+ double maximumViewPortHeight = maximumViewPortCount * _pickerLayoutInfo.PickerInfo.ItemHeight;
+ if (maximumViewPortHeight + GetViewPortHeight() - _pickerLayoutInfo.PickerInfo.ItemHeight < Height)
+ {
+ ArrangeContent(new Rect(0, 0, Width, Height));
+ }
+
+ _pickerDrawableView?.UpdateSelectedIndexValue(index);
+ }
+
+ ///
+ /// Method to update the selected index on animation end.
+ ///
+ /// The index.
+ internal void UpdateSelectedIndexOnAnimationEnd(int index)
+ {
+ _selectedIndex = index;
+ if (_pickerLayoutInfo.PickerInfo.ItemTemplate != null)
+ {
+ return;
+ }
+
+ int maximumViewPortCount = GetMaximumViewPort();
+ double maximumViewPortHeight = maximumViewPortCount * _pickerLayoutInfo.PickerInfo.ItemHeight;
+ if (maximumViewPortHeight + GetViewPortHeight() - _pickerLayoutInfo.PickerInfo.ItemHeight < Height)
+ {
+ ArrangeContent(new Rect(0, 0, Width, Height));
+ }
+
+ _pickerDrawableView?.UpdateSelectedIndexOnAnimationEnd(index);
+ }
+
+ ///
+ /// Method to update the items source.
+ ///
+ /// The items source.
+ internal void UpdateItemsSource(ObservableCollection itemsSource)
+ {
+ _itemsSource = itemsSource;
+ if (_pickerLayoutInfo.PickerInfo.ItemTemplate == null)
+ {
+ _pickerDrawableView?.UpdateItemsSource(itemsSource);
+ InvalidateMeasure();
+ }
+ else
+ {
+ DataTemplate template = _pickerLayoutInfo.PickerInfo.ItemTemplate;
+ if (template is DataTemplateSelector)
+ {
+ Children.Clear();
+ GeneratePickerItemsTemplate();
+ InvalidateMeasure();
+ }
+ else
+ {
+ //// Here we are using the childCount variable to update binding context for only the needed views.
+ int childCount = 0;
+ if (_itemsSource.Count > Children.Count)
+ {
+ //// Here we are storing the count of the child before adding the new views.
+ //// And using this to update the binding context for the old views.
+ childCount = Children.Count;
+ for (int i = Children.Count; i < _itemsSource.Count; i++)
+ {
+ PickerItemDetails itemDetails = GetColumnDetails(i);
+ View view = PickerHelper.CreateTemplateView(template, itemDetails);
+ Add(view);
+ }
+ }
+ else if (_itemsSource.Count < Children.Count)
+ {
+ for (int i = Children.Count - 1; i >= _itemsSource.Count; i--)
+ {
+ Children.RemoveAt(i);
+ }
+
+ //// Here we are storing the count of the child after removing the views and using it to update the binding context for the old views.
+ childCount = Children.Count;
+ }
+
+ for (int i = 0; i < childCount; i++)
+ {
+ View view = (View)Children[i];
+ PickerItemDetails itemDetails = GetColumnDetails(i);
+ view.BindingContext = itemDetails;
+ }
+
+ InvalidateMeasure();
+ }
+ }
+ }
+
+ ///
+ /// Method to update the picker item template changes.
+ ///
+ internal void UpdateItemTemplate()
+ {
+ if (_pickerLayoutInfo.PickerInfo.ItemTemplate != null)
+ {
+ if (_pickerDrawableView != null)
+ {
+ Remove(_pickerDrawableView);
+ }
+
+ Children.Clear();
+ GeneratePickerItemsTemplate();
+ InvalidateMeasure();
+ }
+ else
+ {
+ Children.Clear();
+ _pickerDrawableView = new PickerDrawableView(_pickerLayoutInfo, this, _itemsSource, GetStartingIndex);
+ Add(_pickerDrawableView);
+ InvalidateMeasure();
+ }
+ }
+
+ ///
+ /// Method to redraw the scroll view.
+ ///
+ internal void InvalidatePickerViewDraw()
+ {
+ _pickerDrawableView?.UpdatePickerViewDraw();
+ }
+
+ ///
+ /// Method to update the picker item height.
+ ///
+ internal void UpdateItemHeight()
+ {
+ _pickerDrawableView?.UpdatePickerViewDraw();
+ InvalidateMeasure();
+ }
+
+ ///
+ /// Method to update the measure the picker view.
+ ///
+ internal void TriggerPickerViewMeasure()
+ {
+ InvalidateMeasure();
+ }
+
+ ///
+ /// Method to update the Focus for the keyboard interaction.
+ ///
+ internal void UpdatePickerFocus()
+ {
+ Focus();
+ }
+
+ ///
+ /// Method to get the picker item view port count.
+ ///
+ /// Returns the picker item count.
+ internal double GetPickerItemViewPortCount()
+ {
+ var itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ return Math.Round(GetViewPortHeight() / itemHeight);
+ }
+
+ #endregion
+
+ #region Private Methods
+
+#if __IOS__ || __MACCATALYST__
+
+ ///
+ /// Method to set the focus for layout changed to other view. Focus removes while new view generation or inner view gets focus.
+ /// Hence used delay to set focus.
+ ///
+ /// The focus delay in milliseconds.
+ async void SetFocus(int delay)
+ {
+ await Task.Delay(delay);
+ Focus();
+ }
+
+#endif
+
+ ///
+ /// Get the starting index.
+ ///
+ /// Return the starting index.
+ int GetStartingIndex()
+ {
+ //// The item height.
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ //// The view port item count is calculated based on the view port height and item height.
+ //// Assume the view port height is 109 and the item height is 20, While using Math.Round then the view port item count is 109 / 20 = 5.4 => 5(view port item count).
+ //// Assume the view port height is 110 and the item height is 20, While using Math.Round then the view port item count is 110 / 20 = 5.5 => 6(view port item count).
+ double viewPortItemCount = Math.Round(GetViewPortHeight() / itemHeight);
+ //// The maximum view port count is 3 times the view port item count because larger view port leads to crash with larger canvas size.
+ int maximumViewPortCount = (int)(viewPortItemCount * 3);
+ //// Calculate the last index based on item source count and maximum view port count.
+ double lastIndex = _itemsSource.Count - maximumViewPortCount;
+ lastIndex = lastIndex < 0 ? 0 : lastIndex;
+ //// Get the current scrolled item based on scroll offset.
+ int selectedIndex = (int)(_pickerLayoutInfo.ScrollOffset / itemHeight);
+ //// Calculate the virtualized drawable view start index based on view port count and selected index.
+ double startingIndex = selectedIndex - viewPortItemCount;
+ startingIndex = startingIndex < 0 ? 0 : startingIndex;
+ startingIndex = startingIndex > lastIndex ? lastIndex : startingIndex;
+ return (int)startingIndex;
+ }
+
+ ///
+ /// Get the maximum view port count.
+ ///
+ /// Return the maximum view port count.
+ int GetMaximumViewPort()
+ {
+ //// The item height.
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ //// The view port item count is calculated based on the view port height and item height.
+ //// Assume the view port height is 109 and the item height is 20, While using Math.Round then the view port item count is 109 / 20 = 5.4 => 5(view port item count).
+ //// Assume the view port height is 110 and the item height is 20, While using Math.Round then the view port item count is 110 / 20 = 5.5 => 6(view port item count).
+ double viewPortItemCount = Math.Round(GetViewPortHeight() / itemHeight);
+ //// The maximum view port count is 3 times the view port item count because larger view port leads to crash with larger canvas size.
+ int maximumViewPortCount = (int)(viewPortItemCount * 3);
+ return maximumViewPortCount;
+ }
+
+ ///
+ /// Method to generate the picker items template.
+ ///
+ void GeneratePickerItemsTemplate()
+ {
+ DataTemplate template = _pickerLayoutInfo.PickerInfo.ItemTemplate;
+ if (template is DataTemplateSelector itemTemplateSelector)
+ {
+ for (int index = 0; index < _itemsSource.Count; index++)
+ {
+ PickerItemDetails itemDetails = GetColumnDetails(index);
+ DataTemplate templateSelector = itemTemplateSelector.SelectTemplate(itemDetails, this);
+ CreatePickerTemplateView(templateSelector, itemDetails);
+ }
+ }
+ else
+ {
+ for (int index = 0; index < _itemsSource.Count; index++)
+ {
+ PickerItemDetails itemDetails = GetColumnDetails(index);
+ CreatePickerTemplateView(template, itemDetails);
+ }
+ }
+ }
+
+ ///
+ /// Method to create a template view for the picker items.
+ ///
+ /// The template.
+ /// The item details.
+ void CreatePickerTemplateView(DataTemplate template, PickerItemDetails itemDetails)
+ {
+ var itemTemplateView = PickerHelper.CreateTemplateView(template, itemDetails);
+ Add(itemTemplateView);
+ }
+
+ ///
+ /// Method to get the item details.
+ ///
+ /// The index.
+ /// The item details based on the index.
+ PickerItemDetails GetColumnDetails(int index)
+ {
+ PickerItemDetails columnDetails = new PickerItemDetails(_itemsSource[index]);
+ return columnDetails;
+ }
+
+ ///
+ /// Method to get the valid view port height.
+ ///
+ /// Returns view port height.
+ double GetViewPortHeight()
+ {
+ if (_pickerViewPortHeight <= 0)
+ {
+ return 0;
+ }
+
+ return _pickerViewPortHeight;
+ }
+
+ #endregion
+
+ #region Override Methods
+
+ ///
+ /// Method to measures child elements size in a container, item source item is measured with given width and height constraints.
+ ///
+ /// The maximum width request of the layout.
+ /// The maximum height request of the layout.
+ /// Returns the maximum size of the scroll view size.
+ protected override Size MeasureContent(double widthConstraint, double heightConstraint)
+ {
+ //// The item height.
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ if (_pickerLayoutInfo.PickerInfo.ItemTemplate != null)
+ {
+ foreach (var child in Children)
+ {
+ child.Measure(widthConstraint, itemHeight);
+ }
+ }
+
+ //// The total picker height is calculated based on the item source count and item height.
+ //// Assume the item source count is 5 and item height is 20, then the total picker height is 5 * 20 = 100.
+ double totalPickerHeight = _itemsSource.Count * itemHeight;
+ double viewPortHeight = GetViewPortHeight();
+ //// Total height of the layout based on top and bottom empty space.
+ double totalHeight = totalPickerHeight + viewPortHeight - itemHeight;
+
+ //// The view port item count is calculated based on the view port height and item height.
+ double viewPortItemCount = Math.Round(viewPortHeight / itemHeight);
+ //// The maximum view port count is 3 times the view port item count because larger view port leads to crash with larger canvas size.
+ int maximumViewPortCount = (int)(viewPortItemCount * 3);
+ //// The maximum items height based on the maximum view port count.
+ double pickerHeight = maximumViewPortCount * itemHeight;
+ foreach (var child in Children)
+ {
+ if (!(child is PickerDrawableView))
+ {
+ continue;
+ }
+
+ if (totalHeight > pickerHeight)
+ {
+ child.Measure(widthConstraint, pickerHeight);
+ }
+ else
+ {
+ child.Measure(widthConstraint, totalPickerHeight);
+ }
+ }
+
+ //// Need to add the empty space to the picker view. So by adding the picker view port height and it subtracted by single item height then we get total picker scroll view height.
+ //// Need to show space before 0th item and after last item for showing the selected item at middle position.
+ //// So that the total picker scroll view height is calculated by adding the picker view port height and it subtracted by single item height.
+ DesiredSize = new Size(widthConstraint, totalHeight);
+ return new Size(widthConstraint, totalHeight);
+ }
+
+ ///
+ /// Method used to arrange the children with in the bounds.
+ ///
+ /// The size of the layout.
+ /// The layout size.
+ protected override Size ArrangeContent(Rect bounds)
+ {
+ //// The item height.
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ //// The view port item count is calculated based on the view port height and item height.
+ //// Assume the view port height is 109 and the item height is 20, While using Math.Round then the view port item count is 109 / 20 = 5.4 => 5(view port item count).
+ //// Assume the view port height is 110 and the item height is 20, While using Math.Round then the view port item count is 110 / 20 = 5.5 => 6(view port item count).
+ double viewPortItemCount = Math.Round(GetViewPortHeight() / itemHeight);
+ //// The maximum view port count is 3 times the view port item count because larger view port leads to crash with larger canvas size.
+ int maximumViewPortCount = (int)(viewPortItemCount * 3);
+ //// The maximum items height based on the maximum view port count.
+ double pickerHeight = maximumViewPortCount * itemHeight;
+ //// The drawingStartIndex is calculated based on the view port item count.
+ //// From above example the view port item count is 5, then the drawingStartIndex is 2. While using the Math.Ceiling the drawingStartIndex is 5/2 = 2.5 => 3.
+ int drawingStartIndex = (int)Math.Ceiling(viewPortItemCount / 2) - 1;
+ //// The start position is calculated based on drawingStartIndex value.
+ //// From above example the drawingStartIndex is 2 and item height is 20, then the start y position is 40.
+ double yPosition;
+
+#if ANDROID || WINDOWS
+ yPosition = _pickerLayoutInfo.Column.SelectedIndex <= -1
+ ? (drawingStartIndex + 1) * itemHeight
+ : drawingStartIndex * itemHeight;
+#else
+ yPosition = drawingStartIndex * itemHeight;
+#endif
+ //// Calculate the last index based on item source count and maximum view port count.
+ double lastIndex = _itemsSource.Count - maximumViewPortCount;
+ lastIndex = lastIndex < 0 ? 0 : lastIndex;
+ double maxPosition = (lastIndex * itemHeight) + yPosition;
+ foreach (var child in Children)
+ {
+ if (child is PickerDrawableView)
+ {
+ if (lastIndex != 0)
+ {
+ //// Get the current scrolled item based on scroll offset.
+ int selectedIndex = (int)(_pickerLayoutInfo.ScrollOffset / itemHeight);
+ //// Calculate the virtualized drawable view start index based on view port count and selected index.
+ double startingIndex = selectedIndex - viewPortItemCount;
+ startingIndex = startingIndex < 0 ? 0 : startingIndex;
+ //// Does not need to move after the last index value.
+ startingIndex = startingIndex > lastIndex ? lastIndex : startingIndex;
+ double startPosition = startingIndex * itemHeight;
+ double topPosition = startPosition + yPosition;
+ if (topPosition > maxPosition)
+ {
+ topPosition = maxPosition;
+ }
+
+ _initialNodeTopPosition = topPosition;
+ child.Arrange(new Rect(0, topPosition, bounds.Width, pickerHeight));
+ }
+ else
+ {
+ //// Arrange the drawable view only for item source items without top and bottom empty spacing.
+ child.Arrange(new Rect(0, yPosition, bounds.Width, _itemsSource.Count * itemHeight));
+ _initialNodeTopPosition = yPosition;
+ }
+ }
+ else
+ {
+ child.Arrange(new Rect(0, yPosition, bounds.Width, itemHeight));
+ yPosition += itemHeight;
+ }
+ }
+
+ return bounds.Size;
+ }
+
+ ///
+ /// Method to create the semantics node for each items in the picker items.
+ ///
+ /// The width.
+ /// The height.
+ /// Returns semantic virtual view.
+ protected override List? GetSemanticsNodesCore(double width, double height)
+ {
+ Size newSize = new Size(width, height);
+
+ _semanticsNodes = new List();
+ _semanticsSize = newSize;
+ //// The item height.
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ double yPosition = _initialNodeTopPosition;
+ int startIndex = GetStartingIndex();
+ //// Draw item source item based on the item source collection.
+ for (int i = startIndex; i < _itemsSource.Count; i++)
+ {
+ Rect rectangle = new Rect(0, yPosition, width, itemHeight);
+ //// The yPosition is adjusted based on the item height.
+ //// Assume the item height is 20, then the yPosition is 40. So that the next item is drawn from 60.
+ yPosition += itemHeight;
+ if (yPosition >= height)
+ {
+ break;
+ }
+
+ SemanticsNode node = new SemanticsNode()
+ {
+ Text = _itemsSource[i],
+ Bounds = rectangle,
+ Id = i,
+ };
+ _semanticsNodes.Add(node);
+ }
+
+ return _semanticsNodes;
+ }
+
+ ///
+ /// Method handle the scroll position of the picker while accessibility enabled.
+ ///
+ /// The semantic node.
+ protected override void ScrollToCore(SemanticsNode node)
+ {
+ if (Parent != null && Parent != null && Parent is PickerScrollView)
+ {
+ PickerScrollView scrollView = (PickerScrollView)Parent;
+ double scrollHeight = scrollView.Height;
+ double nodeHeight = node.Bounds.Height;
+ double nodeTopPosition = node.Bounds.Top;
+ double scrollYPosition = scrollView.ScrollY;
+ if ((nodeTopPosition > scrollYPosition && nodeTopPosition < scrollYPosition + scrollHeight) ||
+ (nodeTopPosition + nodeHeight > scrollYPosition && nodeTopPosition + nodeHeight < scrollYPosition + scrollHeight))
+ {
+ return;
+ }
+
+ double maxScrollPosition = scrollView.ContentSize.Height - scrollView.Height;
+ if (maxScrollPosition > node.Bounds.Top)
+ {
+ scrollView.ScrollToAsync(0, node.Bounds.Top, false);
+ }
+ else
+ {
+ scrollView.ScrollToAsync(0, maxScrollPosition, false);
+ }
+ }
+ }
+
+ #endregion
+
+ #region Interface Implementation
+
+#if __IOS__ || __MACCATALYST__
+
+ ///
+ /// Gets a value indicating whether the view can become the first responder to listen the keyboard actions.
+ ///
+ /// This property will be considered only in maccatalyst and iOS Platform.
+ bool IKeyboardListener.CanBecomeFirstResponder
+ {
+ get
+ {
+ return true;
+ }
+ }
+
+#endif
+
+ ///
+ /// Method to handle the tap event.
+ ///
+ /// The tap event arguments.
+ void ITapGestureListener.OnTap(TapEventArgs e)
+ {
+#if __IOS__ || __MACCATALYST__
+ SetFocus(10);
+#endif
+ //// The item height.
+ double itemHeight = _pickerLayoutInfo.PickerInfo.ItemHeight;
+ //// The view port item count is calculated based on the view port height and item height.
+ //// Assume the view port height is 109 and the item height is 20, While using Math.Round then the view port item count is 109 / 20 = 5.4 => 5(view port item count).
+ //// Assume the view port height is 110 and the item height is 20, While using Math.Round then the view port item count is 110 / 20 = 5.5 => 6(view port item count).
+ double viewPortItemCount = Math.Round(GetViewPortHeight() / itemHeight);
+ //// The drawingStartIndex is calculated based on the view port item count.
+ //// From above example the view port item count is 5, then the drawingStartIndex is 2. While using the Math.Ceiling the drawingStartIndex is 5/2 = 2.5 => 3.
+ int drawingStartIndex = (int)Math.Ceiling(viewPortItemCount / 2) - 1;
+ //// The firstItemYPosition is calculated based on drawingStartIndex value.
+ //// From above example the drawingStartIndex is 2 and item height is 20, then the yPosition is 40.
+ double firstItemYPosition = drawingStartIndex * itemHeight;
+ //// The selected index.
+ int selectedIndex;
+ //// The selected index is calculated based on the tap point.
+ //// If the tap point is less than firstItemYPosition then need to move the scroll view to first item.
+ //// It means tapped point is before the first item then need to render first item as selected item.
+ if (e.TapPoint.Y < firstItemYPosition)
+ {
+ selectedIndex = 0;
+ }
+ //// The tapped point is after the last item then need to render last item as selected item.
+ else if (e.TapPoint.Y > Height - firstItemYPosition - itemHeight)
+ {
+ selectedIndex = _itemsSource.Count;
+ }
+ else
+ {
+ //// Assume tap y position is 100 and first item y position is 50 and item height is 10.
+ //// Then the selected index is 5 => (100 - 50) / 10.
+ selectedIndex = (int)((e.TapPoint.Y - firstItemYPosition) / itemHeight);
+ }
+
+ _pickerLayoutInfo.UpdateSelectedIndexValue(selectedIndex);
+ }
+
+ ///
+ /// Method to handle the keyboard interaction.
+ ///
+ /// The keyboard event args.
+ void IKeyboardListener.OnKeyDown(KeyEventArgs args)
+ {
+ if (args.Key == KeyboardKey.Tab)
+ {
+ Focus();
+ }
+ else if (args.Key == KeyboardKey.Up)
+ {
+ _pickerLayoutInfo.UpdateSelectedIndexValue(_selectedIndex - 1);
+ }
+ else if (args.Key == KeyboardKey.Down)
+ {
+ _pickerLayoutInfo.UpdateSelectedIndexValue(_selectedIndex + 1);
+ }
+ else if (args.Key == KeyboardKey.Right || args.Key == KeyboardKey.Left)
+ {
+ Unfocus();
+ PickerContainer? pickerContainer = Parent.Parent.Parent as PickerContainer;
+ pickerContainer?.PickerRightLeftKeys(args, _pickerLayoutInfo.Column._columnIndex);
+ }
+ else if (args.Key == KeyboardKey.Enter)
+ {
+ if (_pickerViewInfo.IsOpen == true)
+ {
+ _pickerViewInfo.IsOpen = false;
+ }
+ }
+ else if (args.Key == KeyboardKey.Escape)
+ {
+ _pickerViewInfo.IsOpen = false;
+ }
+ }
+
+ ///
+ /// The keyboard interaction override method.
+ ///
+ /// The keyboard event args.
+ void IKeyboardListener.OnKeyUp(KeyEventArgs args)
+ {
+ }
+
+ #endregion
+ }
+}
\ No newline at end of file
diff --git a/maui/src/Popup/Helpers/PopupExtension/PopupExtension.Android.cs b/maui/src/Popup/Helpers/PopupExtension/PopupExtension.Android.cs
index aaf7f0b9..1aec71f9 100644
--- a/maui/src/Popup/Helpers/PopupExtension/PopupExtension.Android.cs
+++ b/maui/src/Popup/Helpers/PopupExtension/PopupExtension.Android.cs
@@ -363,34 +363,66 @@ internal static int GetWindowInsets(string position)
/// Specifies whether the popup is open or not.
internal static void Blur(MauiView view, SfPopup popup, bool isopen)
{
- if (OperatingSystem.IsAndroidVersionAtLeast(31) && Shader.TileMode.Clamp is not null && popup.GetBlurRadius() > 0)
+ ClearBlurViews(popup);
+
+ if (OperatingSystem.IsAndroidVersionAtLeast(31) && Shader.TileMode.Clamp is not null && popup.GetBlurRadius() > 0 && SfWindowOverlay.ViewList is not null)
{
+ popup._blurredViews = new List();
+ bool hasModalPage = false;
if (IPlatformApplication.Current is not null && IPlatformApplication.Current.Application is Microsoft.Maui.Controls.Application application &&
application.Windows is not null && application.Windows.Count > 0)
{
Microsoft.Maui.Controls.Window window = application.Windows[0];
- bool hasModalPage = window is not null && window.Page is not null && window.Page.Navigation is not null
+ hasModalPage = window is not null && window.Page is not null && window.Page.Navigation is not null
&& window.Page.Navigation.ModalStack is not null && window.Navigation.ModalStack.Count > 0;
- // Applies blur effect to the top page in modal stack when the modal page is displayed.
- if (hasModalPage)
+ // In the case of multiple popups, if none of the popups in the view list have a blur effect, we need to apply the blur to the main view.
+ if (!SfWindowOverlay.ViewList.Any(view => view.HasBlurMode))
{
- Page? mainPage = PopupExtension.GetMainPage();
- if (mainPage is not null && mainPage.Handler is not null && mainPage.Handler.PlatformView is PlatformView pageView)
+ // Applies blur effect to the top page in modal stack when the modal page is displayed.
+ if (hasModalPage)
+ {
+ Page? mainPage = PopupExtension.GetMainPage();
+ if (mainPage is not null && mainPage.Handler is not null && mainPage.Handler.PlatformView is PlatformView pageView)
+ {
+ popup._blurredViews.Add(pageView);
+ pageView.SetRenderEffect(RenderEffect.CreateBlurEffect(popup.GetBlurRadius(), popup.GetBlurRadius(), Shader.TileMode.Clamp));
+ }
+ }
+ else
{
- popup._blurTarget = pageView;
- popup._blurTarget.SetRenderEffect(RenderEffect.CreateBlurEffect(popup.GetBlurRadius(), popup.GetBlurRadius(), Shader.TileMode.Clamp));
- return;
+ ViewGroup? platformRootview = WindowOverlayHelper._platformRootView;
+ if (platformRootview is not null && platformRootview.GetChildAt(0) is PlatformView blurTarget)
+ {
+ // Applies blur effect to target view.
+ popup._blurredViews.Add(blurTarget);
+ blurTarget.SetRenderEffect(RenderEffect.CreateBlurEffect(popup.GetBlurRadius(), popup.GetBlurRadius(), Shader.TileMode.Clamp));
+ }
}
}
- }
- ViewGroup? platformRootview = WindowOverlayHelper._platformRootView;
- if (platformRootview is not null && platformRootview.ChildCount > 0 && platformRootview.GetChildAt(0) is PlatformView blurTarget)
- {
- // Applies blur effect to target view.
- popup._blurTarget = blurTarget;
- popup._blurTarget.SetRenderEffect(RenderEffect.CreateBlurEffect(popup.GetBlurRadius(), popup.GetBlurRadius(), Shader.TileMode.Clamp));
+ // Applying Blur for nested popup.
+ foreach (WindowOverlayStack windowOverlay in SfWindowOverlay.ViewList.SkipLast(1).Reverse())
+ {
+ if (windowOverlay is not null)
+ {
+ windowOverlay.SetRenderEffect(RenderEffect.CreateBlurEffect(popup.GetBlurRadius(), popup.GetBlurRadius(), Shader.TileMode.Clamp));
+ popup._blurredViews.Add(windowOverlay);
+ if (windowOverlay.HasBlurMode)
+ {
+ break; // If the HasBlurMode is enabled, the blurring of previous views will be handled.
+ }
+ }
+ else
+ {
+ continue;
+ }
+ }
+
+ if (popup._popupOverlay is not null && popup._popupOverlay._overlayStack is not null)
+ {
+ popup._popupOverlay._overlayStack.HasBlurMode = true;
+ }
}
}
}
@@ -404,10 +436,20 @@ internal static void ClearBlurViews(SfPopup popup)
if (OperatingSystem.IsAndroidVersionAtLeast(31))
{
// Clears the blur effect for all views listed in BlurredViews.
- if (popup._blurTarget is not null)
+ if (popup._blurredViews is not null)
{
- popup._blurTarget.SetRenderEffect(null);
- popup._blurTarget = null;
+ foreach (var blurredView in popup._blurredViews)
+ {
+ blurredView.SetRenderEffect(null);
+ }
+
+ if (popup._popupOverlay is not null && popup._popupOverlay._overlayStack is not null)
+ {
+ popup._popupOverlay._overlayStack.HasBlurMode = false;
+ }
+
+ popup._blurredViews.Clear();
+ popup._blurredViews = null;
}
}
}
@@ -432,6 +474,9 @@ internal static void CalculateRelativePoint(PopupView popupView, MauiView relati
PlatformView relativeView = relative.ToPlatform(relative.Handler.MauiContext);
+ absoluteX *= WindowOverlayHelper._density;
+ absoluteY *= WindowOverlayHelper._density;
+
var popupViewWidth = popupView._popup._popupViewWidth * WindowOverlayHelper._density;
var popupViewHeight = popupView._popup._popupViewHeight * WindowOverlayHelper._density;
@@ -443,8 +488,8 @@ internal static void CalculateRelativePoint(PopupView popupView, MauiView relati
var top = decorViewFrame is not null && decorViewFrame.Top > 0 ? decorViewFrame.Top : 0;
var left = decorViewFrame is not null && decorViewFrame.Left > 0 ? decorViewFrame.Left : 0;
- // Adds the absolute points to the location of the relative view.
- location[0] += (int)(absoluteX - left);
+ // Adding the absolute points to the Relative View's location, if Flow direction is RTL means we need to move in opposite direction.
+ location[0] += (popupView._popup._isRTL ? -(int)absoluteX : (int)absoluteX) - left;
if (GetAttributes() is WindowManagerLayoutParams attributes && (attributes.Flags & WindowManagerFlags.Fullscreen) is WindowManagerFlags.Fullscreen)
{
location[1] += (int)absoluteY;
@@ -580,40 +625,41 @@ static void CalculateXPosition(PopupView popupView, PopupRelativePosition positi
{
if (popupView._popup._isRTL)
{
- relativeX = Math.Max(location[0] - (2 * absoluteX) - popupViewWidth, 0);
+ relativeX = location[0] + widthOfRelativeView;
}
else
{
- relativeX = location[0] - popupViewWidth > 0 ? location[0] - popupViewWidth : 0;
+ relativeX = location[0] - popupViewWidth;
}
}
else if (position == PopupRelativePosition.AlignToRightOf || position == PopupRelativePosition.AlignTopRight || position == PopupRelativePosition.AlignBottomRight)
{
if (popupView._popup._isRTL)
{
- relativeX = Math.Max(location[0] - (2 * absoluteX) + widthOfRelativeView - popupViewWidth, 0);
+ relativeX = location[0] - popupViewWidth;
// In the RTL case, if the button's width request exceeds the screen size, the popup is not displayed correctly within the view.
relativeX = popupView._popup.ValidatePopupPosition(relativeX, popupViewWidth, screenWidth);
}
else
{
- relativeX = location[0] + widthOfRelativeView + popupViewWidth < screenWidth ? location[0] + widthOfRelativeView : screenWidth - popupViewWidth;
+ relativeX = location[0] + widthOfRelativeView;
}
}
else
{
if (popupView._popup._isRTL)
{
- relativeX = Math.Max(location[0] - (2 * absoluteX) + widthOfRelativeView - popupViewWidth, 0);
+ relativeX = location[0] + widthOfRelativeView - popupViewWidth;
relativeX = popupView._popup.ValidatePopupPosition(relativeX, popupViewWidth, screenWidth);
}
else
{
- relativeX = location[0] + popupViewWidth < screenWidth ? location[0] : screenWidth - popupViewWidth;
- relativeX = popupView._popup.ValidatePopupPosition(relativeX, popupViewWidth, screenWidth);
+ relativeX = location[0];
}
}
+
+ relativeX = popupView._popup.ValidatePopupPosition(relativeX, popupViewWidth, screenWidth);
}
///
@@ -633,17 +679,19 @@ static void CalculateYPosition(PopupView popupView, PopupRelativePosition positi
{
if (position == PopupRelativePosition.AlignTop || position == PopupRelativePosition.AlignTopLeft || position == PopupRelativePosition.AlignTopRight)
{
- relativeY = Math.Max(statusBarHeight + actionBarHeight, location[1] - popupViewHeight);
+ relativeY = location[1] - popupViewHeight;
}
else if (position == PopupRelativePosition.AlignBottom || position == PopupRelativePosition.AlignBottomLeft || position == PopupRelativePosition.AlignBottomRight)
{
- relativeY = location[1] + heightOfRelativeView + popupViewHeight < screenHeight ? location[1] + heightOfRelativeView : screenHeight - popupViewHeight;
+ relativeY = location[1] + heightOfRelativeView;
}
else
{
// When the button's height exceeds the screen size, the popup is not displayed correctly within the view.
- relativeY = Math.Max(statusBarHeight + actionBarHeight, location[1] + popupViewHeight < screenHeight ? location[1] : screenHeight - popupViewHeight);
+ relativeY = location[1];
}
+
+ relativeY = popupView._popup.ValidatePopupPosition(relativeY, popupViewHeight, screenHeight, statusBarHeight + (!popupView._popup.IgnoreActionBar ? actionBarHeight : 0));
}
///
diff --git a/maui/src/Popup/Helpers/PopupExtension/PopupExtension.Windows.cs b/maui/src/Popup/Helpers/PopupExtension/PopupExtension.Windows.cs
index 075977d8..590c314b 100644
--- a/maui/src/Popup/Helpers/PopupExtension/PopupExtension.Windows.cs
+++ b/maui/src/Popup/Helpers/PopupExtension/PopupExtension.Windows.cs
@@ -220,10 +220,6 @@ internal static void UpdateEffectVisualSize(SfPopup popup)
internal static void CalculateRelativePoint(PopupView popupView, MauiView relative, PopupRelativePosition position, double absoluteX, double absoluteY, ref double relativeX, ref double relativeY)
{
var isRelativeViewRTL = false;
- if (((relative as IVisualElementController).EffectiveFlowDirection & EffectiveFlowDirection.RightToLeft) == EffectiveFlowDirection.RightToLeft)
- {
- isRelativeViewRTL = true;
- }
var rootView = WindowOverlayHelper._platformRootView;
if (rootView is null || relative.Handler is null || relative.Handler.MauiContext is null)
@@ -244,8 +240,8 @@ internal static void CalculateRelativePoint(PopupView popupView, MauiView relati
location[1] = transform.TransformPoint(new PlatformPoint(0, 0)).Y;
// Adds absolute points to the location of the relative view.
- location[0] += absoluteX;
- location[1] += absoluteY;
+ location[0] = location[0] + (popupView._popup._isRTL ? -absoluteX : absoluteX);
+ location[1] = location[1] + absoluteY;
var screenHeight = GetScreenHeight();
var screenWidth = GetScreenWidth();
@@ -267,72 +263,55 @@ static void CalculateXPosition(PopupView popupView, PopupRelativePosition positi
{
if (popupView._popup._isRTL)
{
- if (isRelativeViewRTL)
- {
- relativeX = Math.Max(location[0] - (2 * absoluteX) - widthOfRelativeView - popupViewWidth, 0);
- }
- else
- {
- relativeX = Math.Max(location[0] - (2 * absoluteX) - popupViewWidth, 0);
- }
+ relativeX = location[0] + widthOfRelativeView;
}
else
{
- relativeX = location[0] - popupViewWidth > 0 ? location[0] - popupViewWidth : 0;
+ relativeX = location[0] - popupViewWidth;
}
}
else if (position == PopupRelativePosition.AlignToRightOf || position == PopupRelativePosition.AlignTopRight || position == PopupRelativePosition.AlignBottomRight)
{
if (popupView._popup._isRTL)
{
- if (isRelativeViewRTL)
- {
- relativeX = Math.Max(location[0] - (2 * absoluteX) - popupViewWidth, 0);
- }
- else
- {
- relativeX = Math.Max(location[0] - (2 * absoluteX) + widthOfRelativeView - popupViewWidth, 0);
- }
+ relativeX = location[0] - popupViewWidth;
}
else
{
- relativeX = location[0] + widthOfRelativeView + popupViewWidth < screenWidth ? location[0] + widthOfRelativeView : screenWidth - popupViewWidth;
+ relativeX = location[0] + widthOfRelativeView;
}
}
else
{
if (popupView._popup._isRTL)
{
- if (isRelativeViewRTL)
- {
- relativeX = Math.Max(location[0] - (2 * absoluteX) - popupViewWidth, 0);
- }
- else
- {
- relativeX = Math.Max(location[0] - (2 * absoluteX) + widthOfRelativeView - popupViewWidth, 0);
- }
+ relativeX = location[0] + widthOfRelativeView - popupViewWidth;
}
else
{
- relativeX = location[0] + popupViewWidth < screenWidth ? location[0] : screenWidth - popupViewWidth;
+ relativeX = location[0];
}
}
+
+ relativeX = popupView._popup.ValidatePopupPosition(relativeX, popupViewWidth, screenWidth);
}
static void CalculateYPosition(PopupView popupView, PopupRelativePosition position, ref double relativeY, double popupViewHeight, double[] location, float heightOfRelativeView, float screenHeight)
{
if (position == PopupRelativePosition.AlignTop || position == PopupRelativePosition.AlignTopLeft || position == PopupRelativePosition.AlignTopRight)
{
- relativeY = Math.Max(GetStatusBarHeight() + GetActionBarHeight(popupView._popup.IgnoreActionBar), location[1] - popupViewHeight);
+ relativeY = location[1] - popupViewHeight;
}
else if (position == PopupRelativePosition.AlignBottom || position == PopupRelativePosition.AlignBottomLeft || position == PopupRelativePosition.AlignBottomRight)
{
- relativeY = location[1] + heightOfRelativeView + popupViewHeight < screenHeight ? location[1] + heightOfRelativeView : screenHeight - popupViewHeight;
+ relativeY = location[1] + heightOfRelativeView;
}
else
{
- relativeY = location[1] + popupViewHeight < screenHeight ? location[1] : screenHeight - popupViewHeight;
+ relativeY = location[1];
}
+
+ relativeY = popupView._popup.ValidatePopupPosition(relativeY, popupViewHeight, screenHeight, GetStatusBarHeight() + (!popupView._popup.IgnoreActionBar ? GetActionBarHeight(popupView._popup.IgnoreActionBar) : 0));
}
static void BlurEffect(UIElement blurElement, SfPopup popup, IReadOnlyList? popupList)
diff --git a/maui/src/Popup/PopupFooter.cs b/maui/src/Popup/PopupFooter.cs
index 63c8e118..b180048b 100644
--- a/maui/src/Popup/PopupFooter.cs
+++ b/maui/src/Popup/PopupFooter.cs
@@ -285,10 +285,12 @@ void Initialize()
_footerView = new SfGrid();
_footerView.Style = new Style(typeof(SfGrid));
_acceptButton = new SfButton() { IsVisible = false };
+ _acceptButton.AutomationId = "PopupAcceptButton";
_acceptButton.Style = new Style(typeof(SfButton));
_acceptButton.Text = SfPopupResources.GetLocalizedString("AcceptButtonText");
_acceptButton.Clicked += OnAcceptButtonClicked;
_declineButton = new SfButton() { IsVisible = false };
+ _declineButton.AutomationId = "PopupDeclineButton";
_declineButton.Style = new Style(typeof(SfButton));
_declineButton.Text = SfPopupResources.GetLocalizedString("DeclineButtonText");
_declineButton.Clicked += OnDeclineButtonClicked;
diff --git a/maui/src/Popup/SfPopup/SfPopup.Android.cs b/maui/src/Popup/SfPopup/SfPopup.Android.cs
index daac1042..3239f5af 100644
--- a/maui/src/Popup/SfPopup/SfPopup.Android.cs
+++ b/maui/src/Popup/SfPopup/SfPopup.Android.cs
@@ -21,7 +21,7 @@ public partial class SfPopup
///
/// List to store the views blurred by this popup.
///
- internal PlatformView? _blurTarget;
+ internal List? _blurredViews;
///
/// Backing field to store the decorView content.
diff --git a/maui/src/Popup/SfPopup/SfPopup.cs b/maui/src/Popup/SfPopup/SfPopup.cs
index 20051e08..c4a958d5 100644
--- a/maui/src/Popup/SfPopup/SfPopup.cs
+++ b/maui/src/Popup/SfPopup/SfPopup.cs
@@ -1582,7 +1582,7 @@ public void Show(double xPosition, double yPosition)
}
else
{
- _positionYPoint = ValidatePopupPosition(yPosition, _popupViewHeight, screenHeight - PopupExtension.GetStatusBarHeight() - PopupExtension.GetActionBarHeight(IgnoreActionBar)) + PopupExtension.GetStatusBarHeight() + PopupExtension.GetActionBarHeight(IgnoreActionBar);
+ _positionYPoint = ValidatePopupPosition(yPosition, _popupViewHeight, screenHeight - PopupExtension.GetStatusBarHeight() - (IgnoreActionBar ? 0 : PopupExtension.GetSafeAreaHeight("Top")) - PopupExtension.GetActionBarHeight(IgnoreActionBar)) + PopupExtension.GetStatusBarHeight() + PopupExtension.GetActionBarHeight(IgnoreActionBar) + (IgnoreActionBar ? 0 : PopupExtension.GetSafeAreaHeight("Top"));
}
if (!IsOpen)
@@ -2055,14 +2055,15 @@ internal void ResetPopupBasedOnDynamicContentSize()
///
/// Validates the position of the popup view.
///
- /// The point at which the layout is expected.
- /// The actual size of the view.
- /// The available size of the view.
+ /// The Point calculated to position the popup.
+ /// The actual size of the view.
+ /// The available size of the view.
+ /// Indicates the starting bounds of the application.
/// Returns the validated position of the popup view.
- internal double ValidatePopupPosition(double point, double actualSize, double availableSize)
+ internal double ValidatePopupPosition(double point, double popupViewSize, double availableScreenSize, double screenStartingPoint = 0)
{
// When the button's width request exceeds the screen size, the popup is not displayed correctly.
- return Math.Max(point + actualSize > availableSize ? availableSize - actualSize : point, 0);
+ return Math.Max(point + popupViewSize > availableScreenSize ? availableScreenSize - popupViewSize : point, screenStartingPoint);
}
#endregion
@@ -2167,13 +2168,29 @@ void DisplayPopup()
// Need to test if sizing has already been called when laying out relative to the view.
CalculatePopupViewWidth();
CalculatePopupViewHeight();
-
+#if WINDOWS
+ // IsViewLoaded will be true after the position popup.
+ // It will be set during the initialization of the child view.
+ // This flag is used to determine whether the calculations for size have been done with or without the child.
+ bool isChildViewInitialized = false;
+ if (_popupView is not null)
+ {
+ isChildViewInitialized = _popupView.IsViewLoaded;
+ }
+#endif
PositionPopupView();
ApplyOverlayBackground();
// When setting AutoSizeMode, the Popup MessageView is measured after being added, so the height, width, and position need to be recalculated.
UpdatePopupView();
+#if WINDOWS
+ // When setting AutoSizeMode, the measure happened without child initialization and is not called after calculating the width, so remeasuring is required; otherwise, the OnDraw dirtyRect will have the wrong width.
+ if (_popupView is not null && AutoSizeMode is not PopupAutoSizeMode.None && !IsFullScreen && !isChildViewInitialized)
+ {
+ _popupView.Measure(double.PositiveInfinity, double.PositiveInfinity);
+ }
+#endif
if (!RaisePopupOpeningEvent())
{
ApplyContainerAnimation();
@@ -2380,7 +2397,7 @@ void PositionPopupView()
}
}
- if (StartY == -1)
+ if (StartY == -1 || CanShowPopupInFullScreen)
{
// TODO when IsFullScreen is true, popup need to position from below statusbar.
// when IsFullScreen is false, popup need to position from below actionbar.
@@ -2398,7 +2415,14 @@ void PositionPopupView()
}
else
{
- y = (screenHeight - _popupViewHeight) / 2;
+ if (((screenHeight - _popupViewHeight) / 2) < statusBarHeight)
+ {
+ y = statusBarHeight;
+ }
+ else
+ {
+ y = (screenHeight - _popupViewHeight) / 2;
+ }
}
}
else
@@ -2505,7 +2529,7 @@ void CalculatePopupViewWidth()
}
}
- _popupViewWidth = Math.Min(_popupViewWidth, PopupExtension.GetScreenWidth() - (PopupExtension.GetSafeAreaHeight("Left") + PopupExtension.GetSafeAreaHeight("Right")));
+ _popupViewWidth = Math.Min(_popupViewWidth + PopupStyle.GetStrokeThickness(), PopupExtension.GetScreenWidth() - (PopupExtension.GetSafeAreaHeight("Left") + PopupExtension.GetSafeAreaHeight("Right")));
}
double GetFinalWidth(View template)
@@ -2612,7 +2636,7 @@ void CalculatePopupViewHeight()
AppliedBodyHeight = (screenHeight - (AppliedHeaderHeight + AppliedFooterHeight + safeAreaHeightAtTop + safeAreaHeightAtBottom + statusBarHeight + actionBarHeight));
}
- _popupViewHeight = AppliedHeaderHeight + AppliedBodyHeight + AppliedFooterHeight;
+ _popupViewHeight = AppliedHeaderHeight + AppliedBodyHeight + AppliedFooterHeight + strokeThickness;
// _popupViewHeight is not updated when the content size is increased in runtime when the keyboard is in open.
if (_popupViewHeightBeforeKeyboardInView != 0 && _keyboardPoints != 0)
@@ -2623,7 +2647,7 @@ void CalculatePopupViewHeight()
else
{
// When changing the device orientation from landscape to portrait, the popup, which was shrunk in landscape, does not return to its default height in portrait.
- _popupViewHeight = GetPopupViewDefaultHeight();
+ _popupViewHeight = GetPopupViewDefaultHeight() + strokeThickness;
}
}
@@ -3155,7 +3179,7 @@ void SetParent()
{
_popupOverlayContainer.Parent = page;
- // _popupOverlayContainer visibility is set to false after dismissing the popup.
+ // _popupOverlayContainer visibility is set to false after dismissing the popup.
// _popupOverlayContainer will be set as the parent to popupView here from DisplayPopup().
// Due to Maui 9.0.50 changes [https://github.com/dotnet/maui/pull/20154],
// the IsVisible property of _popupView is set to false when reopening with the same instance of the popup, since _popupOverlayContainer visibility will now be false.
@@ -3203,7 +3227,7 @@ Easing GetAnimationEasing()
///
void ApplyContainerAnimation()
{
- if (_isContainerAnimationInProgress || _popupOverlayContainer is null || AnimationMode is PopupAnimationMode.None)
+ if (_isContainerAnimationInProgress || _popupOverlayContainer is null || AnimationMode is PopupAnimationMode.None || !CanAnimate())
{
return;
}
@@ -3226,9 +3250,15 @@ void ApplyPopupAnimation()
{
return;
}
+
+ if (!CanAnimate())
+ {
+ ProcessAnimationCompleted(_popupView);
+ return;
+ }
#if IOS
// Native configuration for Scale and Translation will get skipped if Parent is null and Frame is Zero.
- if (AnimationMode is not PopupAnimationMode.None && _popupView is IView popupView)
+ if (_popupView is IView popupView)
{
popupView.Frame = new Rect(_popupXPosition, _popupYPosition, _popupViewHeight, _popupViewWidth);
}
@@ -3303,10 +3333,6 @@ void ApplyPopupAnimation()
#endif
SlideAnimate(_popupView, IsOpen ? startTranslate : endTranslate, IsOpen ? endTranslate : startTranslate);
break;
-
- case PopupAnimationMode.None:
- ProcessAnimationCompleted(_popupView);
- break;
}
}
@@ -3405,6 +3431,15 @@ void ProcessAnimationCompleted(View view)
RaisePopupEvent();
}
+ ///
+ /// Checks if the animation should proceed based on the animation duration and mode.
+ ///
+ /// Returns true if the animation duration is greater than 0 and the animation mode is not None, indicating that the animation should proceed. Returns false otherwise.
+ private bool CanAnimate()
+ {
+ return AnimationDuration > 0 && AnimationMode is not PopupAnimationMode.None;
+ }
+
///
/// Reset the _popupView Animated Properties.
///
@@ -3429,27 +3464,25 @@ void ResetAnimatedProperties()
///
void AbortPopupViewAnimation()
{
- if (AnimationMode is PopupAnimationMode.None)
- {
- return;
- }
-
- if (_popupView.AnimationIsRunning("ZoomAnimation"))
- {
- _popupView.AbortAnimation("ZoomAnimation");
- }
- else if (_popupView.AnimationIsRunning("FadeAnimation"))
- {
- _popupView.AbortAnimation("FadeAnimation");
- }
- else if (_popupView.AnimationIsRunning("SlideAnimation"))
+ if (CanAnimate())
{
- _popupView.AbortAnimation("SlideAnimation");
- }
+ if (_popupView.AnimationIsRunning("ZoomAnimation"))
+ {
+ _popupView.AbortAnimation("ZoomAnimation");
+ }
+ else if (_popupView.AnimationIsRunning("FadeAnimation"))
+ {
+ _popupView.AbortAnimation("FadeAnimation");
+ }
+ else if (_popupView.AnimationIsRunning("SlideAnimation"))
+ {
+ _popupView.AbortAnimation("SlideAnimation");
+ }
- if (_popupOverlayContainer.AnimationIsRunning("ContainerFadeAnimation"))
- {
- _popupOverlayContainer.AbortAnimation("ContainerFadeAnimation");
+ if (_popupOverlayContainer.AnimationIsRunning("ContainerFadeAnimation"))
+ {
+ _popupOverlayContainer.AbortAnimation("ContainerFadeAnimation");
+ }
}
}
diff --git a/maui/src/Popup/SfPopup/SfPopup.iOS.cs b/maui/src/Popup/SfPopup/SfPopup.iOS.cs
index 24c787b6..50354a29 100644
--- a/maui/src/Popup/SfPopup/SfPopup.iOS.cs
+++ b/maui/src/Popup/SfPopup/SfPopup.iOS.cs
@@ -188,6 +188,10 @@ internal void ApplyNativePopupViewClip()
var maskLayer = new CAShapeLayer { Frame = view.Bounds, Path = maskPath.CGPath };
view.Layer.Mask = maskLayer;
}
+ else
+ {
+ view.Layer.Mask = null;
+ }
}
}
diff --git a/maui/src/Popup/Style/PopupStyle.cs b/maui/src/Popup/Style/PopupStyle.cs
index 77269f11..9774e007 100644
--- a/maui/src/Popup/Style/PopupStyle.cs
+++ b/maui/src/Popup/Style/PopupStyle.cs
@@ -1149,7 +1149,7 @@ internal void SetThemeProperties(SfPopup popup)
ApplyDynamicResource(HeaderBackgroundProperty, "SfPopupNormalHeaderBackground");
ApplyDynamicResource(HeaderTextColorProperty, "SfPopupNormalHeaderTextColor");
ApplyDynamicResource(MessageBackgroundProperty, "SfPopupNormalMessageBackground");
- ApplyDynamicResource(MessageTextColorProperty, "SfpopupNormalMessageTextColor");
+ ApplyDynamicResource(MessageTextColorProperty, "SfPopupNormalMessageTextColor");
ApplyDynamicResource(FooterBackgroundProperty, "SfPopupNormalFooterBackground");
ApplyDynamicResource(AcceptButtonBackgroundProperty, "SfPopupNormalAcceptButtonBackground");
ApplyDynamicResource(AcceptButtonTextColorProperty, "SfPopupNormalAcceptButtonTextColor");
diff --git a/maui/src/ProgressBar/Base/ProgressBarBase.cs b/maui/src/ProgressBar/Base/ProgressBarBase.cs
new file mode 100644
index 00000000..12b94343
--- /dev/null
+++ b/maui/src/ProgressBar/Base/ProgressBarBase.cs
@@ -0,0 +1,1433 @@
+using System.Collections.ObjectModel;
+using System.Collections.Specialized;
+using Syncfusion.Maui.Toolkit.Graphics.Internals;
+
+namespace Syncfusion.Maui.Toolkit.ProgressBar
+{
+ ///
+ /// Base class of and .
+ /// It contains common logic of track, progress, etc that help to visualize the data.
+ ///
+ public abstract class ProgressBarBase : SfView
+ {
+ #region Fields
+
+ ///
+ /// Field used to skip the property changed when the is changed from .
+ ///
+ bool _skipProgressUpdate = false;
+
+ #endregion
+
+ #region Bindable Properties
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty MinimumProperty =
+ BindableProperty.Create(
+ nameof(Minimum),
+ typeof(double),
+ typeof(ProgressBarBase),
+ 0d,
+ propertyChanged: OnMinimumPropertyChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty MaximumProperty =
+ BindableProperty.Create(
+ nameof(Maximum),
+ typeof(double),
+ typeof(ProgressBarBase),
+ 100d,
+ propertyChanged: OnMaximumPropertyChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty TrackFillProperty =
+ BindableProperty.Create(
+ nameof(TrackFill),
+ typeof(Brush),
+ typeof(ProgressBarBase),
+ null,
+ defaultValueCreator: bindable => new SolidColorBrush(Color.FromArgb("#E7E0EC")),
+ propertyChanged: OnFillPropertyChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty ProgressProperty =
+ BindableProperty.Create(
+ nameof(Progress),
+ typeof(double),
+ typeof(ProgressBarBase),
+ 0d,
+ propertyChanged: OnProgressPropertyChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty ProgressFillProperty =
+ BindableProperty.Create(
+ nameof(ProgressFill),
+ typeof(Brush),
+ typeof(ProgressBarBase),
+ null,
+ defaultValueCreator: bindable => new SolidColorBrush(Color.FromArgb("#6750A4")),
+ propertyChanged: OnFillPropertyChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty SegmentCountProperty =
+ BindableProperty.Create(
+ nameof(SegmentCount),
+ typeof(int),
+ typeof(ProgressBarBase),
+ 1,
+ propertyChanged: OnSegmentPropertiesChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty SegmentGapWidthProperty =
+ BindableProperty.Create(
+ nameof(SegmentGapWidth),
+ typeof(double),
+ typeof(ProgressBarBase),
+ 3d,
+ propertyChanged: OnSegmentPropertiesChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty IsIndeterminateProperty =
+ BindableProperty.Create(
+ nameof(IsIndeterminate),
+ typeof(bool),
+ typeof(ProgressBarBase),
+ false,
+ propertyChanged: OnIndeterminatePropertiesChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty IndeterminateIndicatorWidthFactorProperty =
+ BindableProperty.Create(
+ nameof(IndeterminateIndicatorWidthFactor),
+ typeof(double), typeof(ProgressBarBase),
+ 0.25d,
+ coerceValue: (bindable, value) =>
+ {
+ return Math.Clamp((double)value, 0, 1);
+ },
+ propertyChanged: OnIndeterminatePropertiesChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty IndeterminateAnimationEasingProperty =
+ BindableProperty.Create(
+ nameof(IndeterminateAnimationEasing),
+ typeof(Easing),
+ typeof(ProgressBarBase),
+ Easing.Linear,
+ propertyChanged: OnIndeterminatePropertiesChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty IndeterminateAnimationDurationProperty =
+ BindableProperty.Create(
+ nameof(IndeterminateAnimationDuration),
+ typeof(double),
+ typeof(ProgressBarBase),
+ 3000d,
+ propertyChanged: OnIndeterminatePropertiesChanged);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty AnimationDurationProperty =
+ BindableProperty.Create(
+ nameof(AnimationDuration),
+ typeof(double),
+ typeof(ProgressBarBase),
+ 1000d,
+ BindingMode.Default, null);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty AnimationEasingProperty =
+ BindableProperty.Create(
+ nameof(AnimationEasing),
+ typeof(Easing),
+ typeof(ProgressBarBase),
+ Easing.Linear,
+ BindingMode.Default,
+ null);
+
+ ///
+ /// Identifies the bindable property.
+ ///
+ ///
+ /// The identifier for bindable property.
+ ///
+ public static readonly BindableProperty GradientStopsProperty =
+ BindableProperty.Create(
+ nameof(GradientStops),
+ typeof(ObservableCollection),
+ typeof(ProgressBarBase),
+ null,
+ propertyChanged: OnGradientPropertyChanged);
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ public ProgressBarBase()
+ {
+ GradientStops = new ObservableCollection();
+ DrawingOrder = DrawingOrder.BelowContent;
+ ValidateMinimumMaximum();
+ }
+
+ #endregion
+
+ #region Properties
+
+ ///
+ /// Gets or sets the minimum possible value of the progress bar. The progress bar range starts from this value.
+ ///
+ ///
+ /// The minimum possible value of the progress bar. The default value is 0.
+ ///
+ ///
+ ///
+ /// # [XAML](#tab/tabid-1)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// This snippet shows how to hook ProgressChanged event for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// This snippet shows how to hook ProgressCompleted event for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// This snippet shows how to hook ProgressCompleted event for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ /// ]]>
+ /// This snippet shows how to hook ProgressCompleted event for
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// Snippet for
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ /// Snippet for
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ ///
+ ///
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-2)
+ ///
+ ///
+ ///
+ /// Day
+ /// Week
+ /// Month
+ /// Year
+ ///
+ ///
+ ///
+ /// ]]>
+ /// # [C#](#tab/tabid-38)
+ ///