New to Telerik UI for Blazor? Download Free 30-day trial

Scheduler - Appointment Editing

6/21/2021 Monday, June 21, 2021
Sun, 6/20
Mon, 6/21
Tue, 6/22
Wed, 6/23
Thu, 6/24
Fri, 6/25
Sat, 6/26
all day
7:00 AM
8:00 AM
9:00 AM
10:00 AM
11:00 AM
12:00 PM
1:00 PM
2:00 PM
3:00 PM
4:00 PM
5:00 PM
6:00 PM
7:00 PM
8:00 PM
9:00 PM
10:00 PM
11:00 PM
  • Appointment-editing.razor
  • AppointmentService.cs
  • AppointmentDto.cs
Loading the demo source code...please wait.

Description

You can double click appointments to edit them in a popup form with inputs. You can also drag-and-drop events between different slots, days or the all-day row, as well as resize them to alter their duration. Double click an empty space to insert a new appointment; or press the [x] button on an existing one to delete it.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.
Reload