Radzen Blazor Components

Scheduler

Demonstration and configuration of the Radzen Blazor Scheduler component.

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

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
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

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

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
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

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