> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: $w

## Namespace: appointment-field

## Article: Introduction

## Article Link: https://dev.wix.com/docs/velo/velo-only-apis/$w/appointment-field/introduction.md

## Article Content:

# Introduction
An appointment field contains a date picker, time picker, and a timezone dropdown.
Use an appointment field to schedule appointments by setting the [`dateTimeRanges`]($w/appointment-field/date-time-ranges)property 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`]($w/appointment-field/disabled-days-of-week) and set the earliest and latest dates that you can select using [`minDate`]($w/appointment-field/min-date) and [`maxDate`]($w/appointment-field/max-date).

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`]($w/appointment-field/date-time-ranges) property is the site's time zone, set in the [Language & Region](https://www.wix.com/my-account/site-selector/?buttonText=Select%20Site&title=Select%20a%20Site&autoSelectOnSingleSite=true&actionUrl=https:%2F%2Fwww.wix.com%2Fdashboard%2F%7B%7BmetaSiteId%7D%7D%2Fsettings/language-and-region/) settings page.
The time zone for the [`value`]($w/appointment-field/value) property is according to the browser's locale and timezone.

![Appointment Field](https://wixmp-833713b177cebf373f611808.wixmp.com/images/velo-images/media_appointmentfield.png "Appointment Field")