Export 0.1.41

[framework/web/web-ui-fw.git] / demos / tizen-winsets / widgets / datefield.html

diff --git a/demos/tizen-winsets/widgets/datefield.html b/demos/tizen-winsets/widgets/datefield.html
index ae06846..090594f 100644 (file)
--- a/demos/tizen-winsets/widgets/datefield.html
+++ b/demos/tizen-winsets/widgets/datefield.html
@@ -4,38 +4,38 @@
        </div>
        <div data-role="content">
                <ul data-role="listview">
-                       <li class="ui-li-2line-sub-main">
-                               <span class="ui-li-text-main">
+                       <li class="ui-li-dialogue ui-datetime">
+                               <div class="ui-datetime-text-main">
                                        <input type="datetime" name="demo-date" id="demo-date" 
                                                data-format="MMM dd yyyy        hh:mm tt" value="2012-06-30T00:00:00+09:00" />
-                       </span>
-                               <span class="ui-li-text-sub">
+                               </div>
+                               <div class="ui-datetime-text-sub">
                                        Date/Time Picker(Custom) - <span id="selected-date1"><em>(select a date first)</em></span>
-                               </span>
+                               </div>
                        </li>
-                       <li class="ui-li-2line-sub-main">
-                               <span class="ui-li-text-main">
+                       <li class="ui-li-dialogue ui-datetime ui-datetime">
+                               <div class="ui-datetime-text-main">
                                        <input type="datetime" name="demo-date2" id="demo-date2" />
-                               </span>
-                               <span class="ui-li-text-sub">
+                               </div>
+                               <div class="ui-datetime-text-sub">
                                        Date/Time Picker - <span id="selected-date2"><em>(select a date first)</em></span>
-                               </span>
+                               </div>
                        </li>
-                       <li class="ui-li-2line-sub-main">
-                               <span class="ui-li-text-main">
+                       <li class="ui-li-dialogue ui-datetime ui-datetime">
+                               <div class="ui-datetime-text-main">
                                        <input type="date" name="demo-date3" value="2012-06-30" id="demo-date3"/>
-                               </span>
-                               <span class="ui-li-text-sub">
+                               </div>
+                               <div class="ui-datetime-text-sub">
                                        Date Picker  - <span id="selected-date3"><em>(select a date first)</em></span>
-                               </span>
+                               </div>
                        </li>
-                       <li class="ui-li-2line-sub-main">
-                               <span class="ui-li-text-main">
+                       <li class="ui-li-dialogue ui-datetime ui-datetime">
+                               <div class="ui-datetime-text-main">
                                        <input type="time" name="demo-date4" id="demo-date4" />
-                               </span>
-                               <span class="ui-li-text-sub">
+                               </div>
+                               <div class="ui-datetime-text-sub">
                                        Time Picker - <span id="selected-date4"><em>(select a date first)</em></span>
-                               </span>
+                               </div>
                        </li>
                </ul>
        </div><!-- /content -->