An HTML content command that, when evaluated, becomes a component allowing the user to select a date. When the Form is submitted, the selection will appear in the variable context as a Date value.
Attributes
name | ||
---|---|---|
Required |
Value type |
EL-evaluated |
No |
String |
Yes |
Defines the name of the variable that will hold the Date value representing the selected date. |
value | ||
---|---|---|
Required |
Value type |
EL-evaluated |
No |
Date, DateTime | Yes |
Defines the initial value of the datepicker. If not defined, the datepicker starts out by showing the current day. |
popup | ||
---|---|---|
Required |
Value type |
EL-evaluated |
No |
Boolean | Yes |
If the resolved value of this attribute is true , the produced datepicker is an input element, which, when clicked, opens up the otherwise-hidden datepicker. Otherwise the datepicker appears as a block-level element. |
dateformat | ||
---|---|---|
Required |
Value type |
EL-evaluated |
No |
String |
Yes |
If the datepicker appears as a popup (the popup attribute resolves into true ), its input element displays the selected date and this attribute can define the format in which that date is displayed. The resolved String should be the name of a date or dateTime format, which is then used to format the display.If not defined, the default date format, if defined, is used for formatting instead. Otherwise the selected date is presented in an undefined format. |
slds | ||
---|---|---|
Required |
Value type |
EL-evaluated |
No |
Boolean | Yes |
If the resolved value of this attribute is true , the produced datepicker follows the Salesforce Lightning Design System (SLDS) theme in looks and functionality. |
Examples
Creating a datepicker isn't complicated. Do note that the popup
attribute changes the size of the picker quite a lot, so take that into account in your layout plans.
<dyn-datepicker name="selectedDate" value="initialDate"/>
Comments
0 comments