Calendar
The calendar control lets people select and view a single date or a range of dates in their calendar. It’s made up of 3 separate views: the month view, year view, and decade view.
Usage
Basic
Basic Calendar configuration showcasing default usage, disabled state, week numbers, highlighted months, and time picker.
Basic Calendar:
Selected date
December 2024
S
M
T
W
T
F
S
Disabled:
Selected date
December 2024
S
M
T
W
T
F
S
Week numbers:
Selected date
December 2024
S
M
T
W
T
F
S
48
49
50
51
52
Highlight months:
Selected date
December 2024
S
M
T
W
T
F
S
StartingValue: December 2020, Time: 20:45:
Selected date
S
M
T
W
T
F
S
:
Min & Max
Demonstrates setting minimum and maximum selectable dates in the calendar.
Min: Now.AddDays(-5)
Max: Now.AddDays(+5)
Selected date
December 2024
S
M
T
W
T
F
S
Min: Now.AddMonths(-2)
Max: Now.AddMonths(+1)
Selected date
December 2024
S
M
T
W
T
F
S
Min: Now.AddYears(-5)
Max: Now.AddYears(+1)
Selected date
December 2024
S
M
T
W
T
F
S
Style & Class
Showcases custom styling and class usage for the calendar component.
Component's Style & Class:
Selected date
December 2024
S
M
T
W
T
F
S
Selected date
December 2024
S
M
T
W
T
F
S
Styles & Classes:
Selected date
S
M
T
W
T
F
S
:
Selected date
December 2024
S
M
T
W
T
F
S
Binding
Illustrates binding the selected date value to a variable.
Selected date 08/19/2023
August 2023
S
M
T
W
T
F
S
Selected date: 08/19/2023 00:00:00 +00:00
Culture
By default, BitCalendar 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.
fa-IR culture with Farsi names:
Selected date
آذر 1403
ش
ی
د
س
چ
پ
ج
fa-IR culture with Fingilish names:
Selected date
Azar 1403
S
Y
D
S
C
P
J
Templates
Use custom templates for day cells, month cells, and year cells.
DayCellTemplate:
Selected date
December 2024
S
M
T
W
T
F
S
MonthCellTemplate:
Selected date
December 2024
S
M
T
W
T
F
S
YearCellTemplate:
Selected date
December 2024
S
M
T
W
T
F
S
MonthPicker
Demonstrates controlling the visibility and position of the month picker.
IsMonthPickerVisible:
Selected date
December 2024
S
M
T
W
T
F
S
ShowMonthPickerAsOverlay:
Selected date
December 2024
S
M
T
W
T
F
S
TimePicker
Demonstrates the time picker functionality integrated within the calendar component.
Selected date 12/06/2024
S
M
T
W
T
F
S
:
Selected DateTime: 12/06/2024 22:25:19 +00:00
Hour/Minute step
Customizes the step increments for hours and minutes in the time picker.
HourStep = 2:
Selected date
S
M
T
W
T
F
S
:
MinuteStep = 15:
Selected date
S
M
T
W
T
F
S
:
Validation
Demonstrates validation for BitCalendar within a form, including required fields and custom validation messages.
RTL
Use BitCalendar in right-to-left (RTL).
Selected date
December 2024
S
M
T
W
T
F
S
API
BitCalendar parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitInputBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitInputBase public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitCalendarClassStyles properties
Name |
Type |
Default value |
Description |
---|---|---|---|
BitVisibility enum
Name |
Value |
Description |
---|---|---|
BitTimeFormat enum
Name |
Value |
Description |
---|---|---|
BitVisibility enum
Name |
Value |
Description |
---|---|---|
BitDir enum
Name |
Value |
Description |
---|---|---|
- On this page