Как использовать календарь даты в текстовом поле

Question

У меня довольно простой вопрос, который я не смог выяснить, даже при поиске здесь.

У меня есть следующее текстовое поле с именем LockedOutDate:

Цель этого текстового поля - использовать каландр даты, где пользователь может выбирать дату, а не вводить ее вручную, как я делал раньше. Как бы я это сделал?

Вот мой текущий код:

XAML:

<TextBlock VerticalAlignment="Center" Margin="5,9,5,8" Grid.Column="0" Grid.Row="3" Text="Locked Out Date:"/>
                    <TextBox x:Name="txtDate" Grid.Column="1" Grid.Row="3" Text="{Binding LockedOutDate, UpdateSourceTrigger=PropertyChanged}" Grid.ColumnSpan="2"/>

Модель просмотра:

 private string _LockedOutDate;
        public string LockedOutDate
        {
            get { return _LockedOutDate; }
            set
            {
                _LockedOutDate = DatePicker.CalendarStyleProperty.ToString();
                OnPropertyChanged("LockedOutDate");
            }
        }

Answer 1

Вы можете попробовать использовать html5 в своем коде, как показано ниже:

<input type="date">