TimePicker Handlers

src/Compatibility/Core/src/Android/Renderers/TimePickerRenderer.cs

@@ -16,6 +16,7 @@ public abstract class TimePickerRendererBase<TControl> : ViewRenderer<TimePicker
 		AlertDialog _dialog;
 		bool _disposed;
 
+		[PortHandler]
 		bool Is24HourView
 		{
 			get => (DateFormat.Is24HourFormat(Context) && Element.Format == (string)TimePicker.FormatProperty.DefaultValue) || Element.Format?.Contains('H') == true;
@@ -154,6 +155,7 @@ void OnCancelButtonClicked(object sender, EventArgs e)
 			Element.Unfocus();
 		}
 
+		[PortHandler]
 		void SetTime(TimeSpan time)
 		{
 			if (String.IsNullOrEmpty(Element.Format))

src/Compatibility/Core/src/iOS/Renderers/TimePickerRenderer.cs

@@ -17,6 +17,7 @@ public TimePickerRenderer()
 
 		}
 
+		[PortHandler]
 		protected override UITextField CreateNativeControl()
 		{
 			return new NoCaretField { BorderStyle = UITextBorderStyle.RoundedRect };
@@ -201,6 +202,7 @@ void UpdateCharacterSpacing()
 				Control.AttributedText = textAttr;
 		}
 
+		[PortHandler]
 		void UpdateTime()
 		{
 			_picker.Date = new DateTime(1, 1, 1).Add(Element.Time).ToNSDate();
@@ -237,6 +239,7 @@ void UpdateTime()
 			Element.InvalidateMeasureNonVirtual(Controls.Internals.InvalidationTrigger.MeasureChanged);
 		}
 
