Use DateOnly / TimeOnly in DatePicker / TimePicker

samples/ControlGallery/Views/SetValues/DatePickerPage.razor

@@ -1,11 +1,11 @@
 <ContentPage Title="DatePicker">
     <VerticalStackLayout Margin="20">
         <DatePicker @bind-Date="_date" />
-        <Label>Selected date: @_date.ToShortDateString()</Label>
+        <Label>Selected date: @_date</Label>
     </VerticalStackLayout>
 </ContentPage>
 
 @code
 {
-    private DateTime _date;
+    private DateOnly _date = DateOnly.FromDateTime(DateTime.Today);
 }

samples/ControlGallery/Views/SetValues/TimePickerPage.razor

@@ -7,5 +7,5 @@
 
 @code
 {
-    private TimeSpan _time;
+    private TimeOnly _time = TimeOnly.FromDateTime(DateTime.Now);
 }

src/BlazorBindings.Maui/Elements/DatePicker.cs

@@ -0,0 +1,64 @@
+using Microsoft.AspNetCore.Components;
+using System;
+using MC = Microsoft.Maui.Controls;
+
+namespace BlazorBindings.Maui.Elements
+{
+    public partial class DatePicker
+    {
+        [Parameter] public DateOnly? Date { get; set; }
+        [Parameter] public EventCallback<DateOnly> DateChanged { get; set; }
+        [Parameter] public DateOnly? MaximumDate { get; set; }
+        [Parameter] public DateOnly? MinimumDate { get; set; }
+
+        protected override bool HandleAdditionalParameter(string name, object value)
+        {
+            switch (name)
+            {
+                case nameof(Date):
+                    if (!Equals(Date, value))
+                    {
+                        Date = (DateOnly?)value;
+
+                        NativeControl.Date = Date != null
+                            ? Date.Value.ToDateTime(TimeOnly.MinValue)
+                            : (DateTime)MC.DatePicker.DateProperty.DefaultValue;
+                    }
+                    return true;
+                case nameof(MaximumDate):
+                    if (!Equals(MaximumDate, value))
+                    {
+                        MaximumDate = (DateOnly?)value;
+
+                        NativeControl.MaximumDate = MaximumDate != null
+                            ? MaximumDate.Value.ToDateTime(TimeOnly.MinValue)
+                            : (DateTime)MC.DatePicker.MaximumDateProperty.DefaultValue;
+                    }
+                    return true;
+                case nameof(MinimumDate):
+                    if (!Equals(MinimumDate, value))
+                    {
+                        MinimumDate = (DateOnly?)value;
+
+                        NativeControl.MinimumDate = MinimumDate != null
+                            ? MinimumDate.Value.ToDateTime(TimeOnly.MinValue)
+                            : (DateTime)MC.DatePicker.MinimumDateProperty.DefaultValue;
+                    }
+                    return true;
+                case nameof(DateChanged):
+                    if (!Equals(DateChanged, value))
+                    {
+                        void NativeControlDateSelected(object sender, MC.DateChangedEventArgs e) => DateChanged.InvokeAsync(DateOnly.FromDateTime(NativeControl.Date));
+
+                        DateChanged = (EventCallback<DateOnly>)value;
+                        NativeControl.DateSelected -= NativeControlDateSelected;
+                        NativeControl.DateSelected += NativeControlDateSelected;
+                    }
+                    return true;
+
+                default:
+                    return base.HandleAdditionalParameter(name, value);
+            }
+        }
+    }
+}

src/BlazorBindings.Maui/Elements/DatePicker.generated.cs

@@ -9,7 +9,6 @@
 using MC = Microsoft.Maui.Controls;
 using Microsoft.AspNetCore.Components;
 using Microsoft.Maui.Graphics;
-using System;
 using System.Threading.Tasks;
 
 namespace BlazorBindings.Maui.Elements
@@ -22,16 +21,12 @@ static DatePicker()
         }
 
         [Parameter] public double? CharacterSpacing { get; set; }
