<?xml version="1.0" encoding="UTF-8" ?>
<dt-example table-type="html" table-class="display nowrap" order="5">

<css lib="datetime"/>

<js lib="jquery datetime">
<![CDATA[

$('#test').dtDateTime({
    alwaysVisible: true
});

]]>
</js>

<js-vanilla>
<![CDATA[

new DateTime(document.getElementById('test'), {
    alwaysVisible: true
});

]]>
</js-vanilla>

<title lib="DateTime">Always visible picker</title>

<info><![CDATA[

The DateTime picker can be made to always be visible by using [a `hidden` input type](./hidden.html), but it also has the option to be always visible, and the input also visible through the `de-init alwaysVisible` option, which is demonstrated on the page.

]]></info>

<custom-table>
    <input id="test" type="text" value="2020-01-17" />
</custom-table>

</dt-example>
