Radzen Blazor Components

Scheduler

Demonstration and configuration of the Radzen Blazor Scheduler component.

June 2024
Sun
Mon
Tue
Wed
Thu
Fri
Sat
26
27
28
29
30
31
1
Day off
Work from home
2
3
4
5
6
7
8
Birthday
Skype call
Online meeting
Dentist appointment
Vacation
9
10
11
12
13
14
15
Vacation
16
17
18
19
20
21
22
Vacation
23
24
25
26
27
28
29
30
1
2
3
4
5
6

Console log

Year Planner and Timeline views link

Plan out the whole year with <RadzenYearPlannerView /> and <RadzenYearTimelineView />.

January
February
March
April
May
June
July
August
September
October
November
December
January
2024
Sun
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Mon
Tue
Jan
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
Jan
Feb
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
Feb
Mar
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
Mar
Apr
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
Apr
May
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
May
+1
Jun
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
Jun
Jul
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
Jul
Aug
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
Aug
Sep
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
Sep
Oct
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
Oct
Nov
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
Nov
Dec
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
Dec

Console log

Display additional content when the user hovers an appointment link

June 2024
Sun
Mon
Tue
Wed
Thu
Fri
Sat
26
27
28
29
30
31
1
Day off
Work from home
2
3
4
5
6
7
8
Birthday
Skype call
Online meeting
Dentist appointment
Vacation
9
10
11
12
13
14
15
Vacation
16
17
18
19
20
21
22
Vacation
23
24
25
26
27
28
29
30
1
2
3
4
5
6

Keyboard Navigation link

The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Scheduler component.

Press this key To do this
Tab Navigate to a Scheduler component.
Tab on focused Scheduler Navigate forward across available scheduler components.
Shift + Tab on focused Scheduler Navigate backward across available scheduler components.
Right Arrow on week/month view or year view selected month Focus previous day.
Left Arrow on week/month view or year view selected month Focus next day.
Up Arrow on week/month view or year view selected month Focus same day from previous week.
Down Arrow on week/month view or year view selected month Focus same day from next week.
Up Arrow on day view Focus previous hour.
Down Arrow on day view Focus next hour.
Up Arrow on appoinment Focus previous appoinment.
Down Arrow on appoinment Focus next appoinment.
Space on appoinment Edit appoinment.
Enter Add appoinment.

Supercharge your Blazor development with Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More
>Radzen Blazor Studio

Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Fluent
  • Material 3 Dark
  • Material Dark
  • Fluent Dark

Free Themes

  • Material
  • Standard
  • Default
  • Humanistic
  • Software
  • Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