-        [Parameter] public DateTime? Date { get; set; }
         [Parameter] public MC.FontAttributes? FontAttributes { get; set; }
         [Parameter] public bool? FontAutoScalingEnabled { get; set; }
         [Parameter] public string FontFamily { get; set; }
         [Parameter] public double? FontSize { get; set; }
         [Parameter] public string Format { get; set; }
-        [Parameter] public DateTime? MaximumDate { get; set; }
-        [Parameter] public DateTime? MinimumDate { get; set; }
         [Parameter] public Color TextColor { get; set; }
-        [Parameter] public EventCallback<DateTime> DateChanged { get; set; }
 
         public new MC.DatePicker NativeControl => (MC.DatePicker)((Element)this).NativeControl;
 
@@ -48,13 +43,6 @@ protected override void HandleParameter(string name, object value)
                         NativeControl.CharacterSpacing = CharacterSpacing ?? (double)MC.DatePicker.CharacterSpacingProperty.DefaultValue;
                     }
                     break;
-                case nameof(Date):
-                    if (!Equals(Date, value))
-                    {
-                        Date = (DateTime?)value;
-                        NativeControl.Date = Date ?? (DateTime)MC.DatePicker.DateProperty.DefaultValue;
-                    }
-                    break;
                 case nameof(FontAttributes):
                     if (!Equals(FontAttributes, value))
                     {
@@ -90,37 +78,13 @@ protected override void HandleParameter(string name, object value)
                         NativeControl.Format = Format;
                     }
                     break;
-                case nameof(MaximumDate):
-                    if (!Equals(MaximumDate, value))
-                    {
-                        MaximumDate = (DateTime?)value;
-                        NativeControl.MaximumDate = MaximumDate ?? (DateTime)MC.DatePicker.MaximumDateProperty.DefaultValue;
-                    }
-                    break;
-                case nameof(MinimumDate):
-                    if (!Equals(MinimumDate, value))
-                    {
-                        MinimumDate = (DateTime?)value;
-                        NativeControl.MinimumDate = MinimumDate ?? (DateTime)MC.DatePicker.MinimumDateProperty.DefaultValue;
-                    }
-                    break;
                 case nameof(TextColor):
                     if (!Equals(TextColor, value))
                     {
                         TextColor = (Color)value;
                         NativeControl.TextColor = TextColor;
                     }
                     break;
-                case nameof(DateChanged):
-                    if (!Equals(DateChanged, value))
-                    {
-                        void NativeControlDateSelected(object sender, MC.DateChangedEventArgs e) => DateChanged.InvokeAsync(NativeControl.Date);
-
-                        DateChanged = (EventCallback<DateTime>)value;
-                        NativeControl.DateSelected -= NativeControlDateSelected;
-                        NativeControl.DateSelected += NativeControlDateSelected;
-                    }
-                    break;
 
                 default:
                     base.HandleParameter(name, value);

src/BlazorBindings.Maui/Elements/TimePicker.cs

@@ -0,0 +1,57 @@
+// <auto-generated>
+//     This code was generated by a BlazorBindings.Maui component generator.
+//
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+
+using BlazorBindings.Core;
+using MC = Microsoft.Maui.Controls;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Maui.Graphics;
+using System;
+using System.ComponentModel;
+using System.Threading.Tasks;
+
+namespace BlazorBindings.Maui.Elements
+{
+    public partial class TimePicker
+    {
+        [Parameter] public TimeOnly? Time { get; set; }
+        [Parameter] public EventCallback<TimeOnly> TimeChanged { get; set; }
+
+        protected override bool HandleAdditionalParameter(string name, object value)
+        {
+            switch (name)
+            {
+                case nameof(Time):
+                    if (!Equals(Time, value))
+                    {
+                        Time = (TimeOnly?)value;
+                        NativeControl.Time = Time != null
+                            ? Time.Value.ToTimeSpan()
+                            : (TimeSpan)MC.TimePicker.TimeProperty.DefaultValue;
+                    }
+                    return true;
+                case nameof(TimeChanged):
+                    if (!Equals(TimeChanged, value))
+                    {
+                        void NativeControlPropertyChanged(object sender, PropertyChangedEventArgs e)
+                        {
+                            if (e.PropertyName == nameof(NativeControl.Time))
+                            {
+                                TimeChanged.InvokeAsync(TimeOnly.FromTimeSpan(NativeControl.Time));
+                            }
+                        }
+
+                        TimeChanged = (EventCallback<TimeOnly>)value;
+                        NativeControl.PropertyChanged -= NativeControlPropertyChanged;
+                        NativeControl.PropertyChanged += NativeControlPropertyChanged;
+                    }
+                    return true;
+            }
+
+            return base.HandleAdditionalParameter(name, value);
+        }
+    }
+}

