DateTimePicker

Date and time:

DatePickerDemo.aspx

<% DateTime1.DateTimePicker(new DateTimePickerOpt { Value = DateTime.UtcNow }); %>
<awe:ocon runat="server" id="DateTime1" />

Date:

DatePickerDemo.aspx

<% Date.DatePicker(new DatePickerOpt { Value = new DateTime(2017, 11, 1) }); %>
<awe:ocon runat="server" id="Date" />

Date range:

DatePickerDemo.aspx

<% DateRange1.DatePicker(new DatePickerOpt { Placeholder = "select range", SelectRange = true }); %>
<awe:ocon runat="server" id="DateRange1" />

Inline Calendar

Date inline:

DatePickerDemo.aspx

<% DateInline.DatePicker(new DatePickerOpt { InlineCalendar = true }); %>
<awe:ocon runat="server" id="DateInline" />

Min, max, default date, clear button

Date:

DatePickerDemo.aspx

<% Date3.DatePicker(
           new DatePickerOpt
           {
               NumberOfMonths = 2,
               MinDate = DateTime.Now.AddDays(1),
               MaxDate = DateTime.Now.AddMonths(7),
               DefaultDate = DateTime.Now.AddDays(4),
               ClearBtn = true
           }); %>
<awe:ocon runat="server" id="Date3" />

Date range

From:

To:

DatePickerDemo.aspx

<% DateRange1.DatePicker(new DatePickerOpt { Placeholder = "select range", SelectRange = true }); %>
<awe:ocon runat="server" id="DateRange1" />

Right to left

DatePickerDemo.aspx

<div class="einput" style="direction: rtl;">
    <% Date4.DatePicker(); %>
    <awe:ocon runat="server" id="Date4" />
</div>

TimePicker

DatePickerDemo.aspx

<% Tmp1.TimePicker(new TimePickerOpt { }); %>
<awe:ocon runat="server" id="Tmp1" />

Comments