|
|
|
@ -17,7 +17,7 @@
|
|
|
|
|
|
|
|
|
|
<div class="demo-with-code">
|
|
|
|
|
<div class="demo-area">
|
|
|
|
|
<abp-date-picker placeholder="New" single-open-and-clear-button="false" week-numbers="Iso" time-picker="true" required today-button-classes="btn primary" picker-id="testPicker" asp-for="DateTime"></abp-date-picker>
|
|
|
|
|
<abp-date-picker placeholder="New" single-open-and-clear-button="false" week-numbers="Iso" time-picker="true" required today-button-classes="btn-primary" picker-id="testPicker" asp-for="DateTime"></abp-date-picker>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="code-area" id="test-picker">
|
|
|
|
|
<abp-tabs>
|
|
|
|
@ -37,14 +37,14 @@ public class DatePickerModel : PageModel
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Tag Helper" active="true">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<abp-date-picker placeholder="New" single-open-and-clear-button="false" week-numbers="Iso" time-picker="true" required today-button-classes="btn primary" picker-id="testPicker" asp-for="DateTime"/>
|
|
|
|
|
<abp-date-picker placeholder="New" single-open-and-clear-button="false" week-numbers="Iso" time-picker="true" required today-button-classes="btn-primary" picker-id="testPicker" asp-for="DateTime"/>
|
|
|
|
|
</code></pre>
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Rendered">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<label class="form-label" for="DateTime">DateTime</label><span> * </span>
|
|
|
|
|
<abp-date-picker placeholder="New" required="" data-show-i-s-o-week-numbers="true" data-time-picker="true" data-today-button-classes="btn primary" id="testPicker" data-single-open-and-clear-button="false" data-date="2023-04-12T17:56:33.1115260+03:00">
|
|
|
|
|
<abp-date-picker placeholder="New" required="" data-show-i-s-o-week-numbers="true" data-time-picker="true" data-today-button-classes="btn-primary" id="testPicker" data-single-open-and-clear-button="false" data-date="2023-04-12T17:56:33.1115260+03:00">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<input placeholder="New" required="" type="text" autocomplete="off" class="form-control">
|
|
|
|
|
<button type="button" tabindex="-1" data-type="open" class="btn btn-outline-secondary" data-busy-text="Processing...">
|
|
|
|
@ -167,7 +167,7 @@ public class DatePickerModel : PageModel
|
|
|
|
|
|
|
|
|
|
<div class="demo-with-code">
|
|
|
|
|
<div class="demo-area">
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn primary" asp-for="NullableDateTime"></abp-date-picker>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="NullableDateTime"></abp-date-picker>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="code-area">
|
|
|
|
|
<abp-tabs>
|
|
|
|
@ -182,14 +182,14 @@ public class DatePickerModel : PageModel
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Tag Helper" active="true">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn primary" asp-for="NullableDateTime"/>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="NullableDateTime"/>
|
|
|
|
|
</code></pre>
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Rendered">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<label class="form-label" for="NullableDateTime">NullableDateTime</label>
|
|
|
|
|
<abp-date-picker data-today-button-classes="btn primary" data-auto-update-input="true">
|
|
|
|
|
<abp-date-picker data-today-button-classes="btn-primary" data-auto-update-input="true">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<input type="text" autocomplete="off" class="form-control">
|
|
|
|
|
<button type="button" tabindex="-1" data-type="open" class="btn btn-outline-secondary d-none" data-busy-text="Processing...">
|
|
|
|
@ -227,7 +227,7 @@ public class DatePickerModel : PageModel
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Tag Helper" active="true">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn primary" asp-for="NullableDateTime"/>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="NullableDateTime"/>
|
|
|
|
|
</code></pre>
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Rendered">
|
|
|
|
@ -251,7 +251,7 @@ public class DatePickerModel : PageModel
|
|
|
|
|
|
|
|
|
|
<div class="demo-with-code">
|
|
|
|
|
<div class="demo-area">
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn primary" asp-for="DateTimeDateTimeOffset"></abp-date-picker>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="DateTimeDateTimeOffset"></abp-date-picker>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="code-area">
|
|
|
|
|
<abp-tabs>
|
|
|
|
@ -271,14 +271,14 @@ public class DatePickerModel : PageModel
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Tag Helper" active="true">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn primary" asp-for="DateTimeDateTimeOffset"/>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="DateTimeDateTimeOffset"/>
|
|
|
|
|
</code></pre>
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Rendered">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<label class="form-label" for="DateTimeDateTimeOffset">DateTimeDateTimeOffset</label>
|
|
|
|
|
<abp-date-picker data-today-button-classes="btn primary" data-auto-update-input="true" data-date="2023-04-12T18:10:05.6171150+03:00">
|
|
|
|
|
<abp-date-picker data-today-button-classes="btn-primary" data-auto-update-input="true" data-date="2023-04-12T18:10:05.6171150+03:00">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<input type="text" autocomplete="off" class="form-control">
|
|
|
|
|
<button type="button" tabindex="-1" data-type="open" class="btn btn-outline-secondary d-none" data-busy-text="Processing...">
|
|
|
|
@ -346,7 +346,7 @@ public class DatePickerModel : PageModel
|
|
|
|
|
|
|
|
|
|
<div class="demo-with-code">
|
|
|
|
|
<div class="demo-area">
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn primary" asp-for="NullableDateTimeDateTimeOffset"></abp-date-picker>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="NullableDateTimeDateTimeOffset"></abp-date-picker>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="code-area">
|
|
|
|
|
<abp-tabs>
|
|
|
|
@ -361,14 +361,14 @@ public class DatePickerModel : PageModel
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Tag Helper" active="true">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn primary" asp-for="NullableDateTimeDateTimeOffset"/>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="NullableDateTimeDateTimeOffset"/>
|
|
|
|
|
</code></pre>
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Rendered">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<label class="form-label" for="NullableDateTimeDateTimeOffset">NullableDateTimeDateTimeOffset</label>
|
|
|
|
|
<abp-date-picker data-today-button-classes="btn primary" data-auto-update-input="true">
|
|
|
|
|
<abp-date-picker data-today-button-classes="btn-primary" data-auto-update-input="true">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<input type="text" autocomplete="off" class="form-control">
|
|
|
|
|
<button type="button" tabindex="-1" data-type="open" class="btn btn-outline-secondary d-none" data-busy-text="Processing...">
|
|
|
|
@ -430,7 +430,7 @@ public class DatePickerModel : PageModel
|
|
|
|
|
|
|
|
|
|
<div class="demo-with-code">
|
|
|
|
|
<div class="demo-area">
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn primary" asp-for="StringDate"></abp-date-picker>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="StringDate"></abp-date-picker>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="code-area">
|
|
|
|
|
<abp-tabs>
|
|
|
|
@ -445,14 +445,14 @@ public class DatePickerModel : PageModel
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Tag Helper" active="true">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn primary" asp-for="StringDate"/>
|
|
|
|
|
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="StringDate"/>
|
|
|
|
|
</code></pre>
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Rendered">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<label class="form-label" for="StringDate">StringDate</label>
|
|
|
|
|
<abp-date-picker data-today-button-classes="btn primary" data-auto-update-input="true">
|
|
|
|
|
<abp-date-picker data-today-button-classes="btn-primary" data-auto-update-input="true">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<input type="text" autocomplete="off" class="form-control">
|
|
|
|
|
<button type="button" tabindex="-1" data-type="open" class="btn btn-outline-secondary d-none" data-busy-text="Processing...">
|
|
|
|
|