From a0f89687350245cea72107b997c7df1ae59f99f1 Mon Sep 17 00:00:00 2001
From: Mohammad Aminsafaei <m.aminsafaei@outlook.com>
Date: Wed, 12 Feb 2025 19:48:39 +0330
Subject: [PATCH] Fix show issue required asterisk in the label's BitDatePicker

---
 .../Inputs/_Pickers/DatePicker/BitDatePicker.razor         | 1 +
 .../Inputs/_Pickers/DatePicker/BitDatePicker.razor.cs      | 2 ++
 .../Inputs/_Pickers/DatePicker/BitDatePicker.scss          | 7 +++++++
 .../Components/Inputs/DatePicker/BitDatePickerDemo.razor   | 2 ++
 .../Inputs/DatePicker/BitDatePickerDemo.razor.cs           | 1 +
 5 files changed, 13 insertions(+)

diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.razor b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.razor
index beff08a35b..459d921f19 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.razor
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.razor
@@ -34,6 +34,7 @@
                        id="@_inputId"
                        role="combobox"
                        tabindex="@TabIndex"
+                       required="@Required"
                        aria-haspopup="dialog"
                        aria-label="@AriaLabel"
                        placeholder="@Placeholder"
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.razor.cs
index d1ada07456..c10dad0e4e 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.razor.cs
@@ -501,6 +501,8 @@ protected override void RegisterCssClasses()
         ClassBuilder.Register(() => Standalone ? "bit-dtp-sta" : string.Empty);
 
         ClassBuilder.Register(() => _hasFocus ? $"bit-dtp-foc {Classes?.Focused}" : string.Empty);
+
+        ClassBuilder.Register(() => IsEnabled && Required ? "bit-dtp-req" : string.Empty);
     }
 
     protected override void RegisterCssStyles()
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.scss b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.scss
index 8f3a67c06b..159ac5083a 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.scss
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/_Pickers/DatePicker/BitDatePicker.scss
@@ -747,6 +747,13 @@
     }
 }
 
+.bit-dtp-req {
+    .bit-dtp-lbl::after {
+        content: "*";
+        color: $clr-req;
+        margin-inline-start: spacing(0.625);
+    }
+}
 
 .bit-dtp-res {
     @include lt-sm {
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Inputs/DatePicker/BitDatePickerDemo.razor b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Inputs/DatePicker/BitDatePickerDemo.razor
index 3caa0f2373..de7868605f 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Inputs/DatePicker/BitDatePickerDemo.razor
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Inputs/DatePicker/BitDatePickerDemo.razor
@@ -19,6 +19,8 @@
             <br /><br />
             <BitDatePicker Label="Disabled" IsEnabled="false" />
             <br /><br />
+            <BitDatePicker Label="Required" Required />
+            <br /><br />
             <BitDatePicker Label="PlaceHolder" Placeholder="Select a date" />
             <br /><br />
             <BitDatePicker Label="Week numbers" ShowWeekNumbers />
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Inputs/DatePicker/BitDatePickerDemo.razor.cs b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Inputs/DatePicker/BitDatePickerDemo.razor.cs
index 57b22aeff9..23704c254c 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Inputs/DatePicker/BitDatePickerDemo.razor.cs
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Inputs/DatePicker/BitDatePickerDemo.razor.cs
@@ -938,6 +938,7 @@ private void HandleInvalidSubmit()
     private readonly string example1RazorCode = @"
 <BitDatePicker Label=""Basic DatePicker"" />
 <BitDatePicker Label=""Disabled"" IsEnabled=""false"" />
+<BitDatePicker Label=""Required"" Required />
 <BitDatePicker Label=""PlaceHolder"" Placeholder=""Select a date"" />
 <BitDatePicker Label=""Week numbers"" ShowWeekNumbers />
 <BitDatePicker Label=""Highlight months"" HighlightCurrentMonth HighlightSelectedMonth />