Category / Section
How to change the selected date and background color of selected date in SfCalendar?
1 min read
The Selected date and the Selected date background can be changed by SelectedDate and SelectedDateBackground properties, by default the selected date will be current date and background will be blue.
<Grid> <Input:SfCalendar Height="500" Width="500" SelectedDateBackground="Yellow" SelectedDate="12/13/2000"> </Input:SfCalendar> </Grid>
public sealed partial class MainPage : Page
{
public MainPage()
{
this.InitializeComponent();
calendar.Height = 500;
calendar.Width = 500;
calendar.SelectedDate = "12/13/2000";
calendar.SelectedDateBackground = new SolidColorBrush(Colors.Yellow);
}
}
The following screenshot displays the change in the Selected date and background of SfCalendar
