A calendar picker control simplifies the task of selecting dates by rendering a minature calendar.
Accessible Calendar Picker
Bootstrap Syntax
<input
name="MatchingTextInputName"
... />
<a class="accCalendar"
data-name="MatchingTextInputName"
id="uniqueID"
> ... </a>
Attributes
-
class="accCalendar" :
The bootstrap class name that specifies an accessible calendar picker.
-
data-name :
The name value for the calendar picker.
The Name attribute of the accompanying text field must match the data-name attribute value.
The selected date will then be inserted into the text field.
-
id :
The unique ID of the element.
This value is also registered as the ID of the calendar AccDC Object, making it possible to invoke the object programmatically.
$A.reg.uniqueID.open();
// All other AccDC API properties and methods are similarly available.