<head>
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</head>
    <div class="col s12">
		  <div class="row">
		    <div class="input-field col s12">
		    <span class="flow-text">Materialize Date Picker</span>
		      <input type="text" class="datepicker">
		    </div>
		  </div>
		</div>
$(document).ready(function(){
    $('.datepicker').datepicker();
  });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.