<!DOCTYPE html>
<html>
<meta name="robots" content="noindex">
<head>
<title>Date-Support</title>
<style>
body{
background: #000;
}
.main-div{
width: 500px;
margin: 0px auto;
display: block;
background: #fff;
height: 400px;
margin-top: 40px;
padding: 30px;
}
p::first-letter {
font-size: 200%;
color: #8A2BE2;
}
</style>
<!-- Google Tag Manager -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-833407987"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'AW-833407987');
</script>
<!-- Google Tag Manager -->
</head>
<body>
<div class="main-div">
<h1>Date and time support input</h1>
Date:<br>
<input type="date" value="10/10/2018"><br>
</form>
</div>
</body>
</html>