The schedule control is an event calendar that is highly customizable and can provide the look and feel of an Outlook-like scheduler when added to an application. The major advantage of the schedule control is it allows you to manage and list out various activities of a day for various resources. With the help of this control, users can track their booked appointments, create a new one, or edit and delete the older ones. The basic idea behind the usage of this control is to plan, create, and manage required appointments and events for the users and also to organize various other activities like meetings, important deadlines, tasks, etc.
The schedule control is available with two types of orientation: vertical and horizontal. It is rendered vertically by default. The time cells are rendered horizontally in the horizontal orientation, and vertically in the vertical orientation.
The schedule control has integrated support for Knockout and Angular data binding. Angular directives are also supported.
The schedule supports both 12-hour and 24-hour time formats.
The schedule control’s view can be easily customized to display specific start and end hours.
The quick appointment window lets your end users create an appointment with just a single click. Users are prompted for the appointment subject and use the default duration of the selected cell.
The recurrence option plays a vital role within the schedule control, enabling appointments to be repeated on a daily, weekly, monthly, or yearly basis.
The appointment template can be customized to add any kind of text, image, or style.
The current time can be indicated on the scheduler UI across the current date column. This allows users to easily identify the current date and time on the schedule. In cases of multiple resources, multiple time indicators will be displayed.
The schedule control has built-in localization support.
This feature allows users to group various resources at different levels. With this feature enabled, users are able to add the same appointment for multiple resources simultaneously.
The schedule control has a context menu with default options to manipulate (add/edit/delete) appointments, change other settings like switching between the current views and time mode, and add custom menu options.
The appointment categorize option allows the user to differentiate each appointment type by its color. It has been provided with complete customization options. Appointments can be categorized either through a context menu option or through the normal appointment window with categorize settings. The option also extends to the level of applying multiple categories to the same appointment.
Users can search appointments based on subject, description, start date, and end date. The resulting appointments can be obtained and displayed either in a grid or any internal processing.
Print support provides two options: print the complete schedule along with its background color or print specific appointments.
Schedule appointments can be exported in .ics, .pdf, and .xls format files.
ICS files generated from any calendar like Outlook, Google, and others can be easily imported into the schedule control.
The height and width of the cells within the schedule control can now be customized.
The date format can be customized with the dateFormat property. The schedule control will accept any of the standard date formats.
The schedule control supports limiting date ranges. MinDate and MaxDate will define the date range available to the schedule. No navigation will be allowed outside of that range.
The isResponsive property allows the schedule to render based on screen size. There is a layout for each of the basic screen sizes: phone, tablet, and desktop.
The priority feature allows users to prioritize appointments with default values and individual icons or images. Users can also customize the priority values and icons using a template or from a data source.
Appointments can be deleted inline. When hovering over an appointment, a button will appear, and clicking the “X” button on the appointment will delete it.
Time scales can be removed by setting the property “showTimeScale = false”.
The header bar can be removed by setting the property “showHeaderBar = false”.
The agenda view displays the list of appointments in a grid-like view, categorized based on the dates and resource levels. Edit and delete options have also been included, which show up when the mouse hovers across the events. By default, seven days are displayed in agenda view and the number of days to be displayed in it can also be customized.
The tooltip feature allows users to display schedule appointment details on mouseover. It can be customized using a template.
This feature allows the scheduler to modify the first day of the week and workweek. In the week and workweek view, the next consecutive seven or five days from the specified start day will be displayed on the scheduler.
This feature allows users to customize the display of the workweek view with a user-defined days collection. For example, it is possible to display the workweek view starting Tuesday and display up to Saturday.
The appointment ID can be any data type like integer, string, and GUID type. Internally, the GUID for each scheduler appointment is generated to perform CRUD operations successfully.
Daylight Savings Time can be enabled by setting the property “DaylightSavingTime = true”.
Time slots in schedules can be blocked so that restrictions can be set on those time slots and also on appointments that lie in that blocked range. Blocked appointments will be made read-only and CRUD operations on them will be prevented.
Weekend days can be hidden from the schedule to display only the working days on all views.
With this feature enabled, users can create and edit appointments inline through a single click on the schedule cells or on the existing appointment’s subject. Pressing Enter after the new subject text is typed in the inline text box will update and save the appointment appropriately.