Add missing new Icon parameters to BitDateRangePicker (#12197)

src/BlazorUI/Bit.BlazorUI/Components/Inputs/DateRangePicker/BitDateRangePicker.razor.cs

@@ -1,4 +1,4 @@
-using System.Text;
+using System.Text;
 using System.Globalization;
 using System.Diagnostics.CodeAnalysis;
 
@@ -201,6 +201,28 @@ private int _endTimeMinuteView
     /// </summary>
     [Parameter] public BitDateRangePickerClassStyles? Classes { get; set; }
 
+    /// <summary>
+    /// The icon to display inside the clear button.
+    /// Takes precedence over <see cref="ClearButtonIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? ClearButtonIcon { get; set; }
+
+    /// <summary>
+    /// The name of the clear button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? ClearButtonIconName { get; set; }
+
+    /// <summary>
+    /// The icon to display inside the close button.
+    /// Takes precedence over <see cref="CloseButtonIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? CloseButtonIcon { get; set; }
+
+    /// <summary>
+    /// The name of the close button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? CloseButtonIconName { get; set; }
+
     /// <summary>
     /// The title of the close button (tooltip).
     /// </summary>
@@ -253,15 +275,32 @@ private int _endTimeMinuteView
     /// </summary>
     [Parameter] public string GoToPrevYearTitle { get; set; } = "Go to previous year {0}";
 
+    /// <summary>
+    /// The icon to display inside the GoToToday button.
+    /// Takes precedence over <see cref="GoToTodayIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? GoToTodayIcon { get; set; }
+
+    /// <summary>
+    /// The name of the GoToToday button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? GoToTodayIconName { get; set; }
+
     /// <summary>
     /// The title of the GoToToday button (tooltip).
     /// </summary>
     [Parameter] public string GoToTodayTitle { get; set; } = "Go to today";
 
     /// <summary>
-    /// The title of the ShowTimePicker button (tooltip).
+    /// The icon to display inside the HideTimePicker button.
+    /// Takes precedence over <see cref="HideTimePickerIconName"/> when both are set.
     /// </summary>
-    [Parameter] public string ShowTimePickerTitle { get; set; } = "Show time picker";
+    [Parameter] public BitIconInfo? HideTimePickerIcon { get; set; }
+
+    /// <summary>
+    /// The name of the HideTimePicker button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? HideTimePickerIconName { get; set; }
 
     /// <summary>
     /// The title of the HideTimePicker button (tooltip).
@@ -373,6 +412,39 @@ private int _endTimeMinuteView
     /// </summary>
     [Parameter] public string MonthPickerToggleTitle { get; set; } = "{0}, change month";
 
+    /// <summary>
+    /// The icon to display inside the next-month navigation button.
+    /// Takes precedence over <see cref="NextMonthNavIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? NextMonthNavIcon { get; set; }
+
+    /// <summary>
+    /// The name of the next-month navigation button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? NextMonthNavIconName { get; set; }
+
+    /// <summary>
+    /// The icon to display inside the next-year navigation button.
+    /// Takes precedence over <see cref="NextYearNavIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? NextYearNavIcon { get; set; }
+
+    /// <summary>
+    /// The name of the next-year navigation button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? NextYearNavIconName { get; set; }
+
+    /// <summary>
+    /// The icon to display inside the next-year-range navigation button.
+    /// Takes precedence over <see cref="NextYearRangeNavIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? NextYearRangeNavIcon { get; set; }
+
+    /// <summary>
+    /// The name of the next-year-range navigation button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? NextYearRangeNavIconName { get; set; }
+
     /// <summary>
     /// The callback for clicking on the DateRangePicker's input.
     /// </summary>
@@ -398,6 +470,39 @@ private int _endTimeMinuteView
     /// </summary>
     [Parameter] public string Placeholder { get; set; } = string.Empty;
 
+    /// <summary>
+    /// The icon to display inside the previous-month navigation button.
+    /// Takes precedence over <see cref="PrevMonthNavIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? PrevMonthNavIcon { get; set; }
+
+    /// <summary>
+    /// The name of the previous-month navigation button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? PrevMonthNavIconName { get; set; }
+
+    /// <summary>
+    /// The icon to display inside the previous-year navigation button.
+    /// Takes precedence over <see cref="PrevYearNavIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? PrevYearNavIcon { get; set; }
+
+    /// <summary>
+    /// The name of the previous-year navigation button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? PrevYearNavIconName { get; set; }
+
+    /// <summary>
+    /// The icon to display inside the previous-year-range navigation button.
+    /// Takes precedence over <see cref="PrevYearRangeNavIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? PrevYearRangeNavIcon { get; set; }
+
+    /// <summary>
+    /// The name of the previous-year-range navigation button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? PrevYearRangeNavIconName { get; set; }
+
     /// <summary>
     /// Enables the responsive mode in small screens.
     /// </summary>
@@ -427,65 +532,119 @@ private int _endTimeMinuteView
     [CallOnSet(nameof(OnSetParameters))]
     public bool ShowTimePicker { get; set; }
 
+    /// <summary>
+    /// The icon to display inside the ShowTimePicker button.
+    /// Takes precedence over <see cref="ShowTimePickerIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? ShowTimePickerIcon { get; set; }
+
+    /// <summary>
+    /// The name of the ShowTimePicker button's icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? ShowTimePickerIconName { get; set; }
+
+    /// <summary>
+    /// The title of the ShowTimePicker button (tooltip).
+    /// </summary>
+    [Parameter] public string ShowTimePickerTitle { get; set; } = "Show time picker";
+
     /// <summary>
     /// Whether the week number (weeks 1 to 53) should be shown before each week row.
     /// </summary>
     [Parameter] public bool ShowWeekNumbers { get; set; }
 
     /// <summary>
-    /// Custom CSS styles for different parts of the BitDateRangePicker component.
+    /// The icon to display inside the start time-picker's decrease-hour button.
+    /// Takes precedence over <see cref="StartTimeDecreaseHourIconName"/> when both are set.
     /// </summary>
-    [Parameter] public BitDateRangePickerClassStyles? Styles { get; set; }
+    [Parameter] public BitIconInfo? StartTimeDecreaseHourIcon { get; set; }
 
     /// <summary>
-    /// Time format of the time-pickers, 24H or 12H.
+    /// The name of the start time-picker's decrease-hour button icon from the built-in Fluent UI icon set.
     /// </summary>
-    [Parameter] public BitTimeFormat TimeFormat { get; set; }
+    [Parameter] public string? StartTimeDecreaseHourIconName { get; set; }
 
     /// <summary>
-    /// TimeZone for the DateRangePicker.
+    /// The icon to display inside the start time-picker's decrease-minute button.
+    /// Takes precedence over <see cref="StartTimeDecreaseMinuteIconName"/> when both are set.
     /// </summary>
-    [Parameter]
-    [CallOnSet(nameof(OnSetParameters))]
-    public TimeZoneInfo? TimeZone { get; set; }
+    [Parameter] public BitIconInfo? StartTimeDecreaseMinuteIcon { get; set; }
 
     /// <summary>
-    /// Whether or not the Text field of the DateRangePicker is underlined.
+    /// The name of the start time-picker's decrease-minute button icon from the built-in Fluent UI icon set.
     /// </summary>
-    [Parameter, ResetClassBuilder]
-    public bool Underlined { get; set; }
+    [Parameter] public string? StartTimeDecreaseMinuteIconName { get; set; }
 
     /// <summary>
-    /// The string format used to show the DateRangePicker's value in its input.
+    /// The icon to display inside the start time-picker's increase-hour button.
+    /// Takes precedence over <see cref="StartTimeIncreaseHourIconName"/> when both are set.
     /// </summary>
-    [Parameter] public string ValueFormat { get; set; } = "Start: {0} - End: {1}";
+    [Parameter] public BitIconInfo? StartTimeIncreaseHourIcon { get; set; }
 
     /// <summary>
-    /// The title of the week number (tooltip).
+    /// The name of the start time-picker's increase-hour button icon from the built-in Fluent UI icon set.
     /// </summary>
-    [Parameter] public string WeekNumberTitle { get; set; } = "Week number {0}";
+    [Parameter] public string? StartTimeIncreaseHourIconName { get; set; }
 
     /// <summary>
-    /// Custom template to render the year cells of the DateRangePicker.
+    /// The icon to display inside the start time-picker's increase-minute button.
+    /// Takes precedence over <see cref="StartTimeIncreaseMinuteIconName"/> when both are set.
     /// </summary>
-    [Parameter] public RenderFragment<int>? YearCellTemplate { get; set; }
+    [Parameter] public BitIconInfo? StartTimeIncreaseMinuteIcon { get; set; }
 
     /// <summary>
-    /// The title of the year picker's toggle (tooltip).
+    /// The name of the start time-picker's increase-minute button icon from the built-in Fluent UI icon set.
     /// </summary>
-    [Parameter] public string YearPickerToggleTitle { get; set; } = "{0}, change year";
+    [Parameter] public string? StartTimeIncreaseMinuteIconName { get; set; }
 
     /// <summary>
-    /// The title of the year range picker's toggle (tooltip).
+    /// The icon to display inside the end time-picker's decrease-hour button.
+    /// Takes precedence over <see cref="EndTimeDecreaseHourIconName"/> when both are set.
     /// </summary>
-    [Parameter] public string YearRangePickerToggleTitle { get; set; } = "{0} - {1}, change month";
+    [Parameter] public BitIconInfo? EndTimeDecreaseHourIcon { get; set; }
 
     /// <summary>
-    /// Show month picker on top of date range picker when visible.
+    /// The name of the end time-picker's decrease-hour button icon from the built-in Fluent UI icon set.
     /// </summary>
-    [Parameter]
-    [CallOnSet(nameof(OnSetParameters))]
-    public bool ShowTimePickerAsOverlay { get; set; }
+    [Parameter] public string? EndTimeDecreaseHourIconName { get; set; }
+
+    /// <summary>
+    /// The icon to display inside the end time-picker's decrease-minute button.
+    /// Takes precedence over <see cref="EndTimeDecreaseMinuteIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? EndTimeDecreaseMinuteIcon { get; set; }
+
+    /// <summary>
+    /// The name of the end time-picker's decrease-minute button icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? EndTimeDecreaseMinuteIconName { get; set; }
+
+    /// <summary>
+    /// The icon to display inside the end time-picker's increase-hour button.
+    /// Takes precedence over <see cref="EndTimeIncreaseHourIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? EndTimeIncreaseHourIcon { get; set; }
+
+    /// <summary>
+    /// The name of the end time-picker's increase-hour button icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? EndTimeIncreaseHourIconName { get; set; }
+
+    /// <summary>
+    /// The icon to display inside the end time-picker's increase-minute button.
+    /// Takes precedence over <see cref="EndTimeIncreaseMinuteIconName"/> when both are set.
+    /// </summary>
+    [Parameter] public BitIconInfo? EndTimeIncreaseMinuteIcon { get; set; }
+
+    /// <summary>
+    /// The name of the end time-picker's increase-minute button icon from the built-in Fluent UI icon set.
+    /// </summary>
+    [Parameter] public string? EndTimeIncreaseMinuteIconName { get; set; }
+
+    /// <summary>
+    /// Determines increment/decrement steps for DateRangePicker's hour.
+    /// </summary>
+    [Parameter] public int HourStep { get; set; } = 1;
 
     /// <summary>
     /// The maximum range of day and times allowed for selection in DateRangePicker.
@@ -498,14 +657,18 @@ private int _endTimeMinuteView
     [Parameter] public bool ShowClearButton { get; set; }
 
     /// <summary>
-    /// Determines increment/decrement steps for DateRangePicker's hour.
+    /// Show the time picker as an overlay on top of the date range picker when visible.
     /// </summary>
-    [Parameter] public int HourStep { get; set; } = 1;
+    [Parameter]
+    [CallOnSet(nameof(OnSetParameters))]
+    public bool ShowTimePickerAsOverlay { get; set; }
 
     /// <summary>
-    /// Determines increment/decrement steps for DateRangePicker's minute.
+    /// Whether the DateRangePicker is rendered standalone or with the input component and callout.
     /// </summary>
-    [Parameter] public int MinuteStep { get; set; } = 1;
+    [Parameter, ResetClassBuilder]
+    [CallOnSet(nameof(OnSetParameters))]
+    public bool Standalone { get; set; }
 
     /// <summary>
     /// Specifies the date and time of the date and time picker when it is opened without any selected value.
@@ -515,11 +678,57 @@ private int _endTimeMinuteView
     public BitDateRangePickerValue? StartingValue { get; set; }
 
     /// <summary>
-    /// Whether the DateRangePicker is rendered standalone or with the input component and callout.
+    /// Custom CSS styles for different parts of the BitDateRangePicker component.
     /// </summary>
-    [Parameter, ResetClassBuilder]
+    [Parameter] public BitDateRangePickerClassStyles? Styles { get; set; }
+
+    /// <summary>
+    /// Time format of the time-pickers, 24H or 12H.
+    /// </summary>
+    [Parameter] public BitTimeFormat TimeFormat { get; set; }
+
+    /// <summary>
+    /// TimeZone for the DateRangePicker.
+    /// </summary>
+    [Parameter]
     [CallOnSet(nameof(OnSetParameters))]
-    public bool Standalone { get; set; }
+    public TimeZoneInfo? TimeZone { get; set; }
+
+    /// <summary>
+    /// Whether or not the Text field of the DateRangePicker is underlined.
+    /// </summary>
+    [Parameter, ResetClassBuilder]
+    public bool Underlined { get; set; }
+
+    /// <summary>
+    /// The string format used to show the DateRangePicker's value in its input.
+    /// </summary>
+    [Parameter] public string ValueFormat { get; set; } = "Start: {0} - End: {1}";
+
+    /// <summary>
+    /// The title of the week number (tooltip).
+    /// </summary>
+    [Parameter] public string WeekNumberTitle { get; set; } = "Week number {0}";
+
+    /// <summary>
+    /// Custom template to render the year cells of the DateRangePicker.
+    /// </summary>
+    [Parameter] public RenderFragment<int>? YearCellTemplate { get; set; }
+
+    /// <summary>
+    /// The title of the year picker's toggle (tooltip).
+    /// </summary>
+    [Parameter] public string YearPickerToggleTitle { get; set; } = "{0}, change year";
+
+    /// <summary>
+    /// The title of the year range picker's toggle (tooltip).
+    /// </summary>
+    [Parameter] public string YearRangePickerToggleTitle { get; set; } = "{0} - {1}, change month";
+
+    /// <summary>
+    /// Determines increment/decrement steps for DateRangePicker's minute.
+    /// </summary>
+    [Parameter] public int MinuteStep { get; set; } = 1;