CalendarDatePickerPage.xaml 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <UserControl xmlns="https://github.com/avaloniaui"
  2. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  3. xmlns:vm="using:ControlCatalog.ViewModels"
  4. x:DataType="vm:MainWindowViewModel"
  5. x:Class="ControlCatalog.Pages.CalendarDatePickerPage">
  6. <StackPanel Orientation="Vertical" Spacing="4">
  7. <TextBlock Classes="h2">A control for selecting dates with a calendar drop-down</TextBlock>
  8. <StackPanel Orientation="Horizontal"
  9. Margin="0,16,0,0"
  10. HorizontalAlignment="Center"
  11. Spacing="16">
  12. <StackPanel Orientation="Vertical">
  13. <TextBlock Text="SelectedDateFormat: Short"/>
  14. <CalendarDatePicker Name="DatePicker1"
  15. SelectedDateFormat="Short"
  16. Margin="0,0,0,8"/>
  17. <TextBlock Text="SelectedDateFormat: Long"/>
  18. <CalendarDatePicker Name="DatePicker2"
  19. SelectedDateFormat="Long"
  20. Margin="0,0,0,8"/>
  21. <TextBlock Text="SelectedDateFormat: Custom"/>
  22. <CalendarDatePicker Name="DatePicker3"
  23. SelectedDateFormat="Custom"
  24. CustomDateFormatString="ddd, MMM d"
  25. Margin="0,0,0,8"/>
  26. <TextBlock Text="Blackout Dates"/>
  27. <CalendarDatePicker Name="DatePicker4"
  28. Margin="0,0,0,8"/>
  29. <CalendarDatePicker Margin="0,0,0,8"
  30. Watermark="Watermark"/>
  31. <CalendarDatePicker Margin="0,0,0,8"
  32. Name="DatePicker5"
  33. Watermark="Floating Watermark"
  34. UseFloatingWatermark="True"/>
  35. <TextBlock Text="Disabled"/>
  36. <CalendarDatePicker IsEnabled="False"/>
  37. <TextBlock Text="Validation Example"/>
  38. <CalendarDatePicker SelectedDate="{CompiledBinding ValidatedDateExample, Mode=TwoWay}"/>
  39. </StackPanel>
  40. </StackPanel>
  41. </StackPanel>
  42. </UserControl>