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

Scheduler - Appointment Editing

Today 5/3/2021 Monday, May 3, 2021 DayWeekMultiDayMonth
Sun, 5/02
Mon, 5/03
Tue, 5/04
Wed, 5/05
Thu, 5/06
Fri, 5/07
Sat, 5/08
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
  • SchedulerAppointmentService.cs
  • SchedulerAppointment.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