<!doctype html>
<html>
	<head>
	    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
		<link rel="import" href="../../iron-icons/iron-icons.html">
		<link rel="import" href="../paper-date-picker-item.html">
		<link rel="import" href="../paper-datetime-picker-item.html">
		<title>Demo</title>
	</head>

	<body>
		<paper-date-picker-item icon="icons:today"></paper-date-picker-item>
		<paper-datetime-picker-item icon="icons:today"></paper-datetime-picker-item>
		<paper-datetime-picker-item icon="icons:today" default-time="09:00"></paper-datetime-picker-item>
		<paper-datetime-picker-item icon="icons:today" placeholder="Add end date"></paper-datetime-picker-item>
	</body>
</html>

<!doctype html>
<html>
	<head>
	    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
		<link rel="import" href="../../iron-icons/iron-icons.html">
		<link rel="import" href="../paper-date-picker-item.html">
		<link rel="import" href="../paper-datetime-picker-item.html">
		<title>Demo</title>
	</head>

	<body>
		<paper-date-picker-item icon="icons:today"></paper-date-picker-item>
		<paper-datetime-picker-item icon="icons:today" placeholder="Add date and time"></paper-datetime-picker-item>
		<paper-datetime-picker-item icon="icons:today" placeholder="Add date, time defaults to 9AM" default-time="09:00"></paper-datetime-picker-item>
	</body>
</html>

Adjust demos to be demonstrative of the element features
Adjust demos to be demonstrative of the element features
