DatePicker

Note: You can check the Avalonia docs for the DatePicker and DatePicker API if you need more information.

For Avalonia.FuncUI's DSL properties you can check DatePicker.fs

The DatePicker control is a single date picker that displays a calendar, it is also possible to enter a date via the TextBox the control has

Usage

Set Label

DatePicker.create [
  DatePicker.header "Title"
]

Set Date

DatePicker.create [
  DatePicker.selectedDate DateTime.Today
]

Set DateFormat

DatePicker.create [
  DatePicker.yearFormat "yyyy"
  DatePicker.monthFormat "MMMM"
  DatePicker.dayFormat "dd"
]

You can check Custom date and time format strings Microsoft docs for more information about the format strings.

Limit Year Range

You can check DateTimeOffset Microsoft docs for more information about setting time offsets.

DatePicker.create [
  DatePicker.maxYear (DateTimeOffset(DateTime.Now))
]

Show Only Month and Year

You can control the visibility of the day, month, and year with similarly named functions.

DatePicker.create [
  DatePicker.dayVisible false
]

Register Selected Date

DatePicker.create [
  DatePicker.onSelectedDateChanged (fun dateOffset -> OnChangeDateOffset dateOffset |> dispatch)
]