From 5bb42ebd6e347c6f59501ed9672d72d4d7b905d8 Mon Sep 17 00:00:00 2001
From: Peace <syneffort@gmail.com>
Date: Fri, 12 Jul 2024 11:37:33 +0900
Subject: [PATCH] date, time picker 2

---
 BlazorFluentUI/Components/Layout/MainLayout.razor |  4 ++--
 .../Pages/FormInputs/FormInputCalendar.razor      |  2 +-
 .../FormInputs/FromInputDateTimePicker.razor      | 15 ++++++++++++++-
 BlazorFluentUI/wwwroot/app-cutom.css              |  5 +++++
 4 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/BlazorFluentUI/Components/Layout/MainLayout.razor b/BlazorFluentUI/Components/Layout/MainLayout.razor
index 9b8f88d..afffc42 100644
--- a/BlazorFluentUI/Components/Layout/MainLayout.razor
+++ b/BlazorFluentUI/Components/Layout/MainLayout.razor
@@ -18,9 +18,9 @@
         <FluentToastProvider MaxToastCount="10" />
     </FluentStack>
     <FluentFooter>
-        <FluentIcon Class="me-1" Value="@(new Icons.Regular.Size16.EmojiLaugh())"/>This site is powered by Blazor and MS Fluent UI
+        This site is powered by Blazor and MS Fluent UI
         <FluentSpacer />
-        ⓒ Peace
+        Peace
     </FluentFooter>
 </FluentLayout>
 
diff --git a/BlazorFluentUI/Components/Pages/FormInputs/FormInputCalendar.razor b/BlazorFluentUI/Components/Pages/FormInputs/FormInputCalendar.razor
index bbc657b..c2173aa 100644
--- a/BlazorFluentUI/Components/Pages/FormInputs/FormInputCalendar.razor
+++ b/BlazorFluentUI/Components/Pages/FormInputs/FormInputCalendar.razor
@@ -26,7 +26,7 @@
                             View="CalendarViews.Months"/>
             <p>Selected: @(eselectedMonth?.ToString("yyyy-MM-dd"))</p>
             <p>Panel: @(epickerMonth.ToString("yyyy-MM-dd"))</p>
-        </div
+        </div>
          <div>
             <h4>Year</h4>
             <FluentCalendar DisabledDateFunc="@DisabledYear" @bind-Value="eselectedYear" @bind-PickerMonth="epickerYear"
diff --git a/BlazorFluentUI/Components/Pages/FormInputs/FromInputDateTimePicker.razor b/BlazorFluentUI/Components/Pages/FormInputs/FromInputDateTimePicker.razor
index 542a3a5..ce71954 100644
--- a/BlazorFluentUI/Components/Pages/FormInputs/FromInputDateTimePicker.razor
+++ b/BlazorFluentUI/Components/Pages/FormInputs/FromInputDateTimePicker.razor
@@ -28,6 +28,19 @@
     </div>
 </FluentCard>
 
+<FluentLabel class="my-3" Typo="Typography.H4">Conversion</FluentLabel>
+<FluentCard Class="mt-3" Width="auto" Height="auto" AreaRestricted="false">
+    @* Default usage *@
+    <div>
+        <FluentDatePicker @bind-Value="MyDateTime" />
+        <FluentTimePicker @bind-Value="MyDateTime" />
+        <b>Date:</b> @(MyDateTime?.ToString("yyyy-MM-dd"))
+        <b>Time:</b> @(MyDateTime?.ToString("HH:mm"))
+    </div>
+</FluentCard>
+
 @code {
-    private DateTime? eval = DateTime.Now;
+    DateTime? eval = DateTime.Now;
+
+    DateTime? MyDateTime = DateTime.Now;
 }
diff --git a/BlazorFluentUI/wwwroot/app-cutom.css b/BlazorFluentUI/wwwroot/app-cutom.css
index b50eb57..9c029ef 100644
--- a/BlazorFluentUI/wwwroot/app-cutom.css
+++ b/BlazorFluentUI/wwwroot/app-cutom.css
@@ -32,4 +32,9 @@
 .fluent-fixed-w100 {
 	max-width: 100px;
 	min-width: 100px;
+}
+
+.fluent-calendar {
+	overflow-y: initial;
+	overflow-x: initial;
 }
\ No newline at end of file