The schedule control is available with two types of orientation: vertical and horizontal. It is rendered in vertical by default. The time cells are rendered horizontally in the horizontal orientation and the same are rendered vertically in vertical orientation.
The schedule control has integrated support for KnockoutJS and AngularJS data binding. AngularJS directives are also supported.
The schedule control supports both 12 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 user create an appointment with just a single click. The user is prompted for the appointment subject and uses the default duration of the selected cell.
The recurrence option plays a vital role within the schedule control as it enables appointments to be scheduled to repeat 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 the user 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 the user to group various resources at different levels. With this feature enabled, the user is 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. The 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 has been added to the schedule control with two available options: print the complete schedule or print specific appointments.
Export support has been added to the schedule control. The appointments in the schedule control can be exported in an .ics format file.
ICS files generated from any calendars like Outlook, Google, and so on, can be easily imported into the schedule control.
The height and width of cells within the schedule control can now be customized.
Custom view allows the schedule to display a specific date range. The schedule only needs the start and end dates for the custom view; the navigation will calculate and use the number of days. If the range is within 7 days, the schedule will display the week-type view. If the range is more than 7 days, the schedule will display in the month-type view.
The date format can be customized with the ‘dateFormat’ property. The schedule 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 control to render based upon screen size. There is a layout for each of the basic screen sizes: phone, tablet, and desktop.
The priority feature allows the user 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. Upon hover, a button will appear and clicking the “X” button on the appointment will delete it.
The 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 over the events. By default, 7 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 mouse over. 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/five days from the specified start day will be displayed on the scheduler, respectively.
This feature allows the user to customize the display of workweek view with the set of user-defined days collection. For example, it is possible to display the workweek view starting from Tuesday and display up to Saturday.
The appointment ID can be any kind of data type, like integer, string, and guid type. Internally, we have generated the guid for each scheduler appointment, so as to perform CRUD operations successfully.
Daylight Savings Time (DST) can be enabled by setting the property “DaylightSavingTime=true”.
Timeslots in the scheduler can now be blocked, so that restrictions can be set on those timeslots and also on the appointments that lie in that blocked range. Those blocked appointments will be made read-only and the CRUD operations on it will be prevented.
Weekend days can be hidden from the scheduler, allowing it to display only the working days on all the views.