DatePicker
Picking a date can be tough without context. 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.
Usage
Basic
Selected date
April 2024
S
M
T
W
T
F
S
Selected date
April 2024
S
M
T
W
T
F
S
Selected date
April 2024
S
M
T
W
T
F
S
Selected date
April 2024
S
M
T
W
T
F
S
13
14
15
16
17
Selected date
April 2024
S
M
T
W
T
F
S
Selected date
S
M
T
W
T
F
S
:
Selected date
April 2024
S
M
T
W
T
F
S
Min & Max
Min: Now.AddDays(-5)
Max: Now.AddDays(+5)
Selected date
April 2024
S
M
T
W
T
F
S
Min: Now.AddMonths(-2)
Max: Now.AddMonths(+1)
Selected date
April 2024
S
M
T
W
T
F
S
Min: Now.AddYears(-5)
Max: Now.AddYears(+1)
Selected date
April 2024
S
M
T
W
T
F
S
Text input
The input field will open the BitDatePicker, and clicking the field again will dismiss the BitDatePicker and
allow text input. Please note to use this feature, you must enter the date in the exact
DateFormat
provided for the BitDatePicker.
Selected date
April 2024
S
M
T
W
T
F
S
Date format
Applications can customize how dates are formatted and parsed. Formatted dates can be ambiguous, so the control will avoid parsing the formatted strings of dates selected using the UI when text input is allowed.
In this example, we are formatting and parsing dates as dd=MM(yy).
Selected date
April 2024
S
M
T
W
T
F
S
Style & Class
Component's Style & Class:
Selected date
April 2024
S
M
T
W
T
F
S
Selected date
April 2024
S
M
T
W
T
F
S
Styles & Classes:
Selected date
April 2024
S
M
T
W
T
F
S
Selected date
S
M
T
W
T
F
S
:
Binding
Selected date 01/17/2020
January 2020
S
M
T
W
T
F
S
Selected date: 01/17/2020 00:00:00 +00:00
Culture
By default, BitDatePicker picks the current culture. But you can provide your own instance of CultureInfo for any custom culture.
You also can use our CultureInfoHelper class or check its code to see how to create a custom culture.
You also can use our CultureInfoHelper class or check its code to see how to create a custom culture.
Selected date
اردیبهشت 1403
ش
ی
د
س
چ
پ
ج
Selected date
Ordibehesht 1403
S
Y
D
S
C
P
J
Templates
Selected date
April 2024
S
M
T
W
T
F
S
Selected date
April 2024
S
M
T
W
T
F
S
Selected date
April 2024
S
M
T
W
T
F
S
Selected date
April 2024
S
M
T
W
T
F
S
Responsive
Selected date
April 2024
S
M
T
W
T
F
S
13
14
15
16
17
Validation
RTL
Selected date
April 2024
S
M
T
W
T
F
S
Hour/minute step
Selected date
S
M
T
W
T
F
S
:
Selected date
S
M
T
W
T
F
S
:
Implementation
BitDatePicker parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitInputBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitDatePickerClassStyles properties
Name |
Type |
Default value |
Description |
---|---|---|---|
BitVisibility enum
Name |
Value |
Description |
---|---|---|
BitIconLocation enum
Name |
Value |
Description |
---|---|---|
BitTimeFormat enum
Name |
Value |
Description |
---|---|---|
BitVisibility enum
Name |
Value |
Description |
---|---|---|
BitDir enum
Name |
Value |
Description |
---|---|---|