# Calendar

**Path:** Components/Data Display

[Back to Documentation Index](https://rubicblazor.skyconis.com/docs.md)

---

Calendar

 A calender is the way to provide the UI for the date operations.

 Show code

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 27

 28

 29

 30

 1

 2

 3

 4

 5

 6

 7

 8

 9

 10

 11

 12

 13

 14

 15

 16

 17

 18

 19

 20

 21

 22

 23

 24

 25

 26

 27

 28

 29

 30

 31

 1

 2

 3

 4

 5

 6

 7

 Colors

 Show code

 Default 
 Primary 
 Secondary 
 Info 
 Warning 
 Danger 
 Success 

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 27

 28

 29

 30

 1

 2

 3

 4

 5

 6

 7

 8

 9

 10

 11

 12

 13

 14

 15

 16

 17

 18

 19

 20

 21

 22

 23

 24

 25

 26

 27

 28

 29

 30

 31

 1

 2

 3

 4

 5

 6

 7

 Readonly / Disabled

 Show code

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 27

 28

 29

 30

 1

 2

 3

 4

 5

 6

 7

 8

 9

 10

 11

 12

 13

 14

 15

 16

 17

 18

 19

 20

 21

 22

 23

 24

 25

 26

 27

 28

 29

 30

 31

 1

 2

 3

 4

 5

 6

 7

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 27

 28

 29

 30

 1

 2

 3

 4

 5

 6

 7

 8

 9

 10

 11

 12

 13

 14

 15

 16

 17

 18

 19

 20

 21

 22

 23

 24

 25

 26

 27

 28

 29

 30

 31

 1

 2

 3

 4

 5

 6

 7

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 27

 28

 29

 30

 1

 2

 3

 4

 5

 6

 7

 8

 9

 10

 11

 12

 13

 14

 15

 16

 17

 18

 19

 20

 21

 22

 23

 24

 25

 26

 27

 28

 29

 30

 31

 1

 2

 3

 4

 5

 6

 7

 Week Number

 Show code

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 40
 27

 28

 29

 30

 1

 2

 3

 41
 4

 5

 6

 7

 8

 9

 10

 42
 11

 12

 13

 14

 15

 16

 17

 43
 18

 19

 20

 21

 22

 23

 24

 44
 25

 26

 27

 28

 29

 30

 31

 45
 1

 2

 3

 4

 5

 6

 7

 Hide Day Names / Week Number

 Show code

 HideDayNames 

 ShowWeekNumber 

 UseShortestNames 

 HideMonthNameInCalendar 

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 40
 27

 28

 29

 30

 1

 2

 3

 41
 4

 5

 6

 7

 8

 9

 10

 42
 11

 12

 13

 14

 15

 16

 17

 43
 18

 19

 20

 21

 22

 23

 24

 44
 25

 26

 27

 28

 29

 30

 31

 45
 1

 2

 3

 4

 5

 6

 7

 Borders

 Show code

 Border 

 BorderH 

 BorderV 

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 27

 28

 29

 30

 1

 2

 3

 4

 5

 6

 7

 8

 9

 10

 11

 12

 13

 14

 15

 16

 17

 18

 19

 20

 21

 22

 23

 24

 25

 26

 27

 28

 29

 30

 31

 1

 2

 3

 4

 5

 6

 7

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 40
 27

 28

 29

 30

 1

 2

 3

 41
 4

 5

 6

 7

 8

 9

 10

 42
 11

 12

 13

 14

 15

 16

 17

 43
 18

 19

 20

 21

 22

 23

 24

 44
 25

 26

 27

 28

 29

 30

 31

 45
 1

 2

 3

 4

 5

 6

 7

 Custom Content

 You can render custom content for each day.

 Show code

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 27

 28

 29

 30

 1

 2

 3

 4

 5

 6

 7

 8

 9

 10

 11

 12

 13

 14

 15

 16

 17

 18

 19

 20

 21

 22

 23

 24

 25

 26

 27

 28

 29

 30

 31

 1

 2

 3

 4

 5

 6

 7

 Selected

 You can set the selected date-value, at Calendar.

 Show code

 Set 

 Selected Values 

 Is Multiple ? 

 October 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 27

 28

 29

 30

 1

 2

 3

 4

 5

 6

 7

 8

 9

 10

 11

 12

 13

 14

 15

 16

 17

 18

 19

 20

 21

 22

 23

 24

 25

 26

 27

 28

 29

 30

 31

 1

 2

 3

 4

 5

 6

 7

 RTL Support

 RTL calendar flow is applied automatically based on the selected RTL culture.

 Show code

 يوليو 2026

 سبت
 أحد
 إثنين
 ثلاثاء
 أربعاء
 خميس
 جمعة

 27

 28

 29

 30

 1

 2

 3

 4

 5

 6

 7

 8

 9

 10

 11

 12

 13

 14

 15

 16

 17

 18

 19

 20

 21

 22

 23

 24

 25

 26

 27

 28

 29

 30

 31

 1

 2

 3

 4

 5

 6

 7

 ✕

 Contents