csharpc-sharpdotnetxamlavaloniauicross-platformcross-platform-xamlavaloniaguimulti-platformuser-interfacedotnetcore
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
2.1 KiB
55 lines
2.1 KiB
<UserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:vm="using:ControlCatalog.ViewModels"
|
|
x:DataType="vm:MainWindowViewModel"
|
|
x:Class="ControlCatalog.Pages.CalendarDatePickerPage">
|
|
<StackPanel Orientation="Vertical" Spacing="4">
|
|
<TextBlock Classes="h2">A control for selecting dates with a calendar drop-down</TextBlock>
|
|
|
|
<StackPanel Orientation="Horizontal"
|
|
Margin="0,16,0,0"
|
|
HorizontalAlignment="Center"
|
|
Spacing="16">
|
|
<StackPanel Orientation="Vertical">
|
|
<TextBlock Text="SelectedDateFormat: Short"/>
|
|
<CalendarDatePicker Name="DatePicker1"
|
|
SelectedDateFormat="Short"
|
|
Margin="0,0,0,8"/>
|
|
|
|
<TextBlock Text="SelectedDateFormat: Long"/>
|
|
<CalendarDatePicker Name="DatePicker2"
|
|
SelectedDateFormat="Long"
|
|
Margin="0,0,0,8"/>
|
|
|
|
<TextBlock Text="SelectedDateFormat: Custom"/>
|
|
<CalendarDatePicker Name="DatePicker3"
|
|
SelectedDateFormat="Custom"
|
|
CustomDateFormatString="ddd, MMM d"
|
|
Margin="0,0,0,8"/>
|
|
|
|
<TextBlock Text="Blackout Dates"/>
|
|
<CalendarDatePicker Name="DatePicker4"
|
|
Margin="0,0,0,8"/>
|
|
|
|
<CalendarDatePicker Margin="0,0,0,8"
|
|
PlaceholderText="Placeholder"/>
|
|
<CalendarDatePicker Margin="0,0,0,8"
|
|
Name="DatePicker5"
|
|
PlaceholderText="Floating Placeholder"
|
|
UseFloatingPlaceholder="True"/>
|
|
|
|
<TextBlock Text="PlaceholderText with custom color"/>
|
|
<CalendarDatePicker Margin="0,0,0,8"
|
|
PlaceholderText="Select a date"
|
|
PlaceholderForeground="Purple"/>
|
|
|
|
<TextBlock Text="Disabled"/>
|
|
<CalendarDatePicker IsEnabled="False"/>
|
|
|
|
<TextBlock Text="Validation Example"/>
|
|
<CalendarDatePicker SelectedDate="{CompiledBinding ValidatedDateExample, Mode=TwoWay}"/>
|
|
</StackPanel>
|
|
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</UserControl>
|
|
|