<?xml version="1.0" encoding="UTF-8" ?>
<dt-api library="DateTime">
	<name>hide()</name>
	<summary>Hides the DateTime instance</summary>
	<since>1.0.0</since>

	<type type="function">
		<signature>hide()</signature>
		<description>Hides the DateTime instance.</description>
		<returns type="DateTime">Self for chaining.</returns>
	</type>

	<description>
		This method detaches the DateTime picker element from the DOM, effectively leaving just the original `-tag input` element in the document.

		This can be useful in cases where a container that holds the `-tag input` for the DateTime is removed from the display (e.g. a modal form). Calling this method will ensure that the date / time picker is hidden, regardless of its focus state.
	</description>

	<example title="Hide an instance of DateTime"><![CDATA[
var dt = new DateTime(document.getElementById('#dtInput'));
dt.hide();
]]></example>

<example title="Ensure the date picker is hidden when closing a Bootstrap 4 modal"><![CDATA[
var dt = new DateTime($('#dtInput'));

$('#myModal').on('hide.bs.modal', function (event) {
	dt.hide();
});
]]></example>

</dt-api>
