# Selection Mode Blazor Edition provides the DateTimePicker control with an intuitive UI for selecting date and time values. Learn about the control and its edit modes in Blazor documentation. ## Content By default, the DateTimePicker control displays both the date picker and time picker. However, you may choose to show only the date picker to let the user select date from the displayed calendar or just the time picker to let the user select time from the time panel. This can be achieved using [SelectionMode](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.DateTimeEditors/C1.Blazor.DateTimeEditors.C1DateTimePicker.SelectionMode.html) property of the [C1DatetimePicker](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.DateTimeEditors/C1.Blazor.DateTimeEditors.C1DateTimePicker.html) class. The **SelectionMode** property allows you to change the selection to either **Date** or **Time** through the [SelectionMode](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.DateTimeEditors/C1.Blazor.DateTimeEditors.SelectionMode.html) enumeration. To change the selection mode and display the date picker only in the DateTimePicker control, use the following code: ```csharp ```