**DatePicker** A BitDatePicker offers a drop-down control that’s optimized for picking a single date from a calendar view where contextual information like the day of the week or fullness of the calendar is important. You can modify the calendar to provide additional context or to limit available dates.
**Basic**:
private DateTimeOffset? startingValue = new DateTimeOffset(2020, 12, 4, 20, 45, 0, DateTimeOffset.Now.Offset);
**Min & Max**:
**Hour/Minute step**:
**Date format**:
**Text input**:
**Binding**:
**TimeZone**:
**Mode**:
private DateTimeOffset? monthPickerDate;
**ReadOnly**:
private DateTimeOffset? readOnlyDate = DateTimeOffset.Now;
**Templates**:
Custom label
@context.Day
@if (context.Day % 5 is 0)
{
}
@context
AC
private CultureInfo culture = CultureInfo.CurrentUICulture;
**Responsive**:
**Validation**:
Submit
Reset
public class BitDatePickerValidationModel
{
[Required]
public DateTimeOffset? Date { get; set; }
}
private string SuccessMessage = string.Empty;
private BitDatePickerValidationModel validationModel = new();
private void HandleValidSubmit() { }
private void HandleInvalidSubmit() { }
**External Icons**:
**Style & Class**:
private DateTimeOffset? classesValue;
**RTL**:
Selected date: @selectedDate.ToString()
private DateTimeOffset? selectedDate = new DateTimeOffset(2020, 1, 17, 0, 0, 0, DateTimeOffset.Now.Offset);
**Culture**:
Selected date: @timeZoneDate1?.ToString()
@{
TimeZoneInfo? timeZoneInfo = null;
var allTimeZones = TimeZoneInfo.GetSystemTimeZones();
if (allTimeZones.Count > 0)
{
timeZoneInfo = allTimeZones[0];
}
}
@if (timeZoneInfo is not null) {
"@timeZoneInfo.Id" TimeZone:
Selected date: @timeZoneDate2?.ToString()
}
private DateTimeOffset? timeZoneDate1;
private DateTimeOffset? timeZoneDate2;
**Standalone**:
Selected Date: @(monthPickerDate?.ToString("yyyy/MM/dd HH:mm:ss") ?? "None")
@culture.DateTimeFormat.GetAbbreviatedMonthName(context.Month)