themes/widgets/datetime.edc

   1 /*
   2  * efl-theme-tizen
   3  * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
   4  *
   5  * Licensed under the Apache License, Version 2.0 (the License);
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *     http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an AS IS BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  */
  17
  18
  19 ///////////////////////////////////////////////////////////////////////////////
  20 // datetime
  21 ///////////////////////////////////////////////////////////////////////////////
  22
  23 #define DATETIME_PADDING(_pos, prev_part) \
  24    part {\
  25       name: "picker.padding"#_pos; \
  26       type: RECT; \
  27       scale: 1;\
  28       clip_to: "clipper";\
  29       description { state: "default" 0.0; \
  30          color: 0 0 0 0;\
  31          min: 0 0;\
  32          align: 0.0 0.5;\
  33          fixed: 1 0;\
  34          rel1 {\
  35             relative: 1.0 0.0;\
  36             to: prev_part;\
  37          }\
  38          rel2 {\
  39             relative: 1.0 1.0;\
  40             to: prev_part;\
  41          }\
  42       }\
  43       description { state: "enable" 0.0;\
  44          inherit: "default" 0.0;\
  45          min: DATETIME_FIELD_PICKER_PADDING_SIZE_INC;\
  46       }\
  47    }\
  48    part {\
  49       name: "left.padding"#_pos; \
  50       type: RECT; \
  51       scale: 1;\
  52       clip_to: "clipper";\
  53       mouse_events: 0;\
  54       description { state: "default" 0.0; \
  55          color: 0 0 0 0;\
  56          min: 0 0;\
  57          visible: 0;\
  58          align: 0.0 0.5;\
  59          fixed: 1 0;\
  60          rel1 {\
  61             relative: 1.0 0.0;\
  62             to: "picker.padding"#_pos;\
  63          }\
  64          rel2 {\
  65             relative: 1.0 1.0;\
  66             to: "picker.padding"#_pos;\
  67          }\
  68       }\
  69       description { state: "enable" 0.0;\
  70          inherit: "default" 0.0;\
  71          min: DATETIME_FIELD_LEFT_PADDING_SIZE_INC;\
  72       }\
  73    }\
  74    part {\
  75       name: "right.padding"#_pos; \
  76       type: RECT;\
  77       scale: 1;\
  78       clip_to: "clipper";\
  79       mouse_events: 0;\
  80       description {\
  81          state: "default" 0.0;\
  82          color: 0 0 0 0;\
  83          visible: 0;\
  84          min: 0 0;\
  85          align: 0.0 0.5;\
  86          fixed: 1 0;\
  87          rel1 {\
  88             relative: 1.0 0.0;\
  89             to: "field"#_pos;\
  90          }\
  91          rel2 {\
  92             relative: 1.0 1.0;\
  93             to: "field"#_pos;\
  94          }\
  95       }\
  96       description { state: "enable" 0.0;\
  97          inherit: "default" 0.0;\
  98          min: DATETIME_FIELD_RIGHT_PADDING_SIZE_INC;\
  99       }\
 100    }\
 101    programs{\
 102       program {\
 103          name: "field_"#_pos"enabled";\
 104          signal: "field"#_pos",enable";\
 105          source: "elm";\
 106          action: STATE_SET "enable" 0.0;\
 107          target: "left.padding"#_pos;\
 108          target: "right.padding"#_pos;\
 109          target: "field"#_pos;\
 110       }\
 111       program {\
 112          name: "field_"#_pos"disabled";\
 113          signal: "field"#_pos",disable";\
 114          source: "elm";\
 115          action: STATE_SET "default" 0.0;\
 116          target: "left.padding"#_pos;\
 117          target: "right.padding"#_pos;\
 118          target: "field"#_pos;\
 119       }\
 120    }
 121
 122 #define DATETIME_FIELD(_pos) \
 123    part {\
 124       name: "field"#_pos; \
 125       type: SWALLOW; \
 126       scale: 1;\
 127       clip_to: "clipper";\
 128       repeat_events: 1;\
 129       description { state: "default" 0.0; \
 130          visible: 0;\
 131          min: 0 0;\
 132          align: 0.0 0.5;\
 133          fixed: 1 0;\
 134          rel1 {\
 135             relative: 1.0 0.0;\
 136             to: "left.padding"#_pos;\
 137          }\
 138          rel2 {\
 139             relative: 1.0 1.0;\
 140             to: "left.padding"#_pos;\
 141          }\
 142       }\
 143       description { state: "enable" 0.0;\
 144          inherit: "default" 0.0;\
 145          visible: 1;\
 146          min: DATETIME_FIELD_MIN_SIZE_INC;\
 147       }\
 148    }\
 149    part {\
 150       name: "separator"#_pos; \
 151       type: TEXT;\
 152       scale: 1;\
 153       clip_to: "clipper";\
 154       mouse_events: 0;\
 155       description {\
 156          state: "default" 0.0;\
 157          visible: 0;\
 158          min: 0 0;\
 159          align: 0.0 0.5;\
 160          fixed: 1 0;\
 161          rel1 {\
 162             relative: 1.0 0.0;\
 163             to: "right.padding"#_pos;\
 164          }\
 165          rel2 {\
 166             relative: 1.0 1.0;\
 167             to: "right.padding"#_pos;\
 168          }\
 169          color: DATETIME_SEPARATOR_TEXT_COLOR_INC;\
 170          text {\
 171             font: "Tizen:style=Regular";\
 172             size: DATETIME_SEPARATOR_TEXT_FONT_SIZE_INC;\
 173             min: 1 0; \
 174             text_class: "tizen";\
 175          }\
 176       }\
 177       description { state: "enable" 0.0;\
 178          inherit: "default" 0.0;\
 179          visible: 1;\
 180          min: DATETIME_SEPARATOR_MIN_SIZE_INC;\
 181       }\
 182    }\
 183    programs{\
 184       program {\
 185          name: "separator"#_pos",enabled";\
 186          signal: "field"#_pos",separator,enable";\
 187          source: "elm";\
 188          action: STATE_SET "enable" 0.0;\
 189          target: "separator"#_pos;\
 190       }\
 191       program {\
 192          name: "separator"#_pos",disabled";\
 193          signal: "field"#_pos",separator,disable";\
 194          source: "elm";\
 195          action: STATE_SET "default" 0.0;\
 196          target: "separator"#_pos;\
 197       }\
 198    }
 199
 200 #define DATETIME_PICKER_PADDING_PROGRAMS \
 201       program {\
 202          name: "datepicker_starting_field2_padding";\
 203          signal: "datepicker,starting,field2";\
 204          source: "elm";\
 205          script {\
 206             set_state(PART:"picker.padding2", "enable", 0.0);\
 207             set_state(PART:"picker.padding3", "default", 0.0);\
 208          }\
 209       }\
 210       program {\
 211          name: "datepicker_starting_field3_padding";\
 212          signal: "datepicker,starting,field3";\
 213          source: "elm";\
 214          script {\
 215             set_state(PART:"picker.padding3", "enable", 0.0);\
 216             set_state(PART:"picker.padding2", "default", 0.0);\
 217          }\
 218       }\
 219       program {\
 220          name: "timepicker_starting_field3_padding";\
 221          signal: "timepicker,starting,field3";\
 222          source: "elm";\
 223          script {\
 224             set_state(PART:"picker.padding2", "default", 0.0);\
 225             set_state(PART:"picker.padding3", "enable", 0.0);\
 226          }\
 227       }\
 228       program {\
 229          name: "timepicker_starting_field0_padding";\
 230          signal: "timepicker,starting,field0";\
 231          source: "elm";\
 232          action: STATE_SET "default" 0.0;\
 233          target: "picker.padding0";\
 234       }\
 235       program {\
 236          name: "datepicker_starting_field1_padding";\
 237          signal: "datepicker,starting,field1";\
 238          source: "elm";\
 239          action: STATE_SET "default" 0.0;\
 240          target: "picker.padding0";\
 241          target: "picker.padding2";\
 242          target: "picker.padding3";\
 243       }\
 244       program {\
 245          name: "datepicker_starting_field4_padding";\
 246          signal: "datepicker,starting,field4";\
 247          source: "elm";\
 248          action: STATE_SET "default" 0.0;\
 249          target: "picker.padding0";\
 250          target: "picker.padding2";\
 251          target: "picker.padding3";\
 252       }
 253
 254
 255 #define DATETIME_DATEPICKER_BG \
 256    part {\
 257       name: "date.picker.left.pad"; \
 258       type: RECT;\
 259       scale: 1;\
 260       description { state: "default" 0.0; \
 261          min: 0 0;\
 262          visible: 0;\
 263          align: 1.0 0.5; \
 264          fixed: 1 0;\
 265          rel1 {\
 266             relative: 0.0 0.0;\
 267             to: "left.padding0";\
 268          }\
 269          rel2 {\
 270             relative: 0.0 1.0;\
 271             to: "left.padding0";\
 272          }\
 273       }\
 274       description { state: "datefirst" 0.0;\
 275          inherit: "default" 0.0;\
 276          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 277       }\
 278       description { state: "timefirst" 0.0;\
 279          inherit: "default" 0.0;\
 280          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 281          rel1 {\
 282             relative: 0.0 0.0;\
 283             to: "left.padding3";\
 284          }\
 285          rel2 {\
 286             relative: 0.0 1.0;\
 287             to: "left.padding3";\
 288          }\
 289       }\
 290       description { state: "timefirst24hr" 0.0;\
 291          inherit: "default" 0.0;\
 292          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 293          rel1 {\
 294             relative: 0.0 0.0;\
 295             to: "left.padding2";\
 296          }\
 297          rel2 {\
 298             relative: 0.0 1.0;\
 299             to: "left.padding2";\
 300          }\
 301       }\
 302    }\
 303    part {\
 304       name: "date.picker.right.pad"; \
 305       type: RECT;\
 306       scale: 1;\
 307       description { state: "default" 0.0; \
 308          min: 0 0;\
 309          visible: 0;\
 310          align: 0.0 0.5; \
 311          fixed: 1 0;\
 312          rel1 {\
 313             relative: 1.0 0.0;\
 314             to: "separator2";\
 315          }\
 316          rel2 {\
 317             relative: 1.0 1.0;\
 318             to: "separator2";\
 319          }\
 320       }\
 321       description { state: "datefirst" 0.0;\
 322          inherit: "default" 0.0;\
 323          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 324       }\
 325       description { state: "timefirst" 0.0;\
 326          inherit: "default" 0.0;\
 327          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 328          rel1 {\
 329             relative: 1.0 0.0;\
 330             to: "separator5";\
 331          }\
 332          rel2 {\
 333             relative: 1.0 1.0;\
 334             to: "separator5";\
 335          }\
 336       }\
 337       description { state: "timefirst24hr" 0.0;\
 338          inherit: "default" 0.0;\
 339          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 340          rel1 {\
 341             relative: 1.0 0.0;\
 342             to: "separator4";\
 343          }\
 344          rel2 {\
 345             relative: 1.0 1.0;\
 346             to: "separator4";\
 347          }\
 348       }\
 349    }\
 350    part {\
 351       name: "date.picker.bg"; \
 352       scale: 1;\
 353       description { state: "default" 0.0; \
 354          min: 0 0;\
 355          visible: 0;\
 356          fixed: 1 0;\
 357          image {\
 358             normal: "00_button_01.png";\
 359             border: DATETIME_BG_IMAGE_BORDER_INC;\
 360             border_scale: 1;\
 361          }\
 362          rel1 {\
 363             relative: 0.0 0.0;\
 364             to: "date.picker.left.pad";\
 365          }\
 366          rel2 {\
 367             relative: 1.0 1.0;\
 368             to: "date.picker.right.pad";\
 369          }\
 370       }\
 371       description { state: "datefirst" 0.0;\
 372          inherit: "default" 0.0;\
 373          visible: 1;\
 374       }\
 375       description { state: "timefirst" 0.0;\
 376          inherit: "default" 0.0;\
 377          visible: 1;\
 378       }\
 379       description { state: "timefirst24hr" 0.0;\
 380          inherit: "default" 0.0;\
 381          visible: 1;\
 382       }\
 383       description { state: "datefirst_press" 0.0;\
 384          inherit: "datefirst" 0.0;\
 385          image {\
 386             normal: "00_button_01_press.png";\
 387             border: DATETIME_BG_IMAGE_BORDER_INC;\
 388             border_scale: 1;\
 389          }\
 390       }\
 391       description { state: "timefirst_press" 0.0;\
 392          inherit: "timefirst" 0.0;\
 393          image {\
 394             normal: "00_button_01_press.png";\
 395             border: DATETIME_BG_IMAGE_BORDER_INC;\
 396             border_scale: 1;\
 397          }\
 398       }\
 399       description { state: "timefirst24hr_press" 0.0;\
 400          inherit: "timefirst24hr" 0.0;\
 401          image {\
 402             normal: "00_button_01_press.png";\
 403             border: DATETIME_BG_IMAGE_BORDER_INC;\
 404             border_scale: 1;\
 405          }\
 406       }\
 407    }\
 408    part {\
 409       name: "datepicker.focus";\
 410       scale: 1;\
 411       description {\
 412          state: "default" 0.0;\
 413          visible: 0;\
 414          rel1.to : "date.picker.bg";\
 415          rel2.to : "date.picker.bg";\
 416          image {\
 417             normal: "00_button_01_focus.png";\
 418             border: DATETIME_BG_IMAGE_BORDER_INC;\
 419             border_scale: 1;\
 420          }\
 421       }\
 422       description { state: "focus" 0.0;\
 423          inherit: "default" 0.0;\
 424          visible: 1;\
 425       }\
 426    }\
 427    programs{\
 428       program {\
 429          name: "datepicker_starting_field0";\
 430          signal: "datepicker,starting,field0";\
 431          source: "elm";\
 432          action: STATE_SET "datefirst" 0.0;\
 433          target: "date.picker.bg";\
 434          target: "date.picker.left.pad";\
 435          target: "date.picker.right.pad";\
 436       }\
 437       program {\
 438          name: "datepicker_starting_field3";\
 439          signal: "datepicker,starting,field3";\
 440          source: "elm";\
 441          action: STATE_SET "timefirst" 0.0;\
 442          target: "date.picker.bg";\
 443          target: "date.picker.left.pad";\
 444          target: "date.picker.right.pad";\
 445       }\
 446       program {\
 447          name: "datepicker_starting_field2";\
 448          signal: "datepicker,starting,field2";\
 449          source: "elm";\
 450          action: STATE_SET "timefirst24hr" 0.0;\
 451          target: "date.picker.bg";\
 452          target: "date.picker.left.pad";\
 453          target: "date.picker.right.pad";\
 454       }\
 455       program {\
 456          name: "datepicker_starting_field1";\
 457          signal: "datepicker,starting,field1";\
 458          source: "elm";\
 459          action: STATE_SET "default" 0.0;\
 460          target: "date.picker.bg";\
 461          target: "date.picker.left.pad";\
 462          target: "date.picker.right.pad";\
 463       }\
 464       program {\
 465          name: "datepicker_starting_field4";\
 466          signal: "datepicker,starting,field4";\
 467          source: "elm";\
 468          action: STATE_SET "default" 0.0;\
 469          target: "date.picker.bg";\
 470          target: "date.picker.left.pad";\
 471          target: "date.picker.right.pad";\
 472       }\
 473       program {\
 474          name: "datepicker_starting_field5";\
 475          signal: "datepicker,starting,field5";\
 476          source: "elm";\
 477          action: STATE_SET "default" 0.0;\
 478          target: "date.picker.bg";\
 479          target: "date.picker.left.pad";\
 480          target: "date.picker.right.pad";\
 481       }\
 482       program {\
 483          name: "datepicker_mouse_down";\
 484          signal: "mouse,down,1";\
 485          source: "date.picker.bg";\
 486          script {\
 487             new st[31];\
 488             new Float:vl;\
 489             get_state(PART:"date.picker.bg", st, 30, vl);\
 490             if (!strcmp(st, "datefirst")) {\
 491               set_state(PART:"date.picker.bg", "datefirst_press", 0.0);\
 492             }\
 493             else if (!strcmp(st, "timefirst")) {\
 494               set_state(PART:"date.picker.bg", "timefirst_press", 0.0);\
 495             }\
 496             else if (!strcmp(st, "timefirst24hr")) {\
 497               set_state(PART:"date.picker.bg", "timefirst24hr_press", 0.0);\
 498             }\
 499          }\
 500       }\
 501       program {\
 502          name: "datepicker_mouse_up";\
 503          signal: "mouse,up,1";\
 504          source: "date.picker.bg";\
 505          script {\
 506             new st[31];\
 507             new Float:vl;\
 508             get_state(PART:"date.picker.bg", st, 30, vl);\
 509             if (!strcmp(st, "datefirst_press")) {\
 510               set_state(PART:"date.picker.bg", "datefirst", 0.0);\
 511             }\
 512             else if (!strcmp(st, "timefirst_press")) {\
 513               set_state(PART:"date.picker.bg", "timefirst", 0.0);\
 514             }\
 515             else if (!strcmp(st, "timefirst24hr_press")) {\
 516               set_state(PART:"date.picker.bg", "timefirst24hr", 0.0);\
 517             }\
 518          }\
 519       }\
 520       program {\
 521          name: "datepicker_focus";\
 522          signal: "elm,action,focus_highlight,show";\
 523          source: "elm";\
 524          action: STATE_SET "focus" 0.0;\
 525          target: "datepicker.focus";\
 526       }\
 527       program {\
 528          name: "datepicker_unfocus";\
 529          signal: "elm,action,focus_highlight,hide";\
 530          source: "elm";\
 531          action: STATE_SET "default" 0.0;\
 532          target: "datepicker.focus";\
 533       }\
 534       program { name: "datepicker_touch_snd";\
 535          signal: "mouse,clicked,1";\
 536          source: "date.picker.bg";\
 537          action: PLAY_SAMPLE "touch_sound" 1.0;\
 538       }\
 539    }
 540
 541 #define DATETIME_TIMEPICKER_BG \
 542    part {\
 543       name: "time.picker.left.pad"; \
 544       type: RECT;\
 545       scale: 1;\
 546       description { state: "default" 0.0; \
 547          min: 0 0;\
 548          visible: 0;\
 549          align: 1.0 0.5; \
 550          fixed: 1 0;\
 551          rel1 {\
 552             relative: 0.0 0.0;\
 553             to: "left.padding3";\
 554          }\
 555          rel2 {\
 556             relative: 0.0 1.0;\
 557             to: "left.padding3";\
 558          }\
 559       }\
 560       description { state: "datefirst" 0.0;\
 561          inherit: "default" 0.0;\
 562          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 563       }\
 564       description { state: "timefirst" 0.0;\
 565          inherit: "default" 0.0;\
 566          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 567          rel1 {\
 568             relative: 0.0 0.0;\
 569             to: "left.padding0";\
 570          }\
 571          rel2 {\
 572             relative: 0.0 1.0;\
 573             to: "left.padding0";\
 574          }\
 575       }\
 576       description { state: "timefirst24hr" 0.0;\
 577          inherit: "default" 0.0;\
 578          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 579          rel1 {\
 580             relative: 0.0 0.0;\
 581             to: "left.padding0";\
 582          }\
 583          rel2 {\
 584             relative: 0.0 1.0;\
 585             to: "left.padding0";\
 586          }\
 587       }\
 588    }\
 589    part {\
 590       name: "time.picker.right.pad"; \
 591       type: RECT;\
 592       scale: 1;\
 593       description { state: "default" 0.0; \
 594          min: 0 0;\
 595          visible: 0;\
 596          align: 0.0 0.5; \
 597          fixed: 1 0;\
 598          rel1 {\
 599             relative: 1.0 0.0;\
 600             to: "right.padding5";\
 601          }\
 602          rel2 {\
 603             relative: 1.0 1.0;\
 604             to: "right.padding5";\
 605          }\
 606       }\
 607       description { state: "datefirst" 0.0;\
 608          inherit: "default" 0.0;\
 609          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 610       }\
 611       description { state: "timefirst" 0.0;\
 612          inherit: "default" 0.0;\
 613          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 614          rel1 {\
 615             relative: 1.0 0.0;\
 616             to: "right.padding2";\
 617          }\
 618          rel2 {\
 619             relative: 1.0 1.0;\
 620             to: "right.padding2";\
 621          }\
 622       }\
 623       description { state: "timefirst24hr" 0.0;\
 624          inherit: "default" 0.0;\
 625          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 626          rel1 {\
 627             relative: 1.0 0.0;\
 628             to: "right.padding1";\
 629          }\
 630          rel2 {\
 631             relative: 1.0 1.0;\
 632             to: "right.padding1";\
 633          }\
 634       }\
 635    }\
 636    part {\
 637       name: "time.picker.bg"; \
 638       scale: 1;\
 639       description { state: "default" 0.0; \
 640          min: 0 0;\
 641          visible: 0;\
 642          fixed: 1 0;\
 643          image {\
 644             normal: "00_button_01.png";\
 645             border: DATETIME_BG_IMAGE_BORDER_INC;\
 646             border_scale: 1;\
 647          }\
 648          rel1 {\
 649             relative: 0.0 0.0;\
 650             to: "time.picker.left.pad";\
 651          }\
 652          rel2 {\
 653             relative: 1.0 1.0;\
 654             to: "time.picker.right.pad";\
 655          }\
 656       }\
 657       description { state: "datefirst" 0.0;\
 658          inherit: "default" 0.0;\
 659          visible: 1;\
 660       }\
 661       description { state: "timefirst" 0.0;\
 662          inherit: "default" 0.0;\
 663          visible: 1;\
 664       }\
 665       description { state: "timefirst24hr" 0.0;\
 666          inherit: "default" 0.0;\
 667          visible: 1;\
 668       }\
 669       description { state: "datefirst_press" 0.0;\
 670          inherit: "datefirst" 0.0;\
 671          image {\
 672             normal: "00_button_01_press.png";\
 673             border: DATETIME_BG_IMAGE_BORDER_INC;\
 674             border_scale: 1;\
 675          }\
 676       }\
 677       description { state: "timefirst_press" 0.0;\
 678          inherit: "timefirst" 0.0;\
 679          image {\
 680             normal: "00_button_01_press.png";\
 681             border: DATETIME_BG_IMAGE_BORDER_INC;\
 682             border_scale: 1;\
 683          }\
 684       }\
 685       description { state: "timefirst24hr_press" 0.0;\
 686          inherit: "timefirst24hr" 0.0;\
 687          image {\
 688             normal: "00_button_01_press.png";\
 689             border: DATETIME_BG_IMAGE_BORDER_INC;\
 690             border_scale: 1;\
 691          }\
 692       }\
 693    }\
 694    part {\
 695       name: "timepicker.focus";\
 696       scale: 1;\
 697       description {\
 698          state: "default" 0.0;\
 699          visible: 0;\
 700          rel1.to : "time.picker.bg";\
 701          rel2.to : "time.picker.bg";\
 702          image {\
 703             normal: "00_button_01_focus.png";\
 704             border: DATETIME_BG_IMAGE_BORDER_INC;\
 705             border_scale: 1;\
 706          }\
 707       }\
 708       description { state: "focus" 0.0;\
 709          inherit: "default" 0.0;\
 710          visible: 1;\
 711       }\
 712    }\
 713    programs{\
 714       program {\
 715          name: "timepicker_starting_field3";\
 716          signal: "timepicker,starting,field3";\
 717          source: "elm";\
 718          in: 0.001 0.0;\
 719          script {\
 720             new st[31];\
 721             new Float:vl;\
 722             get_state(PART:"field3", st, 30, vl);\
 723             if (!strcmp(st, "enable")) {\
 724               set_state(PART:"time.picker.bg", "datefirst", 0.0);\
 725               set_state(PART:"time.picker.left.pad", "datefirst", 0.0);\
 726               set_state(PART:"time.picker.right.pad", "datefirst", 0.0);\
 727             }\
 728          }\
 729       }\
 730       program {\
 731          name: "timepicker_starting_field0";\
 732          signal: "timepicker,starting,field0";\
 733          source: "elm";\
 734          in: 0.001 0.0;\
 735          script {\
 736             new st[31];\
 737             new Float:vl;\
 738             get_state(PART:"date.picker.bg", st, 30, vl);\
 739             if (!strcmp(st, "timefirst24hr")) {\
 740               set_state(PART:"time.picker.bg", "timefirst24hr", 0.0);\
 741               set_state(PART:"time.picker.left.pad", "timefirst24hr", 0.0);\
 742               set_state(PART:"time.picker.right.pad", "timefirst24hr", 0.0);\
 743             }\
 744             else {\
 745               set_state(PART:"time.picker.bg", "timefirst", 0.0);\
 746               set_state(PART:"time.picker.left.pad", "timefirst", 0.0);\
 747               set_state(PART:"time.picker.right.pad", "timefirst", 0.0);\
 748             }\
 749          }\
 750       }\
 751       program {\
 752          name: "timepicker_starting_field1";\
 753          signal: "timepicker,starting,field1";\
 754          source: "elm";\
 755          action: STATE_SET "default" 0.0;\
 756          target: "time.picker.bg";\
 757          target: "time.picker.left.pad";\
 758          target: "time.picker.right.pad";\
 759       }\
 760       program {\
 761          name: "timepicker_starting_field2";\
 762          signal: "timepicker,starting,field2";\
 763          source: "elm";\
 764          action: STATE_SET "default" 0.0;\
 765          target: "time.picker.bg";\
 766          target: "time.picker.left.pad";\
 767          target: "time.picker.right.pad";\
 768       }\
 769       program {\
 770          name: "timepicker_starting_field4";\
 771          signal: "timepicker,starting,field4";\
 772          source: "elm";\
 773          action: STATE_SET "default" 0.0;\
 774          target: "time.picker.bg";\
 775          target: "time.picker.left.pad";\
 776          target: "time.picker.right.pad";\
 777       }\
 778       program {\
 779          name: "timepicker_starting_field5";\
 780          signal: "timepicker,starting,field5";\
 781          source: "elm";\
 782          action: STATE_SET "default" 0.0;\
 783          target: "time.picker.bg";\
 784          target: "time.picker.left.pad";\
 785          target: "time.picker.right.pad";\
 786       }\
 787       program {\
 788          name: "timepicker_mouse_down";\
 789          signal: "mouse,down,1";\
 790          source: "time.picker.bg";\
 791          script {\
 792             new st[31];\
 793             new Float:vl;\
 794             get_state(PART:"time.picker.bg", st, 30, vl);\
 795             if (!strcmp(st, "datefirst")) {\
 796               set_state(PART:"time.picker.bg", "datefirst_press", 0.0);\
 797             }\
 798             else if (!strcmp(st, "timefirst")) {\
 799               set_state(PART:"time.picker.bg", "timefirst_press", 0.0);\
 800             }\
 801             else if (!strcmp(st, "timefirst24hr")) {\
 802               set_state(PART:"time.picker.bg", "timefirst24hr_press", 0.0);\
 803             }\
 804          }\
 805       }\
 806       program {\
 807          name: "timepicker_mouse_up";\
 808          signal: "mouse,up,1";\
 809          source: "time.picker.bg";\
 810          script {\
 811             new st[31];\
 812             new Float:vl;\
 813             get_state(PART:"time.picker.bg", st, 30, vl);\
 814             if (!strcmp(st, "datefirst_press")) {\
 815               set_state(PART:"time.picker.bg", "datefirst", 0.0);\
 816             }\
 817             else if (!strcmp(st, "timefirst_press")) {\
 818               set_state(PART:"time.picker.bg", "timefirst", 0.0);\
 819             }\
 820             else if (!strcmp(st, "timefirst24hr_press")) {\
 821               set_state(PART:"time.picker.bg", "timefirst24hr", 0.0);\
 822             }\
 823          }\
 824       }\
 825       program {\
 826          name: "timepicker_focus";\
 827          signal: "elm,action,focus_highlight,show";\
 828          source: "elm";\
 829          action: STATE_SET "focus" 0.0;\
 830          target: "timepicker.focus";\
 831       }\
 832       program {\
 833          name: "timepicker_unfocus";\
 834          signal: "elm,action,focus_highlight,hide";\
 835          source: "elm";\
 836          action: STATE_SET "default" 0.0;\
 837          target: "timepicker.focus";\
 838       }\
 839       program { name: "timepicker_touch_snd";\
 840          signal: "mouse,clicked,1";\
 841          source: "time.picker.bg";\
 842          action: PLAY_SAMPLE "touch_sound" 1.0;\
 843       }\
 844    }
 845
 846 group { name: "elm/datetime/base/default";
 847    images {
 848       image: "00_button_01.png" COMP;
 849       image: "00_button_01_press.png" COMP;
 850       image: "00_button_01_focus.png" COMP;
 851    }
 852    parts {
 853       part {
 854          name: "bg";
 855          type: RECT;
 856          scale: 1;
 857          description {
 858             state: "default" 0.0;
 859             color: 0 0 0 0;
 860             min: 0 DATETIME_WIDGET_HEIGHT;
 861             max: -1 DATETIME_WIDGET_HEIGHT;
 862          }
 863       }
 864       part {
 865          name: "left.padding";
 866          type: RECT;
 867          scale: 1;
 868          clip_to: "clipper";
 869          mouse_events: 0;
 870          description {
 871             state: "default" 0.0;
 872             visible: 0;
 873             min: DATETIME_WIDGET_PADDING_SIZE_INC;
 874             align: 0.0 0.5;
 875             fixed: 1 0;
 876             rel1.to: "bg";
 877             rel2 {
 878                relative: 0.0 1.0;
 879                to: "bg";
 880             }
 881          }
 882       }
 883       part {
 884          name: "right.padding";
 885          type: RECT;
 886          scale: 1;
 887          clip_to: "clipper";
 888          mouse_events: 0;
 889          description {
 890             state: "default" 0.0;
 891             visible: 0;
 892             min: DATETIME_WIDGET_PADDING_SIZE_INC;
 893             align: 1.0 0.5;
 894             fixed: 1 0;
 895             rel1 {
 896                relative: 1.0 0.0;
 897                to: "bg";
 898             }
 899             rel2.to: "bg";
 900          }
 901       }
 902
 903       DATETIME_PADDING(0, "left.padding")
 904       DATETIME_PADDING(1, "separator0")
 905       DATETIME_PADDING(2, "separator1")
 906       DATETIME_PADDING(3, "separator2")
 907       DATETIME_PADDING(4, "separator3")
 908       DATETIME_PADDING(5, "separator4")
 909
 910       DATETIME_DATEPICKER_BG
 911       DATETIME_TIMEPICKER_BG
 912
 913       DATETIME_FIELD(0)
 914       DATETIME_FIELD(1)
 915       DATETIME_FIELD(2)
 916       DATETIME_FIELD(3)
 917       DATETIME_FIELD(4)
 918       DATETIME_FIELD(5)
 919
 920       part {
 921          name: "clipper";
 922          type: RECT;
 923          description { state: "default" 0.0;
 924             color: 255 255 255 255;
 925          }
 926          description { state: "visible" 0.0;
 927             inherit: "default" 0.0;
 928             color: 255 255 255 102;
 929          }
 930       }
 931       part {
 932          name: "disabler";
 933          type: RECT;
 934          description { state: "default" 0.0;
 935             color: 0 0 0 0;
 936             visible: 0;
 937             rel1.to: "bg";
 938             rel2.to: "bg";
 939          }
 940          description { state: "visible" 0.0;
 941             inherit: "default" 0.0;
 942             visible: 1;
 943          }
 944       }
 945    }
 946    programs {
 947       program {
 948          name: "disble_datetime";
 949          signal: "elm,state,disabled";
 950          source: "elm";
 951          action: STATE_SET "visible" 0.0;
 952          target: "disabler";
 953          target: "clipper";
 954       }
 955       program {
 956          name: "enable_datetime";
 957          signal: "elm,state,enabled";
 958          source: "elm";
 959          action: STATE_SET "default" 0.0;
 960          target: "disabler";
 961          target: "clipper";
 962       }
 963       DATETIME_PICKER_PADDING_PROGRAMS
 964    }
 965 }
 966
 967 #define DATETIME_FIELD_STYLE1(_pos, _after) \
 968    part {\
 969       name: "field"#_pos; \
 970       type: SWALLOW; \
 971       scale: 1;\
 972       clip_to: "clipper";\
 973       repeat_events: 1;\
 974       description { state: "default" 0.0; \
 975          visible: 0;\
 976          min: 0 0;\
 977          align: 0.0 0.5;\
 978          fixed: 1 1;\
 979          rel1 {\
 980             relative: 1.0 0.0;\
 981             to: "separator"#_after;\
 982          }\
 983          rel2 {\
 984             relative: 1.0 1.0;\
 985             to: "separator"#_after;\
 986          }\
 987       }\
 988       description { state: "enable" 0.0;\
 989          inherit: "default" 0.0;\
 990          visible: 1;\
 991          min: DATETIME_FIELD_MIN_SIZE_INC;\
 992       }\
 993    }\
 994    programs{\
 995       program {\
 996          name: "field_"#_pos"enabled";\
 997          signal: "field"#_pos",enable";\
 998          source: "elm";\
 999          action: STATE_SET "enable" 0.0;\
1000          target: "field"#_pos;\
1001       }\
1002       program {\
1003          name: "field_"#_pos"disabled";\
1004          signal: "field"#_pos",disable";\
1005          source: "elm";\
1006          action: STATE_SET "default" 0.0;\
1007          target: "field"#_pos;\
1008       }\
1009     }
1010
1011 #define DATETIME_SEPARATOR_STYLE1(_pos) \
1012    part {\
1013       name: "separator"#_pos; \
1014       type: TEXT;\
1015       scale: 1;\
1016       clip_to: "clipper";\
1017       repeat_events: 1;\
1018       description {\
1019          state: "default" 0.0;\
1020          visible: 0;\
1021          min: DATETIME_SEPARATOR_MIN_SIZE_INC;\
1022          max: DATETIME_SEPARATOR_MIN_SIZE_INC;\
1023          align: 0.0 0.5;\
1024          fixed: 1 1;\
1025          rel1 {\
1026             relative: 1.0 0.0;\
1027             to: "field"#_pos;\
1028          }\
1029          rel2 {\
1030             relative: 1.0 1.0;\
1031             to: "field"#_pos;\
1032          }\
1033          color: DATETIME_SEPARATOR_TEXT_COLOR_INC;\
1034          text {\
1035             font: "Tizen:style=Regular";\
1036             size: DATETIME_SEPARATOR_TEXT_FONT_SIZE_INC;\
1037             min: 1 0; \
1038             text_class: "tizen";\
1039          }\
1040       }\
1041       description { state: "enable" 0.0;\
1042          inherit: "default" 0.0;\
1043          visible: 1;\
1044       }\
1045       description { state: "hide" 0.0;\
1046          inherit: "default" 0.0;\
1047          min: 0 0;\
1048          max: 0 0;\
1049       }\
1050    }\
1051    programs {\
1052       program {\
1053          name: "separator"#_pos",enabled";\
1054          signal: "field"#_pos",separator,enable";\
1055          source: "elm";\
1056          action: STATE_SET "enable" 0.0;\
1057          target: "separator"#_pos;\
1058       }\
1059       program {\
1060          name: "separator"#_pos",disabled";\
1061          signal: "field"#_pos",separator,disable";\
1062          source: "elm";\
1063          script {\
1064             new st[31];\
1065             new Float:vl;\
1066             get_state(PART:"separator"#_pos, st, 30, vl);\
1067             if (strcmp(st, "hide")) \
1068             {\
1069                set_state(PART:"separator"#_pos, "default", 0.0);\
1070             }\
1071          }\
1072       }\
1073       program {\
1074          name: "separator"#_pos",hide";\
1075          signal: "field"#_pos",disable";\
1076          source: "elm";\
1077          action: STATE_SET "hide" 0.0;\
1078          target: "separator"#_pos;\
1079       }\
1080    }
1081
1082
1083 group { name: "elm/datetime/base/style1";
1084    parts {
1085       part {
1086          name: "bg";
1087          type: RECT;
1088          scale: 1;
1089          description {
1090             state: "default" 0.0;
1091             color: 0 0 0 0;
1092          }
1093       }
1094       part {
1095          name: "left.padding";
1096          type: RECT;
1097          scale: 1;
1098          clip_to: "clipper";
1099          mouse_events: 0;
1100          description {
1101             state: "default" 0.0;
1102             visible: 0;
1103             min: DATETIME_LEFT_PADDING_SIZE_INC;
1104             max: DATETIME_LEFT_PADDING_SIZE_INC;
1105             align: 0.0 0.5;
1106             fixed: 1 1;
1107             rel1.to: "bg";
1108             rel2 {
1109                relative: 0.0 1.0;
1110                to: "bg";
1111             }
1112          }
1113       }
1114       part {
1115          name: "field0";
1116          type: SWALLOW;
1117          scale: 1;
1118          clip_to: "clipper";
1119          repeat_events: 1;
1120          description {
1121             state: "default" 0.0;
1122             visible: 0;
1123             min: 0 0;
1124             align: 0.0 0.5;
1125             fixed: 1 0;
1126             rel1 {
1127                relative: 0.5 0.0;
1128                to_x: "left.padding";
1129             }
1130             rel2 {
1131                relative: 0.5 1.0;
1132                to_x: "left.padding";
1133             }
1134          }
1135          description { state: "enable" 0.0;
1136             inherit: "default" 0.0;
1137             visible: 1;
1138             min: DATETIME_FIELD_MIN_SIZE_INC;
1139          }
1140       }
1141       DATETIME_SEPARATOR_STYLE1(0)
1142       DATETIME_FIELD_STYLE1(1, 0)
1143       DATETIME_SEPARATOR_STYLE1(1)
1144       DATETIME_FIELD_STYLE1(2, 1)
1145       DATETIME_SEPARATOR_STYLE1(2)
1146       DATETIME_FIELD_STYLE1(3, 2)
1147       DATETIME_SEPARATOR_STYLE1(3)
1148       DATETIME_FIELD_STYLE1(4, 3)
1149       DATETIME_SEPARATOR_STYLE1(4)
1150       DATETIME_FIELD_STYLE1(5, 4)
1151       DATETIME_SEPARATOR_STYLE1(5)
1152       part {
1153          name: "right.padding";
1154          type: RECT;
1155          scale: 1;
1156          clip_to: "clipper";
1157          mouse_events: 0;
1158          description {
1159             state: "default" 0.0;
1160             visible: 0;
1161             min: DATETIME_LEFT_PADDING_SIZE_INC;
1162             max: DATETIME_LEFT_PADDING_SIZE_INC;
1163             align: 1.0 0.5;
1164             fixed: 1 1;
1165             rel2 {
1166                relative: 1.0 0.0;
1167                to: "bg";
1168             }
1169             rel2.to: "bg";
1170          }
1171       }
1172       part {
1173          name: "clipper";
1174          type: RECT;
1175          description { state: "default" 0.0;
1176             color: 255 255 255 255;
1177          }
1178          description { state: "visible" 0.0;
1179             inherit: "default" 0.0;
1180             color: 255 255 255 102;
1181          }
1182       }
1183       part {
1184          name: "disabler";
1185          type: RECT;
1186          description { state: "default" 0.0;
1187             color: 0 0 0 0;
1188             visible: 0;
1189          }
1190          description { state: "visible" 0.0;
1191             inherit: "default" 0.0;
1192             visible: 1;
1193          }
1194       }
1195    }
1196    programs {
1197       program {
1198          name: "disble_datetime";
1199          signal: "elm,state,disabled";
1200          source: "elm";
1201          action: STATE_SET "visible" 0.0;
1202          target: "disabler";
1203          target: "clipper";
1204       }
1205       program {
1206          name: "enable_datetime";
1207          signal: "elm,state,enabled";
1208          source: "elm";
1209          action: STATE_SET "default" 0.0;
1210          target: "disabler";
1211          target: "clipper";
1212       }
1213       program {
1214          name: "field0,enabled";
1215          signal: "field0,enable";
1216          source: "elm";
1217          action: STATE_SET "enable" 0.0;
1218          target: "field0";
1219       }
1220       program {
1221          name: "field0,disabled";
1222          signal: "field0,disable";
1223          source: "elm";
1224          action: STATE_SET "default" 0.0;
1225          target: "field0";
1226       }
1227    }
1228 }
1229 group { name: "elm/spinner/base/default";
1230    alias: "elm/spinner/base/datetime_popup";
1231    alias: "elm/spinner/base/datetime_popup/year";
1232    alias: "elm/spinner/base/datetime_popup/month";
1233    alias: "elm/spinner/base/datetime_popup/date";
1234    alias: "elm/spinner/base/datetime_popup/hour";
1235    alias: "elm/spinner/base/datetime_popup/minute";
1236    images {
1237       image: "00_picker_arrow_down.png" COMP;
1238       image: "00_picker_arrow_up.png" COMP;
1239       image: "00_button_01.png" COMP;
1240       image: "00_button_01_press.png" COMP;
1241    }
1242    parts {
1243       part { name: "bg";
1244          type: RECT;
1245          scale: 1;
1246          description { state: "default" 0.0;
1247             color: 0 0 0 0;
1248          }
1249       }
1250       part { name: "up.image";
1251          scale: 1;
1252          description { state: "default" 0.0;
1253             align: 0.5 0.0;
1254             min: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
1255             max: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
1256             image {
1257                normal: "00_button_01.png";
1258                border: SPINNER_UP_DOWN_IMAGE_BORDER_SIZE_INC;
1259                border_scale: 1;
1260             }
1261          }
1262          description { state: "pressed" 0.0;
1263             inherit: "default" 0.0;
1264             image.normal: "00_button_01_press.png";
1265          }
1266       }
1267       part { name: "up.image.arrow";
1268          scale: 1;
1269          description { state: "default" 0.0;
1270             rel1.to: "up.image";
1271             rel2.to: "up.image";
1272             min: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
1273             max: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
1274             image.normal: "00_picker_arrow_up.png";
1275          }
1276       }
1277       part { name: "up.image.arrow.shadow.proxy";
1278          type: PROXY;
1279          scale: 1;
1280          clip_to: "up.image.arrow.shadow.clipper";
1281          description { state: "default" 0.0;
1282             source: "up.image.arrow";
1283             proxy.source_clip: 0;
1284             rel1 {
1285                to: "up.image.arrow";
1286                offset: SPINNER_UP_DOWN_ARROW_DEFAULT_TOP_OFFSET_INC;
1287             }
1288             rel2 {
1289                to: "up.image.arrow";
1290                offset: SPINNER_UP_DOWN_ARROW_DEFAULT_BOTTOM_OFFSET_INC;
1291             }
1292          }
1293          description { state: "pressed" 0.0;
1294             inherit: "default" 0.0;
1295             rel1 {
1296                to: "up.image.arrow";
1297                offset: SPINNER_UP_DOWN_ARROW_PRESSED_TOP_OFFSET_INC;
1298             }
1299             rel2 {
1300                to: "up.image.arrow";
1301                offset: SPINNER_UP_DOWN_ARROW_PRESSED_BOTTOM_OFFSET_INC;
1302             }
1303          }
1304       }
1305       part { name: "up.image.arrow.proxy";
1306          type: PROXY;
1307          scale: 1;
1308          clip_to: "up.image.arrow.clipper";
1309          description { state: "default" 0.0;
1310             source: "up.image.arrow";
1311             proxy.source_clip: 0;
1312             rel1.to: "up.image.arrow";
1313             rel2.to: "up.image.arrow";
1314          }
1315       }
1316       part { name: "up.image.arrow.shadow.clipper";
1317          type: RECT;
1318          scale: 1;
1319          description { state: "default" 0.0;
1320             rel1.to: "up.image.arrow";
1321             rel2.to: "up.image.arrow";
1322             color: SPINNER_UP_DOWN_ARROW_SHADOW_DEFAULT_COLOR_INC;
1323          }
1324          description { state: "pressed" 0.0;
1325             inherit: "default" 0.0;
1326             color: SPINNER_UP_DOWN_ARROW_SHADOW_PRESSED_COLOR_INC;
1327          }
1328       }
1329       part { name: "up.image.arrow.clipper";
1330          type: RECT;
1331          scale: 1;
1332          description { state: "default" 0.0;
1333             rel1.to: "up.image.arrow";
1334             rel2.to: "up.image.arrow";
1335             color: SPINNER_UP_DOWN_ARROW_DEFAULT_COLOR_INC;
1336          }
1337          description { state: "pressed" 0.0;
1338             inherit: "default" 0.0;
1339             color: SPINNER_UP_DOWN_ARROW_PRESSED_COLOR_INC;
1340          }
1341       }
1342       part { name: "down.image";
1343          scale: 1;
1344          description { state: "default" 0.0;
1345             align: 0.5 1.0;
1346             min: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
1347             max: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
1348             image {
1349                normal: "00_button_01.png";
1350                border: SPINNER_UP_DOWN_IMAGE_BORDER_SIZE_INC;
1351                border_scale: 1;
1352             }
1353          }
1354          description { state: "pressed" 0.0;
1355             inherit: "default" 0.0;
1356             image.normal: "00_button_01_press.png";
1357          }
1358       }
1359       part { name: "down.image.arrow";
1360          scale: 1;
1361          description { state: "default" 0.0;
1362             rel1.to: "down.image";
1363             rel2.to: "down.image";
1364             min: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
1365             max: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
1366             image.normal: "00_picker_arrow_down.png";
1367          }
1368       }
1369       part { name: "down.image.arrow.shadow.proxy";
1370          type: PROXY;
1371          scale: 1;
1372          clip_to: "down.image.arrow.shadow.clipper";
1373          description { state: "default" 0.0;
1374             source: "down.image.arrow";
1375             proxy.source_clip: 0;
1376             rel1 {
1377                to: "down.image.arrow";
1378                offset: SPINNER_UP_DOWN_ARROW_DEFAULT_TOP_OFFSET_INC;
1379             }
1380             rel2 {
1381                to: "down.image.arrow";
1382                offset: SPINNER_UP_DOWN_ARROW_DEFAULT_BOTTOM_OFFSET_INC;
1383             }
1384          }
1385          description { state: "pressed" 0.0;
1386             inherit: "default" 0.0;
1387             rel1 {
1388                to: "down.image.arrow";
1389                offset: SPINNER_UP_DOWN_ARROW_PRESSED_TOP_OFFSET_INC;
1390             }
1391             rel2 {
1392                to: "down.image.arrow";
1393                offset: SPINNER_UP_DOWN_ARROW_PRESSED_BOTTOM_OFFSET_INC;
1394             }
1395          }
1396       }
1397       part { name: "down.image.arrow.proxy";
1398          type: PROXY;
1399          scale: 1;
1400          clip_to: "down.image.arrow.clipper";
1401          description { state: "default" 0.0;
1402             source: "down.image.arrow";
1403             proxy.source_clip: 0;
1404             rel1.to: "down.image.arrow";
1405             rel2.to: "down.image.arrow";
1406          }
1407       }
1408       part { name: "down.image.arrow.shadow.clipper";
1409          type: RECT;
1410          scale: 1;
1411          description { state: "default" 0.0;
1412             rel1.to: "down.image.arrow";
1413             rel2.to: "down.image.arrow";
1414             color: SPINNER_UP_DOWN_ARROW_SHADOW_DEFAULT_COLOR_INC;
1415          }
1416          description { state: "pressed" 0.0;
1417             inherit: "default" 0.0;
1418             color: SPINNER_UP_DOWN_ARROW_SHADOW_PRESSED_COLOR_INC;
1419          }
1420       }
1421       part { name: "down.image.arrow.clipper";
1422          type: RECT;
1423          scale: 1;
1424          description { state: "default" 0.0;
1425             rel1.to: "down.image.arrow";
1426             rel2.to: "down.image.arrow";
1427             color: SPINNER_UP_DOWN_ARROW_DEFAULT_COLOR_INC;
1428          }
1429          description { state: "pressed" 0.0;
1430             inherit: "default" 0.0;
1431             color: SPINNER_UP_DOWN_ARROW_PRESSED_COLOR_INC;
1432          }
1433       }
1434       part { name: "elm.text";
1435          type: TEXT;
1436          scale: 1;
1437          description { state: "default" 0.0;
1438             visible: 1;
1439             color: SPINNER_ENTRY_TEXT_COLOR_INC;
1440             min: 0 SPINNER_TEXT_HEIGHT_INC;
1441             max: -1 SPINNER_TEXT_HEIGHT_INC;
1442             text {
1443                font: "Tizen:style=Regular";
1444                size: SPINNER_ENTRY_TEXT_SIZE_INC;
1445                min: 0 0;
1446                max: 1 0;
1447                text_class: "tizen";
1448             }
1449          }
1450          description { state: "active" 0.0;
1451             inherit: "default" 0.0;
1452             visible: 0;
1453          }
1454       }
1455       part { name: "button.events";
1456          type: RECT;
1457          mouse_events: 1;
1458          description { state: "default" 0.0;
1459             rel1.to: "elm.text";
1460             rel2.to: "elm.text";
1461             fixed: 1 1;
1462             color: 0 0 0 0;
1463          }
1464       }
1465       part { name: "elm.swallow.entry";
1466          type: SWALLOW;
1467          description { state: "default" 0.0;
1468             visible: 0;
1469             rel1.to: "elm.text";
1470             rel2.to: "elm.text";
1471             fixed: 1 1;
1472          }
1473          description { state: "active" 0.0;
1474             inherit: "default" 0.0;
1475             visible: 1;
1476          }
1477       }
1478       part { name: "up.btn";
1479          type: RECT;
1480          repeat_events: 1;
1481          scale: 1;
1482          description { state: "default" 0.0;
1483            rel1.to: "up.image";
1484            rel2.to: "up.image";
1485            color: 0 0 0 0;
1486          }
1487       }
1488       part { name: "down.btn";
1489          type: RECT;
1490          repeat_events: 1;
1491          scale: 1;
1492          description { state: "default" 0.0;
1493            rel1.to: "down.image";
1494            rel2.to: "down.image";
1495            color: 0 0 0 0;
1496          }
1497       }
1498       part { name: "disabler";
1499          type: RECT;
1500          description { state: "default" 0.0;
1501             color: 0 0 0 0;
1502             visible: 0;
1503          }
1504          description { state: "disabled" 0.0;
1505             inherit: "default" 0.0;
1506             visible: 1;
1507          }
1508       }
1509    }
1510    programs {
1511       program { name: "text_show";
1512          signal: "elm,state,text,visible";
1513          source: "elm";
1514          action:  STATE_SET "visible" 0.0;
1515          target: "elm.text";
1516       }
1517       program { name: "text_hide";
1518          signal: "elm,state,text,hidden";
1519          source: "elm";
1520          action:  STATE_SET "default" 0.0;
1521          target: "elm.text";
1522       }
1523       program { name: "dec_start_signal_emit";
1524          action: SIGNAL_EMIT "elm,action,decrement,start" "";
1525       }
1526       program { name: "dec_stop_signal_emit";
1527          action: SIGNAL_EMIT "elm,action,decrement,stop" "";
1528       }
1529       program { name: "inc_start_signal_emit";
1530          action: SIGNAL_EMIT "elm,action,increment,start" "";
1531       }
1532       program { name: "inc_stop_signal_emit";
1533          action: SIGNAL_EMIT "elm,action,increment,stop" "";
1534       }
1535       program { name: "dec";
1536          signal: "mouse,down,1*";
1537          source: "down.btn";
1538          action:  STATE_SET "pressed" 0.0;
1539          target: "down.image";
1540          target: "down.image.arrow.shadow.proxy";
1541          target: "down.image.arrow.shadow.clipper";
1542          target: "down.image.arrow.clipper";
1543          after: "dec_start_signal_emit";
1544       }
1545       program { name: "dec2";
1546          signal: "mouse,up,1";
1547          source: "down.btn";
1548          action:  STATE_SET "default" 0.0;
1549          target: "down.image";
1550          target: "down.image.arrow.shadow.proxy";
1551          target: "down.image.arrow.shadow.clipper";
1552          target: "down.image.arrow.clipper";
1553          after: "dec_stop_signal_emit";
1554       }
1555       program { name: "inc";
1556          signal: "mouse,down,1*";
1557          source: "up.btn";
1558          action:  STATE_SET "pressed" 0.0;
1559          target: "up.image";
1560          target: "up.image.arrow.shadow.proxy";
1561          target: "up.image.arrow.shadow.clipper";
1562          target: "up.image.arrow.clipper";
1563          after: "inc_start_signal_emit";
1564       }
1565       program { name: "inc2";
1566          signal: "mouse,up,1";
1567          source: "up.btn";
1568          action:  STATE_SET "default" 0.0;
1569          target: "up.image";
1570          target: "up.image.arrow";
1571          target: "up.image.arrow.shadow.proxy";
1572          target: "up.image.arrow.shadow.clipper";
1573          target: "up.image.arrow.clipper";
1574          after: "inc_stop_signal_emit";
1575       }
1576       program { name: "disable";
1577          signal: "elm,state,disabled";
1578          source: "elm";
1579          action: STATE_SET "disabled" 0.0;
1580          target: "disabler";
1581       }
1582       program { name: "enable";
1583          signal: "elm,state,enabled";
1584          source: "elm";
1585          action: STATE_SET "default" 0.0;
1586          target: "disabler";
1587       }
1588       program { name: "active";
1589          signal: "elm,state,active";
1590          source: "elm";
1591          action: STATE_SET "active" 0.0;
1592          target: "elm.text";
1593          target: "elm.swallow.entry";
1594       }
1595       program { name: "inactive";
1596          signal: "elm,state,inactive";
1597          source: "elm";
1598          action: STATE_SET "default" 0.0;
1599          target: "elm.text";
1600          target: "elm.swallow.entry";
1601       }
1602       program { name: "toggle_text";
1603          signal: "mouse,up,1";
1604          source: "button.events";
1605          action: SIGNAL_EMIT "elm,action,entry,toggle" "";
1606       }
1607       program { name: "up_touch_snd";
1608          signal: "mouse,clicked,1";
1609          source: "up.btn";
1610          action: PLAY_SAMPLE "touch_sound" 1.0;
1611       }
1612       program { name: "down_ouch_snd";
1613          signal: "mouse,clicked,1";
1614          source: "down.btn";
1615          action: PLAY_SAMPLE "touch_sound" 1.0;
1616       }
1617    }
1618 }
1619
1620 group { name: "elm/spinner/base/datetime_popup/ampm";
1621    inherit: "elm/spinner/base/default";
1622
1623    parts {
1624       part { name: "block.events";
1625          type: RECT;
1626          description { state: "default" 0.0;
1627             color: 0 0 0 0;
1628             rel1.to: "elm.text";
1629             rel2.to: "elm.text";
1630          }
1631       }
1632    }
1633 }
1634
1635 group { name: "elm/layout/datetime_popup/date_layout";
1636
1637    parts {
1638       part { name: "bg";
1639          type: RECT;
1640          scale: 1;
1641          description { state: "default" 0.0;
1642             color: 0 0 0 0;
1643             min: DATETIME_POPUP_CONTENT_SIZE_INC;
1644             max: DATETIME_POPUP_CONTENT_SIZE_INC;
1645          }
1646       }
1647       part { name: "top.padding";
1648          type: RECT;
1649          scale: 1;
1650          description { state: "default" 0.0;
1651             color: 0 0 0 0;
1652             min: 0 0;
1653             max: -1 0;
1654             rel1.to: "bg";
1655             rel2 {
1656                relative: 1.0 0.0;
1657                to: "bg";
1658             }
1659             align: 0.5 0.0;
1660          }
1661       }
1662       part { name: "bottom.padding";
1663          type: RECT;
1664          scale: 1;
1665          description { state: "default" 0.0;
1666             color: 0 0 0 0;
1667             min: 0 0;
1668             max: -1 0;
1669             rel1 {
1670                relative: 0.0 1.0;
1671                to: "bg";
1672             }
1673             rel2.to: "bg";
1674             align: 0.5 1.0;
1675          }
1676       }
1677       part { name: "left.padding";
1678          type: RECT;
1679          scale: 1;
1680          description { state: "default" 0.0;
1681             color: 0 0 0 0;
1682             min: DATETIME_POPUP_CONTENT_LEFT_PADDING_WIDTH_INC 0;
1683             max: DATETIME_POPUP_CONTENT_LEFT_PADDING_WIDTH_INC -1;
1684             rel1 {
1685                relative: 0.0 1.0;
1686                to_x: "bg";
1687                to_y: "top.padding";
1688             }
1689             rel2 {
1690                relative: 0.0 0.0;
1691                to_x: "bg";
1692                to_y: "bottom.padding";
1693             }
1694             align: 0.0 0.5;
1695          }
1696       }
1697       part { name: "right.padding";
1698          type: RECT;
1699          scale: 1;
1700          description { state: "default" 0.0;
1701             color: 0 0 0 0;
1702             min: DATETIME_POPUP_CONTENT_RIGHT_PADDING_WIDTH_INC 0;
1703             max: DATETIME_POPUP_CONTENT_RIGHT_PADDING_WIDTH_INC -1;
1704             rel2.to: "bg";
1705             rel1 {
1706                relative: 1.0 1.0;
1707                to_x: "bg";
1708                to_y: "top.padding";
1709             }
1710             rel2 {
1711                relative: 1.0 0.0;
1712                to_x: "bg";
1713                to_y: "bottom.padding";
1714             }
1715             align: 1.0 0.5;
1716          }
1717       }
1718       part { name: "field0";
1719          type: SWALLOW;
1720          scale: 1;
1721          description { state: "default" 0.0;
1722             min: DATETIME_POPUP_CONTENT_FIELD_WIDTH_INC 0;
1723             rel1 {
1724                relative: 1.0 0.0;
1725                to: "left.padding";
1726             }
1727             rel2.to: "left.padding";
1728             align: 0.0 0.5;
1729          }
1730       }
1731       part { name: "center.padding1";
1732          type: RECT;
1733          scale: 1;
1734          description { state: "default" 0.0;
1735             color: 0 0 0 0;
1736             min: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC 0;
1737             max: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC -1;
1738             rel1 {
1739                relative: 1.0 0.0;
1740                to: "field0";
1741             }
1742             rel2.to: "field0";
1743             align: 0.0 0.5;
1744          }
1745       }
1746       part { name: "field1";
1747          type: SWALLOW;
1748          scale: 1;
1749          description { state: "default" 0.0;
1750             min: DATETIME_POPUP_CONTENT_FIELD_WIDTH_INC 0;
1751             rel1 {
1752                relative: 1.0 0.0;
1753                to: "center.padding1";
1754             }
1755             rel2 {
1756                relative: 0.0 1.0;
1757                to: "center.padding2";
1758             }
1759          }
1760       }
1761       part { name: "center.padding2";
1762          type: RECT;
1763          scale: 1;
1764          description { state: "default" 0.0;
1765             color: 0 0 0 0;
1766             min: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC 0;
1767             max: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC -1;
1768             rel1.to: "field2";
1769             rel2 {
1770                relative: 0.0 1.0;
1771                to: "field2";
1772             }
1773             align: 1.0 0.5;
1774          }
1775       }
1776       part { name: "field2";
1777          type: SWALLOW;
1778          scale: 1;
1779          description { state: "default" 0.0;
1780             min: DATETIME_POPUP_CONTENT_FIELD_WIDTH_INC 0;
1781             rel1.to: "right.padding";
1782             rel2 {
1783                relative: 0.0 1.0;
1784                to: "right.padding";
1785             }
1786             align: 1.0 0.5;
1787          }
1788       }
1789       part {
1790          name: "event_area";
1791          type: RECT;
1792          description { state: "default" 0.0;
1793             color: 0 0 0 0;
1794             visible: 0;
1795          }
1796          description { state: "visible" 0.0;
1797             inherit: "default" 0.0;
1798             visible: 1;
1799          }
1800       }
1801    }
1802 }
1803
1804 group { name: "elm/layout/datetime_popup/time_layout";
1805    inherit: "elm/layout/datetime_popup/date_layout";
1806
1807    parts {
1808       part { name: "hour.minute.color";
1809          type: TEXT;
1810          scale: 1;
1811          description { state: "default" 0.0;
1812             rel1.to: "center.padding1";
1813             rel2.to: "center.padding1";
1814             color: DATETIME_POPUP_CONTENT_FIELD_TEXT_COLOR_INC;
1815             text {
1816                font: "Tizen:style=Regular";
1817                size: DATETIME_POPUP_CONTENT_FIELD_TEXT_SIZE_INC;
1818                min: 0 0;
1819                text_class: "tizen";
1820                text: ":";
1821             }
1822          }
1823       }
1824    }
1825 }