+		[PortHandler]
 		void UpdateElementTime()
 		{
 			ElementController.SetValueFromRenderer(TimePicker.TimeProperty, _picker.Date.ToDateTime() - new DateTime(1, 1, 1));

src/Controls/samples/Controls.Sample/Pages/MainPage.cs

@@ -5,10 +5,10 @@
 
 namespace Maui.Controls.Sample.Pages
 {
-
 	public class MainPage : ContentPage, IPage
 	{
 		MainPageViewModel _viewModel;
+
 		public MainPage() : this(App.Current.Services.GetService<MainPageViewModel>())
 		{
 

src/Controls/src/Core/HandlerImpl/TimePicker.Impl.cs

@@ -0,0 +1,7 @@
+namespace Microsoft.Maui.Controls
+{
+	public partial class TimePicker : ITimePicker
+	{
+
+	}
+}

src/Controls/src/Core/TimePicker.cs

@@ -3,7 +3,7 @@
 
 namespace Microsoft.Maui.Controls
 {
-	public class TimePicker : View, IFontElement, ITextElement, IElementConfiguration<TimePicker>
+	public partial class TimePicker : View, IFontElement, ITextElement, IElementConfiguration<TimePicker>
 	{
 		public static readonly BindableProperty FormatProperty = BindableProperty.Create(nameof(Format), typeof(string), typeof(TimePicker), "t");
 

src/Core/src/Core/ITimePicker.cs

@@ -0,0 +1,10 @@
+using System;
+
+namespace Microsoft.Maui
+{
+	public interface ITimePicker : IView
+	{
+		string Format { get; }
+		TimeSpan Time { get; set; }
+	}
+}

src/Core/src/Handlers/TimePicker/TimePickerHandler.Android.cs

@@ -0,0 +1,79 @@
+using System;
+using Android.App;
+
+namespace Microsoft.Maui.Handlers
+{
+	public partial class TimePickerHandler : AbstractViewHandler<ITimePicker, MauiTimePicker>
+	{
+		MauiTimePicker? _timePicker;
+		AlertDialog? _dialog;
+
+		protected override MauiTimePicker CreateNativeView()
+		{
+			_timePicker = new MauiTimePicker(Context)
+			{
+				ShowPicker = ShowPickerDialog,
+				HidePicker = HidePickerDialog
+			};
+
+			return _timePicker;
+		}
+
+		protected override void DisconnectHandler(MauiTimePicker nativeView)
+		{
+			if (_dialog != null)
+			{
+				_dialog.Hide();
+				_dialog = null;
+			}
+		}
+
+		protected virtual TimePickerDialog CreateTimePickerDialog(int hour, int minute)
+		{
+			void onTimeSetCallback(object? obj, TimePickerDialog.TimeSetEventArgs args)
+			{
+				if (VirtualView == null || TypedNativeView == null)
+					return;
+
+				VirtualView.Time = new TimeSpan(args.HourOfDay, args.Minute, 0);
+			}
+
+			var dialog = new TimePickerDialog(Context!, onTimeSetCallback, hour, minute, _timePicker != null && _timePicker.Is24HourView(VirtualView));
+
+			return dialog;
+		}
+
+		public static void MapFormat(TimePickerHandler handler, ITimePicker timePicker)
+		{
+			handler.TypedNativeView?.UpdateFormat(timePicker);
+		}
+
+		public static void MapTime(TimePickerHandler handler, ITimePicker timePicker)
+		{
+			handler.TypedNativeView?.UpdateTime(timePicker);
+		}
+
+		void ShowPickerDialog()
+		{
+			if (VirtualView == null)
+				return;
+
+			var time = VirtualView.Time;
+			ShowPickerDialog(time.Hours, time.Minutes);
+		}
+
+		// This overload is here so we can pass in the current values from the dialog 
+		// on an orientation change (so that orientation changes don't cause the user's date selection progress
+		// to be lost). Not useful until we have orientation changed events.
+		void ShowPickerDialog(int hour, int minute)
+		{
+			_dialog = CreateTimePickerDialog(hour, minute);
+			_dialog.Show();
+		}
+
+		void HidePickerDialog()
+		{
+			_dialog?.Hide();
+		}
+	}
+}

src/Core/src/Handlers/TimePicker/TimePickerHandler.Standard.cs

@@ -0,0 +1,12 @@
+using System;
+
+namespace Microsoft.Maui.Handlers
+{
+	public partial class TimePickerHandler : AbstractViewHandler<ITimePicker, object>
+	{
+		protected override object CreateNativeView() => throw new NotImplementedException();
+
+		public static void MapFormat(TimePickerHandler handler, ITimePicker view) { }
+		public static void MapTime(TimePickerHandler handler, ITimePicker view) { }
+	}
+}

src/Core/src/Handlers/TimePicker/TimePickerHandler.cs

@@ -0,0 +1,21 @@
+namespace Microsoft.Maui.Handlers
+{
+	public partial class TimePickerHandler
+	{
+		public static PropertyMapper<ITimePicker, TimePickerHandler> TimePickerMapper = new PropertyMapper<ITimePicker, TimePickerHandler>(ViewHandler.ViewMapper)
+		{
+			[nameof(ITimePicker.Format)] = MapFormat,
+			[nameof(ITimePicker.Time)] = MapTime
+		};
+
+		public TimePickerHandler() : base(TimePickerMapper)
+		{
+
+		}
+
+		public TimePickerHandler(PropertyMapper mapper) : base(mapper ?? TimePickerMapper)
+		{
+
+		}
+	}
+}

src/Core/src/Handlers/TimePicker/TimePickerHandler.iOS.cs

@@ -0,0 +1,90 @@
+using System;
+using Foundation;
+using UIKit;
+using RectangleF = CoreGraphics.CGRect;
+
+namespace Microsoft.Maui.Handlers
+{
+	public partial class TimePickerHandler : AbstractViewHandler<ITimePicker, MauiTimePicker>
+	{
+		MauiTimePicker? _nativeTimePicker;
+		static UIDatePicker? Picker;
+
+		protected override MauiTimePicker CreateNativeView()
+		{
+			_nativeTimePicker = new MauiTimePicker();
+
+			Picker = new UIDatePicker { Mode = UIDatePickerMode.Time, TimeZone = new NSTimeZone("UTC") };
+
+			if (NativeVersion.IsAtLeast(14))
+			{
+				Picker.PreferredDatePickerStyle = UIDatePickerStyle.Wheels;
+			}
+
+			var width = UIScreen.MainScreen.Bounds.Width;
+			var toolbar = new UIToolbar(new RectangleF(0, 0, width, 44)) { BarStyle = UIBarStyle.Default, Translucent = true };
+			var spacer = new UIBarButtonItem(UIBarButtonSystemItem.FlexibleSpace);
+
+			var doneButton = new UIBarButtonItem(UIBarButtonSystemItem.Done, (o, a) =>
+			{
+				SetVirtualViewTime();
+				_nativeTimePicker.ResignFirstResponder();
+			});
+
+			toolbar.SetItems(new[] { spacer, doneButton }, false);
+
+			_nativeTimePicker.InputView = Picker;
+			_nativeTimePicker.InputAccessoryView = toolbar;
+
+			_nativeTimePicker.InputView.AutoresizingMask = UIViewAutoresizing.FlexibleHeight;
+			_nativeTimePicker.InputAccessoryView.AutoresizingMask = UIViewAutoresizing.FlexibleHeight;
+
+			_nativeTimePicker.InputAssistantItem.LeadingBarButtonGroups = null;
+			_nativeTimePicker.InputAssistantItem.TrailingBarButtonGroups = null;
+
+			_nativeTimePicker.AccessibilityTraits = UIAccessibilityTrait.Button;
+
+			return _nativeTimePicker;
+		}
+
+		protected override void ConnectHandler(MauiTimePicker nativeView)
+		{
+			if (Picker != null)
+				Picker.ValueChanged += OnValueChanged;
+		}
+
+		protected override void DisconnectHandler(MauiTimePicker nativeView)
+		{
+			if (Picker != null)
+			{
+				Picker.RemoveFromSuperview();
+				Picker.ValueChanged -= OnValueChanged;
+				Picker.Dispose();
+				Picker = null;
+			}
+		}
+
+		public static void MapFormat(TimePickerHandler handler, ITimePicker timePicker)
+		{
+			handler.TypedNativeView?.UpdateFormat(timePicker, Picker);
+		}
+
+		public static void MapTime(TimePickerHandler handler, ITimePicker timePicker)
+		{
+			handler.TypedNativeView?.UpdateTime(timePicker, Picker);
+		}
+
+		void OnValueChanged(object? sender, EventArgs e)
+		{
+			SetVirtualViewTime();
+		}
+
+		void SetVirtualViewTime()
+		{
+			if (VirtualView == null || Picker == null)
+				return;
+
+			VirtualView.Time = Picker.Date.ToDateTime() - new DateTime(1, 1, 1);
+		}
+	}
+}

src/Core/src/Hosting/AppHostBuilderExtensions.cs

@@ -41,7 +41,8 @@ public static IAppHostBuilder UseMauiHandlers(this IAppHostBuilder builder)
 				{  typeof(ILayout), typeof(LayoutHandler) },
 				{  typeof(ILabel), typeof(LabelHandler) },
 				{  typeof(ISlider), typeof(SliderHandler) },
-				{  typeof(ISwitch), typeof(SwitchHandler) }
+				{  typeof(ISwitch), typeof(SwitchHandler) },
+				{  typeof(ITimePicker), typeof(TimePickerHandler) }
 			});
 
 			return builder;

src/Core/src/Platform/Android/MauiTimePicker.cs

@@ -0,0 +1,46 @@
+using System;
+using Android.Content;
+using Android.Runtime;
+using Android.Util;
+using Android.Views;
+using Android.Widget;
+using static Android.Views.View;
+
+namespace Microsoft.Maui
+{
+	public class MauiTimePicker : EditText, IOnClickListener
+	{
+		public MauiTimePicker(Context? context) : base(context)
+		{
+			Initialize();
+		}
+
+		public MauiTimePicker(Context? context, IAttributeSet attrs) : base(context, attrs)
+		{
+			Initialize();
+		}
+
+		public MauiTimePicker(Context? context, IAttributeSet attrs, int defStyleAttr) : base(context, attrs, defStyleAttr)
+		{
+			Initialize();
+		}
+
+		protected MauiTimePicker(IntPtr javaReference, JniHandleOwnership transfer) : base(javaReference, transfer)
+		{
+		}
+
+		private void Initialize()
+		{
+			Focusable = true;
+			SetOnClickListener(this);
+		}
+
+		public Action? ShowPicker { get; set; }
+		public Action? HidePicker { get; set; }
+
+		public void OnClick(View? v)
+		{
+			ShowPicker?.Invoke();
+		}
+	}
+}

src/Core/src/Platform/Android/TimePickerExtensions.cs

@@ -0,0 +1,39 @@
+using System;
+using Android.Text.Format;
+
+namespace Microsoft.Maui
+{
+	public static class TimePickerExtensions
+	{
+		public static void UpdateFormat(this MauiTimePicker mauiTimePicker, ITimePicker view)
+		{
+			mauiTimePicker.SetTime(view);
+		}
+
+		public static void UpdateTime(this MauiTimePicker mauiTimePicker, ITimePicker view)
+		{
+			mauiTimePicker.SetTime(view);
+		}
+
+		internal static bool Is24HourView(this MauiTimePicker mauiTimePicker, ITimePicker? timePicker)
+		{
+			return timePicker != null && (DateFormat.Is24HourFormat(mauiTimePicker.Context) && timePicker.Format == "t" || timePicker.Format == "HH:mm");
+		}
+
+		internal static void SetTime(this MauiTimePicker mauiTimePicker, ITimePicker timePicker)
+		{
+			var time = timePicker.Time;
+
+			if (string.IsNullOrEmpty(timePicker.Format))
+			{
+				var timeFormat = "t";
+				mauiTimePicker.Text = DateTime.Today.Add(time).ToString(timeFormat);
+			}
+			else
+			{
+				var timeFormat = timePicker.Format;
+				mauiTimePicker.Text = DateTime.Today.Add(time).ToString(timeFormat);
+			}
+		}
+	}
+}