Input Date Picker

Example

Basic calendar

< 2025 July >

<Column ID="colElement" IdeDisplayStatus="Collapsed">
  <Note Note="A Div is used here because the Date Picker can't be a child of a Column element" />
  <Division ID="divBasic" IdeDisplayStatus="Collapsed">
    <DatePicker ID="inpBasic" Width="300" WidthScale="px" DropdownYearAndMonth="False" DefaultValue="" />
  </Division>
</Column>

Complex calendar

< >

Sun

Mon

Tue

Wed

Thu

Fri

Sat

<Column ID="colElement" IdeDisplayStatus="Collapsed">
  <Division ID="divComplex" IdeDisplayStatus="Collapsed">
    <DatePicker ID="inpComplex" Width="300" WidthScale="px" WeekdayCaptionFormat="ddd" DefaultValue="" />
  </Division>
</Column>

Reformat the selected date

< >

Sun

Mon

Tue

Wed

Thu

Fri

Sat

<Column ID="colElement" IdeDisplayStatus="Collapsed">
  <Division ID="divReformat" IdeDisplayStatus="Collapsed">
    <DatePicker ID="inpReformat" Width="300" WidthScale="px" WeekdayCaptionFormat="ddd" InputDateReformat="yyyy-MM-dd" DefaultValue="" />
  </Division>
</Column>

Select start and end dates

< >

<Column ID="colElement" IdeDisplayStatus="Collapsed">
  <Division ID="divRange" IdeDisplayStatus="Collapsed">
    <DatePicker ID="inpStartDate" ShowDateRange="True" EndDateRangeID="inpEndDate" Width="300" WidthScale="px" DefaultValue="" EndDateDefaultValue="" />
  </Division>
</Column>