bulma-extensions
Version:
Set of extensions for Bulma.io CSS Framework
17 lines • 921 B
JavaScript
export default (data) => {
return `<div id='${data.id}'>
<div class="datetimepicker-dummy is-hidden">
<div class="datetimepicker-dummy-wrapper">
<input placeholder="${data.labelFrom}" readonly="readonly" class="datetimepicker-dummy-input${data.isRange ? ' is-datetimepicker-range' : ''}" type="text">
${data.isRange ? `<input placeholder="${data.labelTo}" readonly="readonly" class="datetimepicker-dummy-input" type="text">`: ''}
</div>
<button class="datetimepicker-clear-button">＋</button>
</div>
<div class="dateimepicker-wrapper${data.displayMode === 'dialog' ? ' modal' : ''}">
<div class="modal-background${data.displayMode === 'dialog' ? '' : ' is-hidden'}"></div>
<div class="datetimepicker">
<div class="datetimepicker-container${data.headerPosition === 'top' ? '' : ' has-header-bottom'}"></div>
</div>
</div>
</div>`;
};