React Scheduler Default Appointment Template

By default, a predefined appointment template is applied to display scheduler appointments. This template is based on certain fields of the data source provided for the widget. Below is the list of these fields. If the default appointment template is not appropriate for your task, implement a custom appointment template based on these or other fields of your data source.

See Also

• Customize Appointment

For details on all-day appointments, refer to the Appointment Types article.

The startDate and endDate fields are used to position the rectangle representing an appointment in the scheduler.

By default, the appointment end date is displayed in the current timezone. To define the timezone, specify the endDateTimeZone option.

The list of supported timezones is available in the list of IANA time zones.

See Also

• Time Zone Support

To define an exception for a recurring appointment, specify the recurrenceException field in the appointment object. This field enables you to specify several appointments to exclude. Each appointment is specified by the start date and time. The start time of each excluded appointment should strictly match the start time of the initial appointment.

For details on recurring appointments, refer to the Appointment Types article.

View Demo

To define a recurring appointment, specify the recurrenceRule field in the appointment object. This field should be set using the iCalendar RFC 2445 specification.

For details on recurring appointments, refer to the Appointment Types article.

View Demo

The startDate and endDate fields are used to position the rectangle representing an appointment in the scheduler.

By default, the appointment start date is displayed in the current timezone. To define the timezone, specify the startDateTimeZone option.

The list of supported timezones is available in the list of IANA time zones.

See Also

• Time Zone Support

Whether you use a default or a custom template for appointments, you can specify a specific template for a particular appointment. To do so, set the template field for the data source object of this appointment. The following types of the specified value are available.

• Assign a string containing the name of the required template.
• Assign a jQuery object of the template's container.
• Assign a DOM Node of the template's container.
• Assign a function that returns the jQuery object or a DOM Node of the template's container.

See Also

• Custom Templates

The subject will present the appointment in a timetable.