Help us make our products better.Take our 5 minute survey.
Dismiss

React Scheduler - Appointments

Our React Scheduler supports the following appointment types:

One-Time Appointments

One-time appointments are those with specified start and end dates and times. They are shown in the following demo. To display one-time appointments on a view, add the Appointments plugin.

Zero-Duration Appointments

Zero-duration appointments do not have an end time and date. They represent events without duration (reminders, arrival/departure time, and so on).

To add a zero-duration appointment, specify the startDate in the AppointmentModel, leave the endDate field unspecified, and add the Appointments plugin.

All-Day Appointments

All-day appointments last for the entire day or multiple days. They are displayed only in the MonthView. To display them in the day or week views, use the AllDayPanel plugin.

Recurring Appointments

A recurring appointment is an appointment that is repeated after a specified time. An object that defines such an appointment should contain the rRule field whose value has the iCalendar RRULE format. To exclude specific dates from recurrence, specify the exceptions in the exDate field. Its values should have the iCalendar EXDATE format.

Customize the Appearance

The Appointments plugin allows you to customize the appearance of appointments. Override the plugin's appointmentComponent with a custom component. Use the AppointmentProps when you implement the custom component. The following example shows how to use this approach to add custom styles to appointments:

This site uses cookies to make your browsing experience more convenient and personal. Cookies store useful information on your computer to help us improve the efficiency and relevance of our site for you. In some cases, they are essential to making the site work properly. By accessing this site, you consent to the use of cookies. For more information, refer to DevExpress’ privacy policy and cookie policy.