+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
+ <script src="../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
+ <script src="../configure.js"></script>
+ <script src="../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
+ <script src="../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
+ data-framework-theme="tizen-white"
+ data-framework-viewport-width="device-width">
+ </script>
+ <title>Tizen UI - Datefield</title>
+ <!-- for compatibility test -->
+ <meta name="apple-mobile-web-app-capable" content="yes" />
+ <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+ <link rel="apple-touch-icon" href="../icon-tizen.png" />
+</head>
+<body>
<div data-role="page" id="datetimepicker-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Date/time picker</h1>
+ <h1>DATE/TIME PICKER</h1>
</div>
<div data-role="content">
<ul data-role="listview">
<input type="date" name="demo-date3" value="2012-06-30" id="demo-date3"/>
</div>
</li>
- <li data-role="list-divider" data-line="false" class="ui-datetime-text-sub" ><span id="selected-date4"><em>(select a date first)</em></span> </li>
+ <li data-role="list-divider" data-line="false" class="ui-datetime-text-sub" ><span id="selected-date4"><em>(select a time first)</em></span> </li>
<li class="ui-li-dialogue ui-datetime ui-datetime">
<div class="ui-datetime-text-main">
<input type="time" name="demo-date4" id="demo-date4" />
</div>
</li>
- <li data-role="list-divider" data-line="false" class="ui-datetime-text-sub" ><span id="selected-date4"><em>(select a date first)</em></span> </li>
+ <li data-role="list-divider" data-line="false" class="ui-datetime-text-sub" ><span id="selected-date5"><em>(select a date first)</em></span> </li>
<li class="ui-li-dialogue ui-datetime ui-datetime">
<div class="ui-datetime-text-main">
- <input data-format="MM/dd/yyyy hh:mm tt" value="2013/1/31 15:08:44" type="datetime">
+ <input data-format="MM/dd/yyyy hh:mm tt" value="2013/1/31 15:08:44" type="datetime" id="demo-date5">
</div>
</li>
- <li data-role="list-divider" data-line="false" class="ui-datetime-text-sub" ><span id="selected-date4"><em>(select a date first)</em></span> </li>
+ <li data-role="list-divider" data-line="false" class="ui-datetime-text-sub" ><span id="selected-date6"><em>(select a date first)</em></span> </li>
<li class="ui-li-dialogue ui-datetime ui-datetime">
<div class="ui-datetime-text-main">
- <input data-format="MMMM/dd/yyyy hh:mm tt" value="2013/1/31 15:08:44" type="datetime">
+ <input data-format="MMMM/dd/yyyy" value="2013/1/31" type="date" id="demo-date6">
</div>
</li>
</ul>
</div><!-- /content -->
<div data-role="footer">
</div>
+ <script src="datefield.js"></script>
</div> <!-- /page -->
-
+</body>
+</html>