Usage
The HTML and JavaScript tabs build the identical DatePicker setup shown above, declaratively
via attributes or imperatively via the JS API.
<style>
.date-picker.theme .box
{
display: inline-block;
z-index: 5;
}
</style>
<div id="datePicker"
ui-type="DatePicker"
ui-view-mode="0"
ui-date-format="MM/dd/yyyy"></div>
const datePicker = $UI.createComponent(componyx.UI.DatePicker, {
id: 'datePicker',
viewMode: componyx.UI.DatePicker.ViewModeOption.INPUT_CALENDAR_POPUP,
dateFormat: 'MM/dd/yyyy',
containerElement: document.body
});
datePicker.show();