Skip to main content

DatePicker

A date picker (DatePicker) offers a drop-down control that’s optimized for picking a single date from a calendar view where contextual information like the day of the week or fullness of the calendar is important.

Examples#

Properties#

NameTypeDefaultDescription
valuedateCurrent value of the DatePicker.
labelstringLabel to display above the DatePicker.
placeholderstringThe short hint displayed in the DatePicker before the user enters a value.
requiredboolfalseDisplay DatePicker as required.
allowTextInputboolfalseWhether the DatePicker allows input a date string directly or not.
borderlessboolfalseWhether or not the DatePicker is borderless.
underlinedboolfalseWhether or not the DatePicker is underlined.

Events#

NameDescription
changeFires when the selected date is changed (either selected from dropdown or entered if allowTextInput is enabled.)