# Calendar

**Path:** Components/Data Display

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

---

Calendar

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

 Show code

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 26

 27

 28

 29

 30

 31

 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

 Colors

 Show code

 Default 
 Primary 
 Secondary 
 Info 
 Warning 
 Danger 
 Success 

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 26

 27

 28

 29

 30

 31

 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

 Readonly / Disabled

 Show code

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 26

 27

 28

 29

 30

 31

 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

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 26

 27

 28

 29

 30

 31

 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

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 26

 27

 28

 29

 30

 31

 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

 Week Number

 Show code

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 31
 26

 27

 28

 29

 30

 31

 1

 32
 2

 3

 4

 5

 6

 7

 8

 33
 9

 10

 11

 12

 13

 14

 15

 34
 16

 17

 18

 19

 20

 21

 22

 35
 23

 24

 25

 26

 27

 28

 29

 36
 30

 31

 1

 2

 3

 4

 5

 Hide Day Names / Week Number

 Show code

 HideDayNames 

 ShowWeekNumber 

 UseShortestNames 

 HideMonthNameInCalendar 

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 31
 26

 27

 28

 29

 30

 31

 1

 32
 2

 3

 4

 5

 6

 7

 8

 33
 9

 10

 11

 12

 13

 14

 15

 34
 16

 17

 18

 19

 20

 21

 22

 35
 23

 24

 25

 26

 27

 28

 29

 36
 30

 31

 1

 2

 3

 4

 5

 Borders

 Show code

 Border 

 BorderH 

 BorderV 

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 26

 27

 28

 29

 30

 31

 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

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 31
 26

 27

 28

 29

 30

 31

 1

 32
 2

 3

 4

 5

 6

 7

 8

 33
 9

 10

 11

 12

 13

 14

 15

 34
 16

 17

 18

 19

 20

 21

 22

 35
 23

 24

 25

 26

 27

 28

 29

 36
 30

 31

 1

 2

 3

 4

 5

 Custom Content

 You can render custom content for each day.

 Show code

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 26

 27

 28

 29

 30

 31

 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

 Selected

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

 Show code

 Set 

 Selected Values 

 Is Multiple ? 

 August 2026

 Su
 Mo
 Tu
 We
 Th
 Fr
 Sa

 26

 27

 28

 29

 30

 31

 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

 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