Timepicker: li max-width has been changed

li max-width has been changed, cause enough space for MMMM type(January, February, ...)
N_SE-18728

Change-Id: Iac83d6b93b5edabb945a4ae5fc1d43f1e1e72dfb

diff --git a/demos/tizen-winsets/widgets/datefield.html b/demos/tizen-winsets/widgets/datefield.html
index d86d69f..bac05a3 100755 (executable)
--- a/demos/tizen-winsets/widgets/datefield.html
+++ b/demos/tizen-winsets/widgets/datefield.html
@@ -32,7 +32,13 @@
                        <li data-role="list-divider" data-line="false"  class="ui-datetime-text-sub" > Datetime Picker - <span id="selected-date4"><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" id="datetimepicker1" type="datetime">
+                                       <input data-format="MM/dd/yyyy hh:mm tt" value="2013/1/31 15:08:44" type="datetime">
+                               </div>
+                       </li>
+                       <li data-role="list-divider" data-line="false"  class="ui-datetime-text-sub" > Data Format(MMMM) - <span id="selected-date4"><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">
                                </div>
                        </li>
                </ul>

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less b/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less
index 685b3a3..d07e76b 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less
@@ -97,7 +97,7 @@
                        font-size: 22 * @unit_base;
                        float: left;
                        padding: 15 * @unit_base 4 * @unit_base 0 4 * @unit_base;
-                       max-width: 60 * @unit_base;
+                       max-width: 120 * @unit_base;
                        min-width: 60 * @unit_base;
 
                        a.ui-link {