src/BlazorBindings.Maui/Elements/TimePicker.generated.cs

@@ -9,8 +9,6 @@
 using MC = Microsoft.Maui.Controls;
 using Microsoft.AspNetCore.Components;
 using Microsoft.Maui.Graphics;
-using System;
-using System.ComponentModel;
 using System.Threading.Tasks;
 
 namespace BlazorBindings.Maui.Elements
@@ -29,8 +27,6 @@ static TimePicker()
         [Parameter] public double? FontSize { get; set; }
         [Parameter] public string Format { get; set; }
         [Parameter] public Color TextColor { get; set; }
-        [Parameter] public TimeSpan? Time { get; set; }
-        [Parameter] public EventCallback<TimeSpan> TimeChanged { get; set; }
 
         public new MC.TimePicker NativeControl => (MC.TimePicker)((Element)this).NativeControl;
 
@@ -89,29 +85,6 @@ protected override void HandleParameter(string name, object value)
                         NativeControl.TextColor = TextColor;
                     }
                     break;
-                case nameof(Time):
-                    if (!Equals(Time, value))
-                    {
-                        Time = (TimeSpan?)value;
-                        NativeControl.Time = Time ?? (TimeSpan)MC.TimePicker.TimeProperty.DefaultValue;
-                    }
-                    break;
-                case nameof(TimeChanged):
-                    if (!Equals(TimeChanged, value))
-                    {
-                        void NativeControlPropertyChanged(object sender, PropertyChangedEventArgs e)
-                        {
-                            if (e.PropertyName == nameof(NativeControl.Time))
-                            {
-                                TimeChanged.InvokeAsync(NativeControl.Time);
-                            }
-                        }
-
-                        TimeChanged = (EventCallback<TimeSpan>)value;
-                        NativeControl.PropertyChanged -= NativeControlPropertyChanged;
-                        NativeControl.PropertyChanged += NativeControlPropertyChanged;
-                    }
-                    break;
 
                 default:
                     base.HandleParameter(name, value);

src/BlazorBindings.Maui/Properties/AttributeInfo.cs

@@ -20,7 +20,8 @@
 //[assembly: GenerateComponent(typeof(CollectionView))] // Manually written to use custom logic for generics and binding
 [assembly: GenerateComponent(typeof(ContentPage))]
 [assembly: GenerateComponent(typeof(ContentView))]
-[assembly: GenerateComponent(typeof(DatePicker))]
+[assembly: GenerateComponent(typeof(DatePicker),
+    Exclude = new[] { nameof(DatePicker.Date), nameof(DatePicker.DateSelected), nameof(DatePicker.MaximumDate), nameof(DatePicker.MinimumDate) })]
 [assembly: GenerateComponent(typeof(Editor))]
 [assembly: GenerateComponent(typeof(Entry))]
 [assembly: GenerateComponent(typeof(FlexLayout))]
@@ -68,8 +69,7 @@
 [assembly: GenerateComponent(typeof(TabbedPage))]
 [assembly: GenerateComponent(typeof(TemplatedPage))]
 [assembly: GenerateComponent(typeof(TemplatedView))]
-[assembly: GenerateComponent(typeof(TimePicker),
-    PropertyChangedEvents = new[] { nameof(TimePicker.Time) })]
+[assembly: GenerateComponent(typeof(TimePicker), Exclude = new[] { nameof(TimePicker.Time) })]
 [assembly: GenerateComponent(typeof(ToolbarItem))]
 [assembly: GenerateComponent(typeof(VerticalStackLayout))]
 [assembly: GenerateComponent(typeof(View))]