Introduction

An appointment field contains a date picker, time picker, and a timezone dropdown. Use an appointment field to schedule appointments by setting the dateTimeRangesproperty for times when appointments are available, or just use it as a date and time picker. Set days of the week that are not selectable for appointments by using disabledDaysOfWeek and set the earliest and latest dates that you can select using minDate and maxDate.

Use the time zone dropdown to display the dates and times in the selected time zone. The default time zone that is used when setting the dateTimeRanges property is the site's time zone, set in the Language & Region settings page. The time zone for the value property is according to the browser's locale and timezone.