feat: improve range pick behavior.
This commit is contained in:
@@ -15,11 +15,11 @@ public partial class DatePickerDemo : UserControl
|
|||||||
|
|
||||||
private void CalendarView_OnOnDateSelected(object? sender, CalendarDayButtonEventArgs e)
|
private void CalendarView_OnOnDateSelected(object? sender, CalendarDayButtonEventArgs e)
|
||||||
{
|
{
|
||||||
Debug.WriteLine("Pressed: "+ e.Date.ToLongDateString());
|
Debug.WriteLine("Pressed: "+ e.Date?.ToLongDateString());
|
||||||
}
|
}
|
||||||
|
|
||||||
private void CalendarView_OnOnDatePreviewed(object? sender, CalendarDayButtonEventArgs e)
|
private void CalendarView_OnOnDatePreviewed(object? sender, CalendarDayButtonEventArgs e)
|
||||||
{
|
{
|
||||||
Debug.WriteLine("Hovered: "+e.Date.ToLongDateString());
|
Debug.WriteLine("Hovered: "+e.Date?.ToLongDateString());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
namespace Ursa.Controls;
|
namespace Ursa.Controls;
|
||||||
|
|
||||||
public class CalendarDayButtonEventArgs(DateTime date) : RoutedEventArgs
|
public class CalendarDayButtonEventArgs(DateTime? date) : RoutedEventArgs
|
||||||
{
|
{
|
||||||
public DateTime Date { get; private set; } = date;
|
public DateTime? Date { get; private set; } = date;
|
||||||
}
|
}
|
||||||
@@ -4,6 +4,7 @@ using Avalonia;
|
|||||||
using Avalonia.Controls;
|
using Avalonia.Controls;
|
||||||
using Avalonia.Controls.Metadata;
|
using Avalonia.Controls.Metadata;
|
||||||
using Avalonia.Controls.Primitives;
|
using Avalonia.Controls.Primitives;
|
||||||
|
using Avalonia.Input;
|
||||||
using Avalonia.Interactivity;
|
using Avalonia.Interactivity;
|
||||||
using Avalonia.Layout;
|
using Avalonia.Layout;
|
||||||
using Irihi.Avalonia.Shared.Helpers;
|
using Irihi.Avalonia.Shared.Helpers;
|
||||||
@@ -408,10 +409,10 @@ public class CalendarView : TemplatedControl
|
|||||||
|
|
||||||
private void OnCellDateSelected(object sender, CalendarDayButtonEventArgs e)
|
private void OnCellDateSelected(object sender, CalendarDayButtonEventArgs e)
|
||||||
{
|
{
|
||||||
if (e.Date.Month != ContextCalendar.Month)
|
if (e.Date.HasValue && e.Date.Value.Month != ContextCalendar.Month)
|
||||||
{
|
{
|
||||||
ContextCalendar.Month = e.Date.Month;
|
ContextCalendar.Month = e.Date.Value.Month;
|
||||||
ContextCalendar.Year = e.Date.Year;
|
ContextCalendar.Year = e.Date.Value.Year;
|
||||||
ContextCalendar.Day = 1;
|
ContextCalendar.Day = 1;
|
||||||
UpdateDayButtons();
|
UpdateDayButtons();
|
||||||
}
|
}
|
||||||
@@ -575,4 +576,10 @@ public class CalendarView : TemplatedControl
|
|||||||
button.IsInRange = false;
|
button.IsInRange = false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
protected override void OnPointerExited(PointerEventArgs e)
|
||||||
|
{
|
||||||
|
base.OnPointerExited(e);
|
||||||
|
OnDatePreviewed?.Invoke(this, new CalendarDayButtonEventArgs(null));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -1,3 +1,4 @@
|
|||||||
|
using System.Globalization;
|
||||||
using Avalonia;
|
using Avalonia;
|
||||||
using Avalonia.Controls;
|
using Avalonia.Controls;
|
||||||
using Avalonia.Controls.Metadata;
|
using Avalonia.Controls.Metadata;
|
||||||
@@ -158,14 +159,10 @@ public class DateRangePicker : DatePickerBase
|
|||||||
{
|
{
|
||||||
if (SelectedEndDate < e.Date)
|
if (SelectedEndDate < e.Date)
|
||||||
{
|
{
|
||||||
// Select a start date that is out of current range, so clear selection.
|
|
||||||
// _startCalendar?.ClearSelection();
|
|
||||||
// _endCalendar?.ClearSelection();
|
|
||||||
SelectedStartDate = null;
|
|
||||||
SelectedEndDate = null;
|
SelectedEndDate = null;
|
||||||
}
|
}
|
||||||
SetCurrentValue(SelectedStartDateProperty, e.Date);
|
SetCurrentValue(SelectedStartDateProperty, e.Date);
|
||||||
_startTextBox?.SetValue(TextBox.TextProperty, e.Date.ToString(DisplayFormat ?? "yyyy-MM-dd"));
|
_startTextBox?.SetValue(TextBox.TextProperty, e.Date?.ToString(DisplayFormat ?? "yyyy-MM-dd"));
|
||||||
_start = false;
|
_start = false;
|
||||||
_previewStart = null;
|
_previewStart = null;
|
||||||
_previewEnd = null;
|
_previewEnd = null;
|
||||||
@@ -177,20 +174,24 @@ public class DateRangePicker : DatePickerBase
|
|||||||
{
|
{
|
||||||
if (SelectedStartDate > e.Date)
|
if (SelectedStartDate > e.Date)
|
||||||
{
|
{
|
||||||
// Select a start date that is out of current range, so clear selection.
|
|
||||||
// _startCalendar?.ClearSelection();
|
|
||||||
// _endCalendar?.ClearSelection();
|
|
||||||
SelectedStartDate = null;
|
SelectedStartDate = null;
|
||||||
SelectedEndDate = null;
|
|
||||||
}
|
}
|
||||||
SetCurrentValue(SelectedEndDateProperty, e.Date);
|
SetCurrentValue(SelectedEndDateProperty, e.Date);
|
||||||
_endTextBox?.SetValue(TextBox.TextProperty, e.Date.ToString(DisplayFormat ?? "yyyy-MM-dd"));
|
_endTextBox?.SetValue(TextBox.TextProperty, e.Date?.ToString(DisplayFormat ?? "yyyy-MM-dd"));
|
||||||
_start = null;
|
_start = null;
|
||||||
_previewStart = null;
|
_previewStart = null;
|
||||||
_previewEnd = null;
|
_previewEnd = null;
|
||||||
_startCalendar?.MarkDates(SelectedStartDate, SelectedEndDate, _previewStart, _previewEnd);
|
_startCalendar?.MarkDates(SelectedStartDate, SelectedEndDate, _previewStart, _previewEnd);
|
||||||
_endCalendar?.MarkDates(SelectedStartDate, SelectedEndDate, _previewStart, _previewEnd);
|
_endCalendar?.MarkDates(SelectedStartDate, SelectedEndDate, _previewStart, _previewEnd);
|
||||||
SetCurrentValue(IsDropdownOpenProperty, false);
|
if (SelectedStartDate is null)
|
||||||
|
{
|
||||||
|
_start = true;
|
||||||
|
_startTextBox?.Focus();
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
SetCurrentValue(IsDropdownOpenProperty, false);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -216,8 +217,7 @@ public class DateRangePicker : DatePickerBase
|
|||||||
|
|
||||||
if (_endCalendar is not null)
|
if (_endCalendar is not null)
|
||||||
{
|
{
|
||||||
var date2 = SelectedStartDate ?? SelectedEndDate ?? DateTime.Today;
|
var date2 = SelectedEndDate ?? SelectedStartDate ?? DateTime.Today;
|
||||||
date2 = SelectedStartDate is null ? date2 : date2.AddMonths(1);
|
|
||||||
_endCalendar.ContextCalendar = new CalendarContext(date2.Year, date2.Month, 1);
|
_endCalendar.ContextCalendar = new CalendarContext(date2.Year, date2.Month, 1);
|
||||||
_endCalendar.UpdateDayButtons();
|
_endCalendar.UpdateDayButtons();
|
||||||
}
|
}
|
||||||
@@ -227,8 +227,7 @@ public class DateRangePicker : DatePickerBase
|
|||||||
_start = false;
|
_start = false;
|
||||||
if (_startCalendar is not null)
|
if (_startCalendar is not null)
|
||||||
{
|
{
|
||||||
var date2 = SelectedEndDate ?? DateTime.Today;
|
var date2 = SelectedStartDate ?? SelectedEndDate ?? DateTime.Today;
|
||||||
date2 = date2.AddMonths(-1);
|
|
||||||
_startCalendar.ContextCalendar = new CalendarContext(date2.Year, date2.Month, 1);
|
_startCalendar.ContextCalendar = new CalendarContext(date2.Year, date2.Month, 1);
|
||||||
_startCalendar.UpdateDayButtons();
|
_startCalendar.UpdateDayButtons();
|
||||||
}
|
}
|
||||||
@@ -244,7 +243,55 @@ public class DateRangePicker : DatePickerBase
|
|||||||
|
|
||||||
private void OnTextChanged(object sender, TextChangedEventArgs e)
|
private void OnTextChanged(object sender, TextChangedEventArgs e)
|
||||||
{
|
{
|
||||||
//throw new NotImplementedException();
|
if (sender == _startTextBox)
|
||||||
|
{
|
||||||
|
OnTextChangedInternal(_startTextBox, SelectedStartDateProperty);
|
||||||
|
}
|
||||||
|
else if (sender == _endTextBox)
|
||||||
|
{
|
||||||
|
OnTextChangedInternal(_endTextBox, SelectedEndDateProperty);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void OnTextChangedInternal(TextBox? textBox, AvaloniaProperty property)
|
||||||
|
{
|
||||||
|
if (string.IsNullOrEmpty(textBox?.Text))
|
||||||
|
{
|
||||||
|
SetCurrentValue(property, null);
|
||||||
|
_startCalendar?.ClearSelection();
|
||||||
|
_endCalendar?.ClearSelection();
|
||||||
|
}
|
||||||
|
else if (DisplayFormat is null || DisplayFormat.Length == 0)
|
||||||
|
{
|
||||||
|
if (DateTime.TryParse(textBox?.Text, out var defaultTime))
|
||||||
|
{
|
||||||
|
SetCurrentValue(property, defaultTime);
|
||||||
|
_startCalendar?.MarkDates(startDate: defaultTime, endDate: defaultTime);
|
||||||
|
_endCalendar?.MarkDates(startDate: defaultTime, endDate: defaultTime);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
if (DateTime.TryParseExact(textBox?.Text, DisplayFormat, CultureInfo.CurrentUICulture, DateTimeStyles.None,
|
||||||
|
out var date))
|
||||||
|
{
|
||||||
|
SetCurrentValue(property, date);
|
||||||
|
if (_startCalendar is not null)
|
||||||
|
{
|
||||||
|
var date1 = SelectedStartDate ?? DateTime.Today;
|
||||||
|
_startCalendar.ContextCalendar = new CalendarContext(date1.Year, date.Month, 1);
|
||||||
|
_startCalendar.UpdateDayButtons();
|
||||||
|
_startCalendar?.MarkDates(SelectedStartDate, SelectedEndDate, _previewStart, _previewEnd);
|
||||||
|
}
|
||||||
|
if (_endCalendar is not null)
|
||||||
|
{
|
||||||
|
var date2 = SelectedEndDate ?? DateTime.Today;
|
||||||
|
_endCalendar.ContextCalendar = new CalendarContext(date2.Year, date2.Month, 1);
|
||||||
|
_endCalendar.UpdateDayButtons();
|
||||||
|
_endCalendar?.MarkDates(SelectedStartDate, SelectedEndDate, _previewStart, _previewEnd);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private void OnTextBoxGetFocus(object sender, GotFocusEventArgs e)
|
private void OnTextBoxGetFocus(object sender, GotFocusEventArgs e)
|
||||||
|
|||||||
Reference in New Issue
Block a user