DatePickerΒΆ

/libs/granite/ui/components/coral/foundation/form/datepicker

A field that allows user to enter date.

It extends Field component.

It has the following content structure:

granite:FormDatePicker
  1. granite:FormField
namestring

The name that identifies the field when submitting the form.

The SlingPostServlet @TypeHint hidden input with value Date is also generated based on the name.

typeHintstring
  1. Date

The value of SlingPostServlet @TypeHint.

valuestringel

The value of the field.

emptyTextstring
i18n

A hint to the user of what can be entered in the field.

disabledboolean

Indicates if the field is in disabled state.

requiredboolean

Indicates if the field is mandatory to be filled.

validationstring
multiple

The name of the validator to be applied. E.g. foundation.jcr.name. See validation in Granite UI.

typestring
  1. date
  1. date
  2. datetime
  3. time

The type of the picker.

displayedFormatstring
i18n

The date format for display.

valueFormat
  1. YYYY-MM-DD[T]HH:mm:ss.SSSZ

The date format of the actual value, and for form submission.

minDatestring

The minimum boundary of the date.

maxDatestring

The maximum boundary of the date.

displayTimezoneMessageboolean

Indicates if a informative message should be displayed regarding timezone prevalence

beforeSelectorstring

Specifies a CSS selector targeting another datepickers that are before this datepicker. If those datepickers are not before this datepicker, it will be invalid.

afterSelectorstring

Specifies a CSS selector targeting another datepickers that are after this datepicker. If those datepickers are not after this datepicker, it will be invalid.