Examples

Author: stsrki

Documentation/Blazorise.Docs/Models/Snippets.generated.cs

@@ -1870,6 +1870,8 @@ void OnDateChanged( DateTime? date )
     }
 }";
 
+        public const string DatePickerDefaultTimesExample = @"<DatePicker TValue=""DateTime?"" InputMode=""DateInputMode.DateTime"" DefaultHour=""9"" DefaultMinute=""15"" />";
+
         public const string DatePickerDisabledDatesExample = @"<DatePicker TValue=""DateTime?"" DisabledDates=""@disabledDates"" />
 
 @code {
@@ -4839,6 +4841,8 @@ Task OnTimeChanged( TimeSpan? Time )
     }
 }";
 
+        public const string TimePickerDefaultTimesExample = @"<TimePicker TValue=""TimeSpan?"" DefaultHour=""9"" DefaultMinute=""15"" />";
+
         public const string TimePickerIncrementsExample = @"<TimePicker TValue=""TimeSpan?"" HourIncrement=""2"" MinuteIncrement=""30"" />";
 
         public const string TimePickerNonStaticExample = @"<TimePicker TValue=""TimeSpan?"" @bind-Time=""@value"" StaticPicker=""false"" />

Documentation/Blazorise.Docs/Pages/Docs/Components/Dates/Code/DatePickerDefaultTimesExampleCode.html

@@ -0,0 +1,5 @@
+<div class="blazorise-codeblock">
+<div class="html"><pre>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">DatePicker</span> <span class="htmlAttributeName">TValue</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">DateTime?</span><span class="quot">&quot;</span> <span class="htmlAttributeName">InputMode</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="enum">DateInputMode</span><span class="enumValue">.DateTime</span><span class="quot">&quot;</span> <span class="htmlAttributeName">DefaultHour</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">9</span><span class="quot">&quot;</span> <span class="htmlAttributeName">DefaultMinute</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">15</span><span class="quot">&quot;</span> <span class="htmlTagDelimiter">/&gt;</span>
+</pre></div>
+</div>

Documentation/Blazorise.Docs/Pages/Docs/Components/Dates/DatePickerPage.razor

@@ -160,6 +160,18 @@
     <DocsPageSectionSource Code="DatePickerShowButtonsExample" />
 </DocsPageSection>
 
+<DocsPageSection>
+    <DocsPageSectionHeader Title="Default time">
+        <Paragraph>
+            By default the time elements are set to <Strong>12:00</Strong>. To change it use the <Code>DefaultHour</Code> and <Code>DefaultMinute</Code> parameters.
+        </Paragraph>
+    </DocsPageSectionHeader>
+    <DocsPageSectionContent Outlined FullWidth>
+        <DatePickerDefaultTimesExample />
+    </DocsPageSectionContent>
+    <DocsPageSectionSource Code="DatePickerDefaultTimesExample" />
+</DocsPageSection>
+
 <DocsPageSubtitle>
     Formats
 </DocsPageSubtitle>

Documentation/Blazorise.Docs/Pages/Docs/Components/Dates/Examples/DatePickerDefaultTimesExample.razor

@@ -0,0 +1,3 @@
+@namespace Blazorise.Docs.Docs.Examples
+
+<DatePicker TValue="DateTime?" InputMode="DateInputMode.DateTime" DefaultHour="9" DefaultMinute="15" />

Documentation/Blazorise.Docs/Pages/Docs/Components/Times/Code/TimePickerDefaultTimesExampleCode.html

@@ -0,0 +1,5 @@
+<div class="blazorise-codeblock">
+<div class="html"><pre>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">TimePicker</span> <span class="htmlAttributeName">TValue</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">TimeSpan?</span><span class="quot">&quot;</span> <span class="htmlAttributeName">DefaultHour</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">9</span><span class="quot">&quot;</span> <span class="htmlAttributeName">DefaultMinute</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">15</span><span class="quot">&quot;</span> <span class="htmlTagDelimiter">/&gt;</span>
+</pre></div>
+</div>

Documentation/Blazorise.Docs/Pages/Docs/Components/Times/Examples/TimePickerDefaultTimesExample.razor

@@ -0,0 +1,3 @@
+@namespace Blazorise.Docs.Docs.Examples
+
+<TimePicker TValue="TimeSpan?" DefaultHour="9" DefaultMinute="15" />

Documentation/Blazorise.Docs/Pages/Docs/Components/Times/TimePickerPage.razor

@@ -91,4 +91,16 @@
     <DocsPageSectionSource Code="TimePickerIncrementsExample" />
 </DocsPageSection>
 
+<DocsPageSection>
+    <DocsPageSectionHeader Title="Default time">
+        <Paragraph>
+            By default the time elements are set to <Strong>12:00</Strong>. To change it use the <Code>DefaultHour</Code> and <Code>DefaultMinute</Code> parameters.
+        </Paragraph>
+    </DocsPageSectionHeader>
+    <DocsPageSectionContent Outlined FullWidth>
+        <TimePickerDefaultTimesExample />
+    </DocsPageSectionContent>
+    <DocsPageSectionSource Code="TimePickerDefaultTimesExample" />
+</DocsPageSection>
+
 <ComponentApiDocs ComponentTypes="[typeof(TimePicker<>)]" />