The embedded RadDateInput control is present in RadDatePicker, RadTimePicker, and RadDateTimePicker. It has two properties that you can use to specify a format for the value as it appears in the input area:

• The DateFormat property specifies the format of the control's value when it has focus (when the user can edit the value).

• The DisplayDateFormat property specifies the format of the control's value when it does not have focus.

Both properties take a date format pattern as a value.

CopyASPX

     

<telerik:RadDatePicker ID="RadDatePicker1" runat="server">
    <DateInput
         DateFormat="MMM d  yyyy"
         DisplayDateFormat="dddd, MMMM  d, yyyy">
    </DateInput>
</telerik:RadDatePicker>
<telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server">
    <DateInput
        DateFormat="M/d/yyyy hh:mm tt"
        DisplayDateFormat="MMMM d, yyyy  hh:mm tt"  >
    </DateInput>
</telerik:RadDateTimePicker>
<telerik:RadTimePicker ID="RadTimePicker1" runat="server">
   <DateInput
       DateFormat="hh:mm t"
       DisplayDateFormat="hh:mm tt">
   </DateInput>
</telerik:RadTimePicker>

Note

RadDatePicker, RadDateTimePicker and RadMonthYearPicker uses RadDateInput to render the selected date. Note that incomplete dates are always evaluated taking the current date as a basis. For example, "January 2" means January 2 this year. If the current month is April, an entry of "10" is interpreted as April 10, this year.Therefore if the DateFormat property is set to "MM/yyyy" the date input ignores the selected day and tries to parse a string containing month and year values only. However the parsing logic tries to find a day value first and parses the month value as the day one. Then it parses correctly the rest of the string as the relevant year. Since the control can not find other string value to be parsed as a month, it applies the current month value instead.

The embedded RadCalendar control is present in RadDatePicker and RadDateTimePicker. It has two properties that you can use to configure the format of dates:

• The TitleFormat property specifies the format of the date that appears in the title bar.

• The DayCellToolTipFormat property specifies the format of the date that appears when the user hovers the mouse over a cell in the calendar.

Both properties take a date format pattern as a value.

In addition, the CellDayFormat property lets you specify how to format the numbers that label each day in the day matrix. This is a standard ASP.NET number format string.

CopyASPX

<telerik:RadDatePicker ID="RadDatePicker1" runat="server">
     <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
         CellDayFormat="[ %d ]"
         DayCellToolTipFormat="MMM d, yyyy"
         TitleFormat="MMM yy">
     </Calendar>
</telerik:RadDatePicker>

The embedded RadTimeView control is present in RadTimePicker and RadDateTimePicker controls. The value of its TimeFormat property is a date format pattern that controls how it displays the time values it displays for the user to choose.

CopyASPX

<telerik:RadTimePicker ID="RadTimePicker1" runat="server">
    <TimeView TimeFormat="h:mm t"></TimeView>
</telerik:RadTimePicker>